@charset "utf-8";
/* ------------------------------------------
* Filename: intro.css
* Author: AltoBiz
------------------------------------------ */

/* 서비스소개 */
.intro {display:block; margin-top:25px}
.intro h3 {color:#556983; line-height:30px; font-family:'나눔고딕', nanum, 'nanum'; font-size:17px; letter-spacing:-1px}
.intro h3 strong {color:#002a54; font-family: nanum_b, 'nanum_b'}
.intro h3 .sky_blue {color:#018cd1}

.intro dt {color:#018cd1; font-size:21px; font-family: nanum_b, 'nanum_b'; display:block; padding-top:20px}
/* .intro dt {color:#018cd1; font-size:21px; font-family: nanum_b, 'nanum_b'; display:block; padding-top:35px} */
.intro dd {letter-spacing:-1px; color:#6d6e70; line-height:24px; display:block; padding-top:10px}
/* .intro dd {letter-spacing:-1px; color:#6d6e70; line-height:24px; display:block; padding-top:25px} */
.intro dd.list {}
.intro .list li {display:block; border:solid 1px #ddd; margin-top:5px; padding:0 20px 0 28px}
.intro .list li {display:block; border:solid 1px #ddd; margin-top:5px; padding:0 20px 0 28px}
.intro .list_new li {display:block; background:url('../../../user/img/info/icon_02.png') 0 6px no-repeat; padding:0 0 5px 15px; font-size:14px; line-height: 22px}
.intro .list li:first-child {margin-top:0}
.intro .list li:after {content:''; display:block; clear:both}
.intro .list strong {color:#333; font-size:16px; display:block; background:url('../../../user/img/info/icon_01.gif') 0 35px no-repeat; line-height:95px; padding-left:33px; float:left; width:130px}
.intro .list strong.lib_type {width: 150px;}
.intro .list span {display:block; float:left; line-height:95px; color:#6d6e70}
.intro .list .double {line-height:22px; padding-top:22px}
.intro .list .trio {line-height:22px; padding-top:10px}
.intro dd.box {}
.intro dd.box ul:after {content:''; display:block; clear:both}
.intro dd.box li {display:block; float:left; border:solid 1px #ddd; width:177px; height:160px; margin-left:8px; position:relative}
.intro dd.box li:first-child {margin-left:0}
.intro dd.box strong {color:#333; text-align:center; line-height:24px; display:block; padding-top:30px; font-size:16px}
.intro dd.box .single strong {line-height:97px; height:97px; padding-top:0}
.intro dd.box a {position:absolute; top:98px; left:40px; display:block; background:url('../../../user/img/common/icon_hwp.gif') 7px 7px no-repeat; width:77px; height:31px; line-height:31px; text-align:center; color:#2f4e7a; border:solid 1px #2f4e7a; border-radius:3px; padding-left:20px}
/* .intro dd.box a {position:absolute; top:98px; left:40px; display:block; background:url('../../../user/img/common/icon_hwp.gif') 12px 8px no-repeat; width:77px; height:31px; line-height:31px; text-align:center; color:#2f4e7a; border:solid 1px #2f4e7a; border-radius:3px; padding-left:20px} */
.intro dd.single {border:solid 1px #ddd; padding:30px; margin-top:10px}
/* .intro dd.single {border:solid 1px #ddd; padding:30px; margin-top:25px} */
.intro dd.single:after {content:''; display:block; clear:both}
.intro dd.single strong {display:block; float:left; color:#333; font-size:16px; line-height:33px}
.intro dd.single a {display:block; background:url('../../../user/img/common/icon_hwp.gif') 7px 7px no-repeat; width:77px; height:31px; line-height:31px; text-align:center; color:#2f4e7a; border:solid 1px #2f4e7a; border-radius:3px; padding-left:20px; float:right}
/* .intro dd.single a {display:block; background:url('../../../user/img/common/icon_hwp.gif') 12px 8px no-repeat; width:77px; height:31px; line-height:31px; text-align:center; color:#2f4e7a; border:solid 1px #2f4e7a; border-radius:3px; padding-left:20px; float:right} */

/* 서비스주요내용 */
.service {display:block; margin-top:25px}
.service .tab {background:url('../../../user/img/info/tab_line.gif') 0 bottom repeat-x}
.service .tab:after {content:''; display:block; clear:both}
.service .tab li {display:block; float:left; border-top:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; border-bottom:solid 1px #333; background:#f9f9f9; width:184px; height:48px; line-height:48px; text-align:center}
.service .tab li:first-child {border-left:solid 1px #dfdfdf}
.service .tab li a {display:block; color:#6d6e70; font-size:15px}
.service .tab li.current {background:#fff}
.service .tab li.current a {font-family: nanum_b, 'nanum_b'; color:#333; border-bottom:solid 1px #fff}
.service dt {color:#018cd1; font-size:21px; font-family: nanum_b, 'nanum_b'; display:block; padding-top:35px}
.service dd {margin-top:25px; display:block; color:#6d6e70}
.service dd img {border:solid 1px #ddd}
.service dd ul {display:block; margin-top:25px}
.service dd ul li {line-height:22px; display:block}
.service dd .list {margin-top:15px; line-height:22px}
.service .list dt {font-size:14px; color:#333; background:url('../../../user/img/info/icon_02.png') 0 7px no-repeat; line-height:24px; padding:0 0 0 17px}
.service .list dd {margin-top:0; background:url('../../../user/img/common/icon_01.png') 7px -235px no-repeat; padding-left:18px}

/* 참여도서관보기 */
.map {display:block; margin-top:25px}
.map_index {background:url('../../../user/img/info/map_bg.jpg') 0 0 repeat-y; width:100%; min-height:370px; border-top:solid 2px #333}
.map_index:after {content:''; display:block; clear:both}
.map_index .local_view {background:url('../../../user/img/info/map_img2.png') 0 0 no-repeat; width:215px; height:297px; position:relative; display:block; float:left; margin-top:40px}
.local_view li {position:absolute; display:block}
.local_view li a {text-shadow:1px 1px 0px #fff; font-family: nanum_b, 'nanum_b'; display:block; font-size:12px; line-height:20px; padding:0 10px}
.local_view li a.on {text-shadow:none; color:#fff; background:#e66b00; border-radius:10px}
.local_view .map_a {top:52px; left:70px}		/* 서울 */
.local_view .map_b {top:190px; left:160px}	/* 부산 */
.local_view .map_c {top:150px; left:149px}	/* 대구 */
.local_view .map_d {top:47px; left:27px}		/* 인천 */
.local_view .map_e {top:192px; left:67px}		/* 광주 */
.local_view .map_f {top:134px; left:77px}		/* 대전 */
.local_view .map_g {top:170px; left:170px}		/* 울산 */
.local_view .map_h {top:75px; left:63px}		/* 경기도 */
.local_view .map_i {top:40px; left:110px}		/* 강원도 */
.local_view .map_j {top:93px; left:90px}		/* 충청북도 */
.local_view .map_k {top:104px; left:30px}		/* 충청남도 */
.local_view .map_l {top:157px; left:53px}		/* 전라북도 */
.local_view .map_m {top:210px; left:40px}		/* 전라남도 */
.local_view .map_n {top:120px; left:120px}		/* 경상북도 */
.local_view .map_o {top:177px; left:105px}		/* 경상남도 */
.local_view .map_p {top:260px; left:15px}		/* 제주도 */
.local_view .map_q {top:119px; left:65px}		/* 세종 */

.map_index .list {display:block; float:left; width:525px}
.map_index .list li {padding:0px 20px; color:#6d6e70; border-top:solid 1px #e1e1e1}
/* .map_index .list li {padding:12px 20px; color:#6d6e70; border-top:solid 1px #e1e1e1} */
.map_index .list li:first-child {border-top:0}
.map_index .list li a {background:url('../../../user/img/common/icon_01.png') -235px -322px no-repeat; display:block; line-height:22px; padding-left:10px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.map_index .list li span {display:block; padding-left:10px}
.map_index .list li span:after {content:''; display:block; clear:both}
.map_index .list li i {font-style:normal; background:url('../../../user/img/common/icon_01.png') -188px -30px no-repeat; padding-left:11px; margin-left:10px; display:block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.map_index .list li i:first-child {background:none; padding-left:0; margin-left:0; max-width:70%}

.pause_div {width:100%; border-top:solid 2px #333}
.pause_div:after {content:''; display:block; clear:both}
/* .pause_div .local_view {background:url('../../../user/img/info/map_img.png') 0 0 no-repeat; width:215px; height:297px; position:relative; display:block; float:left; margin-top:40px} */
.pause_div .pause_ul {display:block; float:left; width:741px}
.pause_div .pause_ul li {padding:0px 20px; color:#6d6e70; border-top:solid 1px #e1e1e1}
.pause_div .pause_ul li:first-child {border-top:0}
.pause_div .pause_ul li a {background:url('../../../user/img/common/icon_01.png') -235px -322px no-repeat; display:block; line-height:22px; padding-left:10px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 15px;}
/* .pause_div .pause_ul li a {background:url('../../../user/img/common/icon_01.png') -235px -322px no-repeat; display:block; line-height:22px; padding-left:10px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} */
.pause_div .pause_ul li span {display:block; padding-left:10px}
.pause_div .pause_ul li span:after {content:''; display:block; clear:both}
.pause_div .pause_ul li i {font-style:normal; background:url('../../../user/img/common/icon_01.png') -188px -30px no-repeat; padding-left:11px; margin-left:10px; display:block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 14px;}
.pause_div .pause_ul li i:first-child {background:none; padding-left:0; margin-left:0; max-width:70%}

.map .list_title {display:block; margin-bottom:15px}
.map .list_title:after {content:''; display:block; clear:both}
.map .list_title li {displaY:block; float:right; line-height:33px}
.map .list_title li.left {float:left}
.map .list_title li.left a.sky_blue {color:#018cd1; text-decoration:underline;}
.map .list_title li.left a.riss {display:inline-block; zoom:1; _display:inline; line-height:26px; height:26px; background-color:#018cd1 ; color:#fff; font-size:13px; padding:0 10px; margin-left:10px}
/* .map .list_title li.left a.riss {display:inline-block; zoom:1; _display:inline; line-height:26px; height:26px; border:solid 1px #333; color:3333; font-size:13px; padding:0 10px; margin-left:10px} */

.map .search_box {margin-top:20px; text-align:center}
.map .search_box fieldset {width:410px; margin:0 auto}
.map .search_box fieldset:after {content:''; display:block; clear:both}
.map .search_box span:first-child {margin-left:0}
.map .search_box span {display:block; float:left; line-height:33px; margin-left:20px}
.map .search_box span:after {content:''; display:block; clear:both}
.map .search_box strong {display:block; float:left}
.map .search_box input[type="text"] {width:120px; margin-left:5px; display:block; float:left}
.map .search_box .search_btn {background:url('../../../user/img/common/icon_search.gif') 0 0 no-repeat; width:30px; height:31px; border:solid 1px #bebebe; border-left:0; text-indent:-9999px; display:block; float:left}

.map .map_control {border:solid 1px #ddd; border-top:solid 2px #333; position:relative}
/* .map .google_map {width:100%; height:445px; position:absolute; top:0; left:0} */
.map .google_map {width:100%; height:445px; position:relative; top:0; left:0}
.map .naver_map {height:445px; position:absolute; top:0; left:0}
.map .control_btn {display:block; text-align:center; line-height:26px; padding:10px 0; border-top:solid 1px #ddd}
.map .control_btn strong {display:inline-block; zoom:1; _display:inline; color:#6d6e70; font-size:14px}
.map .control_btn a {display:inline-block; zoom:1; _display:inline; border:solid 1px #bebebe; width:24px; height:24px; line-height:24px; text-align:center; color:#333; font-size:12px; letter-spacing:-1px; border-radius:3px;
background: #fdfdfd; /* Old browsers */
background: -moz-linear-gradient(top, #fdfdfd 0%, #f3f3f3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fdfdfd 0%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.map .map_btn {display:block; margin-top:20px}
.map .map_btn:after {content:''; display:block; clear:both}
.map .map_btn .left {float:left; display:block}
.map .map_btn .left:after {content:''; display:block; clear:both}
.map .map_btn .left a {color:#555; font-size:14px; width:80px; text-align:center; line-height:31px; height:31px; border:solid 1px #bebebe; display:block; float:left; margin-left:5px;
background: #fdfdfd; /* Old browsers */
background: -moz-linear-gradient(top, #fdfdfd 0%, #f3f3f3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fdfdfd 0%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.map .map_btn .left a:first-child {margin-left:0}
.map .map_btn .lst {display:block; float:left}
.map .map_btn .lst:after {content:''; display:block; clear:both}
.map .map_btn .lst i {font-style:normal; display:block; float:left; line-height:33px; padding-left:10px}
.map .map_btn .lst a {background:url('../../../user/img/info/map_pin.jpg') 0 0 no-repeat; width:31px; text-indent:-9999px}
.map .map_btn .right {float:right; display:block}
.map .map_btn .right a {background:url('../../../user/img/common/icon_bbs.png') 12px -33px no-repeat #333; padding:0 15px 0 30px; height:33px; line-height:33px; text-align:center; color:#fff; display:block}

.map .lib_info {margin-top:40px; border:solid 1px #ddd; padding:30px 30px 20px}
.map .lib_info dt {color:#333; font-size:16px; display:block; padding-bottom:20px; font-family: nanum_b, 'nanum_b'}
.map .lib_info dd {font-size:14px; line-height:24px; padding-bottom:10px}
.map .lib_info dd:after {content:''; display:block; clear:both}
.map .lib_info dd strong {background:url('../../../user/img/info/icon_02.png') 0 6px no-repeat; display:block; float:left; padding-left:20px; width:90px; color:#333}
.map .lib_info dd span {float:left; min-height:24px; width:550px}
.map .lib_info dd span a {color:#00a5e3}

.info_guide {display:block; margin-top:25px}
.info_guide .flow_chart {background:url('../../../user/img/info/flow_chart.png') 0 0 no-repeat; width:740px; height:105px; margin-bottom:15px}
/* .info_guide .flow_chart {background:url('../../../user/img/info/flow_chart.jpg') 0 0 no-repeat; width:740px; height:160px; margin-bottom:40px} */
.info_guide .flow_chart ul {display:block; padding-top:100px}
.info_guide .flow_chart li {display:block; float:left; width:105px; color:#fff; text-align:center; letter-spacing:-1px; line-height:40px}
.info_guide .flow_chart li:first-child {width:110px}

.info_guide .orange {color:#e66b00}
.info_guide h3 {display:block; color:#018cd1; font-size:21px; padding-bottom:20px}
.info_guide h4 {background:url('../../../user/img/info/bul_01.png') 0 0 no-repeat; margin:20px 0 10px; line-height:17px; font-size:17px; padding-left:25px; display:block; color:#018cd1}
.info_guide .title_1 {line-height:22px; padding-bottom:15px}
.info_guide .btn a {background:#018cd1; padding:0 10px; margin-top:20px}
.info_guide .btn a#member_join { background: #13ca55; }
.info_guide .btn a#member_update { background: #13ca55; }
.info_guide a.chaeknarae {display:inline-block; zoom:1; _display:inline; line-height:26px; height:26px; background-color:#018cd1 ; color:#fff; font-size:13px; padding:0 10px; margin-left:10px}
.info_guide ul {line-height:22px}
.info_guide ul.list {padding-bottom:10px}
.info_guide ul.list li {display:block; background:url('../../../user/img/info/icon_02.png') 0 6px no-repeat; padding:0 0 5px 15px; font-size:14px}
.info_guide ul.list .text {display:block}
.info_guide ul .img {padding:10px 0 20px}

.pay_table {margin:20px 0 0; width:100%; border:1px solid #89a2c2; border-top:0; word-wrap: break-word}
.pay_table th, .pay_table td {padding:7px 10px; line-height:20px; border-top:solid 1px #89a2c2; text-align:center; letter-spacing:-1px; color:#6d6e70}
.pay_table tbody tr:first-child td {border-top:solid 1px #9ea6ac}
.pay_table th {font-family: nanum_b, 'nanum_b'; color:#fff; background:#89a2c2; line-height:47px; padding:0px 10px}
.pay_table td * {vertical-align:middle}

.info_guide .text_box {border:solid 1px #018cd1; padding:10px; margin-top:20px;width:660px;height:265px}
.info_guide .text_box h5 {font-size:16px; padding-bottom:20px}
.info_guide .text_box .list li {padding-bottom:10px}