@charset "utf-8";

input, textarea, select {font-family:'notokr-regular',sans-serif;font-size:12px;padding:10px 15px 10px 10px;margin-right:5px;height:18px;border-radius:0;-webkit-border-radius: 0;-moz-border-radius: 0;border:1px solid #999;}
input{width:70%;}
legend, caption, hr{/*position:absolute;*/width:1px;height:1px;text-indent:-99999px;overflow:hidden}
textarea{width:91%; min-height:400px;}
select{border:1px solid #999;padding:10px 15px 10px 10px !important;font-size:14px;height:40px;min-width:50px;}
select option:checked, select option:hover{font-size:14px;padding:10px 0px;}


.search_conditions input{width:auto;}
.join_box input{width:auto;}
.view_tbl input{max-width:95%;width:auto;}
.write_tbl input{max-width:80%;width:auto;}
.list_tbl input{width:auto;}
.agreeBx input{width:auto;}
.info input{width:auto;}

.txtC{text-align:center;}
.txtR{text-align:right;}
.txtL{text-align:left;}

.fl{float:left;}
.fr{float:right;}

.pdt5{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pdt35{padding-top:35px;}
.pdt40{padding-top:40px;}
.pdt45{padding-top:45px;}
.pdt50{padding-top:50px;}
.pdt55{padding-top:55px;}
.pdt60{padding-top:60px;}
.pdt65{padding-top:65px;}
.pdt70{padding-top:70px;}
.pdt75{padding-top:75px;}
.pdt80{padding-top:80px;}
.pdt85{padding-top:85px;}
.pdt90{padding-top:90px;}
.pdt95{padding-top:95px;}
.pdt100{padding-top:100px;}

.pdb1{padding-bottom:1px;}
.pdb5{padding-bottom:5px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}
.pdb35{padding-bottom:35px;}
.pdb40{padding-bottom:40px;}
.pdb45{padding-bottom:45px;}
.pdb50{padding-bottom:50px;}
.pdb55{padding-bottom:55px;}
.pdb60{padding-bottom:60px;}
.pdb65{padding-bottom:65px;}
.pdb70{padding-bottom:70px;}
.pdb75{padding-bottom:75px;}
.pdb80{padding-bottom:80px;}
.pdb85{padding-bottom:85px;}
.pdb90{padding-bottom:90px;}
.pdb95{padding-bottom:95px;}
.pdb100{padding-bottom:100px;}


.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px;}
.pdl30{padding-left:30px;}
.pdl35{padding-left:35px;}
.pdl40{padding-left:40px;}
.pdl45{padding-left:45px;}
.pdl50{padding-left:50px;}
.pdl70{padding-left:70px;}
.pdl100{padding-left:100px;}
.pdl150{padding-left:150px;}
.pdl200{padding-left:200px;}

.pdr5{padding-right:5px;}
.pdr10{padding-right:10px;}
.pdr12{padding-right:12px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr25{padding-right:25px;}
.pdr30{padding-right:30px;}
.pdr35{padding-right:35px;}
.pdr40{padding-right:40px;}
.pdr45{padding-right:45px;}
.pdr50{padding-right:50px;}


.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl20{margin-left:20px;}
.mgl25{margin-left:25px;}
.mgl30{margin-left:30px;}
.mgl35{margin-left:35px;}
.mgl40{margin-left:40px;}
.mgl45{margin-left:45px;}
.mgl50{margin-left:50px;}


.mgr5{margin-right:5px;}
.mgr10{margin-right:10px;}
.mgr11{margin-right:11px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr25{margin-right:25px;}
.mgr30{margin-right:30px;}
.mgr35{margin-right:35px;}
.mgr40{margin-right:40px;}
.mgr45{margin-right:45px;}
.mgr50{margin-right:50px;}

.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.mgb30{margin-bottom:30px;}
.mgb35{margin-bottom:35px;}
.mgb40{margin-bottom:40px;}
.mgb45{margin-bottom:45px;}
.mgb50{margin-bottom:50px;}

.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px;}
.mgt45{margin-top:45px;}
.mgt50{margin-top:50px;}
.mgt55{margin-top:55px;}
.mgt60{margin-top:60px;}
.mgt65{margin-top:65px;}
.mgt70{margin-top:70px;}
.mgt75{margin-top:75px;}
.mgt80{margin-top:80px;}
.mgt85{margin-top:85px;}
.mgt90{margin-top:90px;}
.mgt95{margin-top:95px;}
.mgt100{margin-top:100px;}



.tbl_type1 td.textL{text-align:left;}
.tbl_type1 td.textR{text-align:right;}
.tbl_type2 td.textL{text-align:left;}
.tbl_type3 td.textL{text-align:left;}
.tbl_type4 td.textL{text-align:left;}
.list_tbl td.textL{text-align:left;}
.list_tbl2 td.textL{text-align:left;}


.tbl_type1 {width:100%;margin:5px 0px 0px 0px;border-top:2px solid #5f8cb6;word-break:keep-all;}
.tbl_type1 th{color:#384652;line-height:120%; background: #f6f6f6;padding:8px;border:1px solid #ddd;text-align:center;}
.tbl_type1 th.txtL{text-align:left;}

.tbl_type1 td{padding:12px;border:1px solid #ddd; text-align:center;line-height:130%;}
.tbl_type1 td img {vertical-align:middle;}
.tbl_type1 tfoot{background-color:#e7eff1;font-weight:bold; }
.tbl_type1 .txtL{text-align:left;}
.tbl_type1 .txtR{text-align:right;}
.tbl_type1 .lineR2{border-right:2px solid #bdc8d1;}
.tbl_type1 td.bg1{background:#f6f5eb;}
.tbl_type1 .topLine{border-top:2px solid #5f8cb6;}


.tbl_type2 {width:100%;margin:5px 0px 0px 0px;border-top:1px solid #ddd;word-break:keep-all;}
.tbl_type2 th{color:#384652;line-height:120%; background: #f6f6f6;padding:8px;border-left:1px solid #ddd; border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;}
.tbl_type2 td{padding:12px;border:1px solid #ddd; text-align:center;line-height:130%;}
.tbl_type2 td.txtL{text-align:left;}

.tbl_type3 {width:100%;margin:5px 0px 0px 0px;border-top:2px solid #5f8cb6;word-break:keep-all;}
.tbl_type3 th{color:#384652;line-height:120%; background: #f6f6f6;padding:3px;border-left:1px solid #ddd; border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;}
.tbl_type3 td{padding:6px 2px 6px 2px;border:1px solid #ddd; text-align:center;line-height:130%;}
.tbl_type3 td.txtL{text-align:left;}
.tbl_type3 td.font10{font-size:10pt;}

.tbl_type4 {margin:30px 0px;word-break:keep-all;}
.tbl_type4 th{color:#384652;line-height:120%; background: #f6f6f6;padding:15px 15px 5px 15px;border:1px solid #ddd;border-left:2px solid #ddd;border-right:2px solid #ddd;text-align:center;}
.tbl_type4 td{padding:10px;border:1px solid #ddd;border-left:2px solid #ddd;border-right:2px solid #ddd;text-align:center;line-height:130%;}
.tbl_type4 td.txtL{text-align:left;}
.tbl_type4 td.font10{font-size:10pt;}

.org_box {width:100%; text-align:center;}
.org_box00 {position:relative; width:200px; background-color:#10808b; font-size:20px; color:#fff; margin:0 auto; padding:10px 0 0; border:1px solid #10808b;}
.org_box00:after {content:''; background-color:#c6c6c6; width:1px; height:50px; position:absolute; top:101px; left:50%;}
.org_box00 span {display:block; padding:10px 0 18px; font-size:20px;}
.org_box00 > ul {padding:5px 0; background-color:#f7f7f7;}
.org_box00 > ul > li {margin:7px 0; font-size:14px; color:#333;}

.org_box01 {margin:50px 0 0;}
.org_box01 .org_list {display:inline-block; margin:0 auto;}
.org_box01 .org_list a {display:block;}
.org_box01 .org_list > li {float:left; position:relative; width:180px; margin:50px 15px 0; color:#333; border:1px solid #268b77; background-color:#268b77;}

.org_box01 .org_list > li:before {content:''; background-color:#c6c6c6; width:1px; height:50px; position:absolute; top:-51px; left:50%;}
/*.org_box01 .org_list > li:after {content:''; background-color:#c6c6c6; width:282px; height:1px; position:absolute; top:-51px; left:121px;}*/
.org_box01 .org_list > li:after {content:''; background-color:#c6c6c6; width:213px; height:1px; position:absolute; top:-51px; left:90px;}
.org_box01 .org_list > li:last-child::after {content:''; background-color:#c6c6c6; width:0; height:0; position:absolute; top:0;}

.org_box01 .org_list > li span {font-size:18px; color:#fff; line-height:60px;}
.org_box01 .org_list > li a > ul {height:145px; padding:10px 15px; background-color:#f7f7f7;}
.org_box01 .org_list > li a > ul > li {margin:7px 0; font-size:14px;}


@media (min-width:0) and (max-width:767px){
	.tblib{overflow-x:scroll;margin-bottom:30px;}
	.tblib table{width:767px;}
}

/* table */
table{width:100%;border:none;border-collapse:collapse;word-break:keep-all;}
table th{border:none;background-color:#f3f3f3;color:#727272}
table td{border:none}

/* list */
.list_tbl{clear:both;border-top:1px solid #b3b3b3;border-bottom:1px solid #e6e6e6;text-align:center;word-break:keep-all;}
.list_tbl tr:hover{background-color:#e3f7ff}
.list_tbl tr:hover td{background-color:#e3f7ff}
.list_tbl th{padding:20px 0;border-bottom:1px solid #e6e6e6}
.list_tbl td{padding:14px 10px;border-top:1px solid #e6e6e6}
.list_tbl td.status span{color:#0093d0}
.list_tbl .footable-row-detail-inner{padding:0 20px;text-align:left}
.list_tbl tr th{padding:10px 8px}
.list_tbl .title{text-align:left}

/*관리자 리스트*/
.list_tbl2{clear:both;border-top:1px solid #b3b3b3;border-bottom:1px solid #e6e6e6;text-align:center;word-break:keep-all;}
.list_tbl2 tr:hover{background-color:#e3f7ff}
.list_tbl2 tr:hover td{background-color:#e3f7ff}
.list_tbl2 th{padding:20px 0;border-bottom:1px solid #e6e6e6}
.list_tbl2 td{padding:2px;border-top:1px solid #e6e6e6}
.list_tbl2 td.status span{color:#0093d0}
.list_tbl2 .footable-row-detail-inner{padding:0 20px;text-align:left}
.list_tbl2 tr th{padding:10px 8px}
.list_tbl2 .title{text-align:left}
.admInput{padding:2px;max-width:85%}



.listHeader{min-height:112px;padding-top:5px;padding-left:417px;}
.listHeader p.headerTit{margin:0 0 18px;font-family:NanumSquareR, sans-serif;color:#212121;font-size:26px}
.listHeader ul li{color:#969696;font-family:NotoSansR, sans-serif;letter-spacing:-0.05em;}
.listHeader ul li.point{color:#fa4b4b}
.listHeader ul a.point{color:#fa4b4b}
@media screen and (min-width:0) and (max-width:1024px){
	.listHeader{padding:130px 0 0 0}
}
@media screen and (min-width:0) and (max-width:767px){
	.listHeader{padding:0;background:none}
}

/* 게시판 목록 - 모바일
@media screen and (min-width:0px) and (max-width:767px){
	.list_tbl{border-top:none}
	.list_tbl thead{display:none}
	.list_tbl tr:first-child td{border-top:1px solid #b3b3b3}
	.always td.alwaysNum{width:10%}
	.mobileTable.breakpoint > tbody > tr.always > td.title{background-color:#e8f9fe}
	.mobileTable.breakpoint > tbody > tr.always > td.reportDate{background-color:#e8f9fe}
}
*/
.accessionNum{word-break:break-all}



.view_tbl{position:relative;border-top:2px solid #5897c9; padding:10px;width:100%;margin-bottom:30px;}
.view_tbl th{text-align:left;border-bottom:1px solid #dbdbdb;padding:15px;background:#eff2f5;}
.view_tbl th span{float:right;}
.view_tbl td{padding:15px; line-height:150%; color: #333; border-bottom: 1px solid #dbdbdb;}
.view_tbl td a{color: #333;}
.view_tbl .view_con{padding:10px;height: 200px;overflow: hidden;}
.view_tbl .tit2{border-right:1px solid #eee;FONT-WEIGHT: normal;	background:#f9faea;}
.view_tbl .tit3{border-right:1px solid #eee;FONT-WEIGHT: normal;	background:#ffffff;}
.view_tbl .bg1{background:#FFFFFF;}
.view_tbl .bg2{background:#fcfdf0;}



.bbsTit{padding-right:100px;color:#1a1a1a;font-size:18px;font-weight:bold;width:75%;word-break:keep-all;line-height:150%;}

.writeInfo{position:absolute;top:20px;right:20px;}
.writeInfo p{text-align:right;margin-top:10px}
.writeInfo p:first-child{margin-top:0}
.writeInfo span{position:absolute;top:31px;right:0}
.writeInfo p.status span{position:relative;top:0;right:0;}

.writerInfo dl{clear:both}
.writerInfo dt{float:left;margin-right:5px;margin-top:10px;font-weight:600}
.writerInfo dt.skip{display:none}
.writerInfo dd{float:left;margin-right:20px;margin-top:10px;}
.writerInfo dd.writer span{color:#1a1a1a}


.calBtn{display:inline-block;}

a.mber1Btn {width:190px; padding:20px 0; box-sizing: border-box;}

.btn_01{
background:#3b8dcc;
border:1px solid #3b8dcc;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 7px 20px;
}

.btn_01-i{
background:#3b8dcc;
border:1px solid #3b8dcc;
display: inline-block; color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 7px 20px;
}

.btn_01-b{
background:#3b8dcc;
border:1px solid #3b8dcc;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 14px; width:200px;padding: 20px;
}

.btn_02-b{
background:#5F9148;
border: 1px solid #5F9148;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 14px; width:200px; padding: 20px;
}

.btn_02-c{/*엑셀다운*/
border:1px solid #70aa55;
background:#0063a9;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 9px 20px;
}

.btn_03-b{
background:#444;
border: 1px solid #444;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 14px; width:200px; padding: 20px;
}


.btn_01-d{
background:#7d279d;
border:1px solid #7d279d;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 7px 15px;
margin-bottom:5px;
}

.btn_01-d2{
background:#7d279d;
border:1px solid #7d279d;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 7px 5px;
margin-bottom:5px;
}

.btn_01-d3{
background:#7d279d;
border:1px solid #7d279d;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 7px 10px;
margin-bottom:5px;
}

.btn_02{
background: #476D36;
border:1px solid #476D36;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 7px 20px;
}

.btn_02-c{/*엑셀다운추가*/
border:1px solid #476D36;
background:#476D36;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 9px 20px;
}

.btn_02-i{
background: #70aa55;
border:1px solid #70aa55;
display: inline-block; color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 5px 16px;
}

.btn_03{
border:1px solid #0063a9;
background:#0063a9;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 9px 20px;
}

.btn_03-2{
background: #70aa55;
border:1px solid #70aa55;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255);
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 9px 20px;
}


.btn_04{
background:#fff;border:1px solid #d6d6d6;
display: inline-block; /*cursor: pointer;*/ color:#333;
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 7px 20px;
}

.btn_04s{
background:#fff;border:1px solid #d6d6d6;
display: inline-block; /*cursor: pointer;*/ color:#333;
font-family:'notokr-medium',sans-serif;font-size: 11px; padding: 5px;
}

.btn_05{
background:#196195;
border: 1px solid #196195;
display: inline-block; /*cursor: pointer;*/ color:#fff;
font-family:'notokr-medium',sans-serif;font-size: 14px; padding: 9px 25px;
position:relative;
margin-right:1px;
}

.btn_05-d{
background:#135869;
border: 1px solid #135869;
display: inline-block; /*cursor: pointer;*/ color:#fff;
font-family:'notokr-medium',sans-serif;font-size: 14px; padding: 9.5px 25px;
position:relative;
top:2px;
}



.btn_06{
background:#135869;
border: 1px solid #135869;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255);
font-family:'notokr-medium',sans-serif;font-size: 14px; padding: 7px 25px;
}

.btn_07{
border:1px solid #0063a9;
background:#0063a9;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255);
font-family:'notokr-medium',sans-serif;font-size: 14px; padding: 10px;width:100%;margin:10px 0px 0px 0px;
}

.btn_08{
/*background: linear-gradient(rgb(116, 173, 90) 5%, rgb(104, 165, 75) 100%) rgb(116, 173, 90);*/
background:linear-gradient(#4a8330 5%, #3b6d24 100%);
border: 1px solid rgb(59, 110, 34);
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255);
padding: 6.5px 20px;
font-family:'notokr-medium',sans-serif;
}

.btn_09{
border:1px solid #135869;
background:#135869;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255);
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 9px 20px;
}


.btn_edu01{
background:#757575;
border:1px solid #757575;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255);
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 7px 20px;
margin:0px 5px 5px 0px;
}

.btn_edu02{
background:#52697f;
border:1px solid #52697f;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255);
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 7px 20px;
margin:0px 5px 5px 0px;
}

.btn_edu03{
background:#567f52;
border:1px solid #567f52;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255);
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 7px 20px;
margin:0px 5px 5px 0px;
}

.btn_edu04{
background:#fff;
border:1px solid #c8418d;
display: inline-block; /*cursor: pointer;*/ color:#c8418d;
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 7px 20px;
margin:0px 5px 5px 0px;
}

.btn_edu05{
background:#fff;
border:1px solid #2691a4;
display: inline-block; /*cursor: pointer;*/ color:#2691a4;
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 7px 20px;
margin:0px 5px 5px 0px;
}

.btn_edu06{
background:#fff;
border:1px solid #834e2b;
display: inline-block; /*cursor: pointer;*/ color:#834e2b;
font-family:'notokr-medium',sans-serif;font-size: 13px; padding: 7px 20px;
margin:0px 5px 5px 0px;
}


.btn_edu01b{
background:#757575;
border:1px solid #757575;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255);
font-family:'notokr-medium',sans-serif;font-size: 14px; padding: 10px 25px;
margin:0px 5px 5px 0px;
}

.btn_edu02b{
background:#52697f;
border:1px solid #52697f;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255);
font-family:'notokr-medium',sans-serif;font-size: 14px; padding: 10px 25px;
margin:0px 5px 5px 0px;
}

.btn_edu03b{
background:#567f52;
border:1px solid #567f52;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255);
font-family:'notokr-medium',sans-serif;font-size: 14px; padding: 10px 25px;
margin:0px 5px 5px 0px;
}

.btn_edu04b{
background:#fff;
border:1px solid #c8418d;
display: inline-block; /*cursor: pointer;*/ color:#c8418d;
font-family:'notokr-medium',sans-serif;font-size: 14px; padding: 10px 25px;
margin:0px 5px 5px 0px;
}

.btn_edu05b{
background:#fff;
border:1px solid #2691a4;
display: inline-block; /*cursor: pointer;*/ color:#2691a4;
font-family:'notokr-medium',sans-serif;font-size: 14px; padding: 10px 25px;
margin:0px 5px 5px 0px;
}

.btn_edu06b{
background:#fff;
border:1px solid #834e2b;
display: inline-block; /*cursor: pointer;*/ color:#834e2b;
font-family:'notokr-medium',sans-serif;font-size: 14px; padding: 10px 25px;
margin:0px 5px 5px 0px;
}

.btn_02b{
background:#476D36;
border: 1px solid #476D36;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255);
font-family:'notokr-medium',sans-serif;font-size: 14px; padding: 10px 25px;
margin:0px 5px 5px 0px;
}

.btn_pos{
background:#3b8dcc;
border:1px solid #3b8dcc;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 16px; padding: 12px 60px;
border-radius:30px;
}

.btn_pos_red{
background:#c8418d;
border:1px solid #c8418d;
display: inline-block; /*cursor: pointer;*/ color: rgb(255, 255, 255) !important;
font-family:'notokr-medium',sans-serif;font-size: 16px; padding: 12px 60px;
border-radius:30px;
}


.write_tbl{position:relative;  width:100%;border-top: 2px solid #5897c9;letter-spacing:-0.05em;}
.write_tbl tr{color:#333; height: 32px; }
.write_tbl th{background:#eff2f5; color:#222; border-bottom: 1px solid #dbdbdb;	padding:5px;	text-align: center;}
.write_tbl td{overflow: hidden; white-space: nowrap;border-bottom: 1px solid #dbdbdb;}
.write_tbl td a {color: #333333;}
/*.write_tbl td a:link, a:visited {color: #333;}*/
.write_tbl td a:hover {color: #1F58B1; text-decoration: underline;}
.write_tbl textarea.warp-normal {white-space: pre-wrap;}


.confirmPw_wrap{position:relative;width:100%;margin-top:80px;}
.confirmPw_wrap2{position:relative;width:100%;margin-top:70px;}
.confirmPw{position:relative; width:70%;border:1px solid #ddd;padding:3%;background:#f6f6f6;margin:0 auto}
.confirmPw_txt{padding:0px 0px 15px 0px;text-align:center;border-bottom:1px dashed #999;}
.confirmPw_txt p{padding-bottom:10px;	letter-spacing:-0.05em;}
.confirmPw_txt .loginButton {box-sizing:border-box;}
.inputLine{width:80%;padding:10px;}
.inputLine2{width:95.5%;padding:10px;}
.inputLine3{width:45.5%;padding:10px;}

.board_btn{text-align:right;margin-top:10px;}



#paging_div{clear:both;position:relative;width:100%;padding:50px 0 10px 0; color:#333;}
#paging_div a{padding:3px 5px 3px 5px; margin:3px; border: 0px solid #ddd;color:#333; }
#paging_div strong{padding:3px 5px 3px 5px; margin:3px; border: 0px solid #ddd; color:#000; FONT-WEIGHT: bold;}
#paging_div .paging_align{clear: both; margin: 0 auto;  text-align: center; width: 100%;}
.paging_align .first{border:medium none;padding:0px;}
.paging_align li{display:inline;border-right:0px solid #dddddd; color:#444; padding-left:5px;padding-right:5px; vertical-align:middle;}
.paging_align li a{color:#444;}
.paging_align li a:hover{color:#0958A5;font-weight:bold;}
.paging_align a:active{color:#0958A5;}
.paging_align a:visited{color:#0958A5;}



.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 1em 0;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
	border: 1px solid #becbd2;
	border-bottom: none;
	margin: 0 0.25em;
	display: block;
	float: left;
	position: relative;
}

.tabs nav li.tab-current {
	border: 1px solid #47a3da;
	box-shadow: inset 0 2px #47a3da;
	border-bottom: none;
	z-index: 1;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width: 1000px;
	background: #47a3da;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}

.tabs nav a {
	color: #becbd2;
	display: block;
	font-size: 14px;
	line-height: 2.5;
	padding: 0 1.25em;
	white-space: nowrap;
	font-family:'notokr-medium';
}

.tabs nav a:hover {
	color: #768e9d;
}

.tabs nav li.tab-current a {
	color: #47a3da;
}

/* Icons */
.tabs nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}


/* Content */
.content section {
	font-size: 1em;
	padding: 1.5em 0em;
	display: none;
	max-width: 1230px;
	margin: 0 auto;
}

.content section:before,
.content section:after {
	content: '';
	display: table;
}

.content section:after {
	clear: both;
}

/* Fallback example */
.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #47a3da;
}

.content section.content-current {
	display: block;
}

.mediabox {
	float: left;
	width: 33%;
	padding: 0 25px;
}

.mediabox img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.mediabox h3 {
	margin: 0.75em 0 0.5em;
}

.mediabox p {
	padding: 0 0 1em 0;
	margin: 0;
	line-height: 1.3;
}

/* Example media queries */

@media screen and (max-width: 52.375em) {
	.tabs nav a span {

	}

	.tabs nav a:before {
		margin-right: 0;
	}

	.mediabox {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.mediabox img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%;
	}

	.mediabox h3 {
		margin-top: 0;
	}

	.mediabox p {
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox:before,
	.mediabox:after {
		content: '';
		display: table;
	}

	.mediabox:after {
		clear: both;
	}
}

@media screen and (max-width: 32em) {
	.tabs nav ul,
	.tabs nav ul li a {
		width: 100%;
		padding: 0;
	}

	.tabs nav ul li {
		width: 20%;
		width: calc(20% + 1px);
		margin: 0 0 0 -1px;
	}

	.tabs nav ul li:last-child {
		/*border-right: none;*/
	}

	.mediabox {
		text-align: center;
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
	}
}


.inputBox{width:80%;border:2px solid rgb(84, 56, 30);padding:10px;height:20px;}
.inputBox7{width:55%;border:3px solid #0074c8;padding:10px;/*height:20px;*/}
.inputBox6{width:78%;border:3px solid #0074c8;padding:10px;/*height:20px;*/}
.inputBox5{width:58%;border:3px solid #0074c8;padding:10px;/*height:20px;*/}
.inputBox2{width:78%;border:1px solid #d5d5d5;padding:8px;}
.inputBox3{width:20%;border:1px solid #d5d5d5;padding:10px;}
.inputBox3.re19{width:19%;}
.inputBox4{width:10%;border:1px solid #d5d5d5;padding:8px;}
.selectBox-label {display:inline-block;white-space:nowrap;overflow:hidden;line-height:2.5em;width:53%;border:1px solid #d5d5d5;padding:10px;}

.searchBox{width:200px;float:left;}
.searchBox2{width:300px;float:left;}


.pdl200List{padding-left:200px;}

.label_type1{float:left;width:100px;padding:7.5px;text-align:center;border:1px solid #d5d5d5;margin-right:10px;background:#fff;}
.label_type2{padding:7.5px 0px;text-align:center;border:1px solid #d5d5d5;margin-right:10px;margin-bottom:10px;background:#fff;}



.searchWrap{/*padding-left:90px;*/}

.searchList_dl{float:left;width:100%;}
.searchList_dl:after{display:block; content:''; clear:both;}
.searchList_dl dl{overflow:hidden; border:1px dashed #ddd;padding:15px 15px 20px 15px;margin:15px 0px;line-height:170%;}
.searchList_dl dl dt.tit{position:absolute;top:-9999px;}
.searchList_dl dl dt{float: left;width:65px;background:url(/images/common/icon_hyphen.jpg) right center no-repeat;margin-right:10px;}
.searchList_dl dl dt.locationTit{float: left;color:#222;margin:0px 7px 0px 15px;width:auto !important;background:none;}
.searchList_dl dl dd.bookImg{float:left;margin:0px 15px 50px 0px;}
.searchList_dl dl dd img{width:100px;height:135px;padding:5px;border:1px solid #e5e5e5;}
.searchList_dl dl dd.location{color:#7941c4;font-size:15px;}
.searchList_dl dl dd.bookTit{font-size:18px;margin-bottom:15px;padding-left:20px;background:url(/images/common/icon_bookmark.png)left 3px no-repeat;}
.searchList_dl dl dd.bookTit a{color:#145676;}
.searchList_dl dl dd.bookInfo{color:#666;}
.searchList_dl dl dd.bookInfo2{text-align:justify;padding:10px;margin-top:10px;}
.searchList_dl dl dd.location_tit {float:none; clear:both; padding-top:15px; color:#7941c4}
.searchList_dl dl dd.location_tit span {display:inline-block; padding-right:10px; color:#222;}

.searchList_dl2{float:left;width:100%;}
.searchList_dl2 dl{border:1px dashed #ddd;padding:15px 15px 30px 15px;margin:15px 0px;line-height:170%;}
.searchList_dl2 dl dt.tit{position:absolute;top:-9999px;}
.searchList_dl2 dl dt{float: left;width:65px;background:url(/images/common/icon_hyphen.jpg) right center no-repeat;margin-right:10px;}
.searchList_dl2 dl dt.locationTit{float: left;color:#222;margin:0px 7px 0px 15px;width:auto !important;background:none;}
.searchList_dl2 dl dd.bookImg{float:left;margin:0px 15px 0px 0px;}
.searchList_dl2 dl dd img{width:100px;height:135px;padding:5px;border:1px solid #e5e5e5;}
.searchList_dl2 dl dd.location{color:#7941c4;font-size:15px;}
.searchList_dl2 dl dd.bookTit{font-size:18px;margin-bottom:15px;padding-left:20px;background:url(/images/common/icon_bookmark.png)left 3px no-repeat;}
.searchList_dl2 dl dd.bookTit a{color:#145676;}
.searchList_dl2 dl dd.bookInfo{color:#666;}
.searchList_dl2 dl dd.bookInfo2{text-align:justify;padding:10px;margin-top:35px;}


.searchList_dl3{float:left;width:100%;}
.searchList_dl3 dl{border:1px dashed #ddd;padding:15px 15px 30px 15px;margin:15px 0px;line-height:170%;}
.searchList_dl3 dl dt.tit{position:absolute;top:-9999px;}
.searchList_dl3 dl dt{float: left;width:65px;background:url(/images/common/icon_hyphen.jpg) right center no-repeat;margin-right:10px;}
.searchList_dl3 dl dt.locationTit{float: left;color:#222;margin:20px 7px 0px 15px;width:auto !important;background:none;}
.searchList_dl3 dl dd.bookImg{float:left;margin:0px 15px 50px 10px;}
.searchList_dl3 dl dd img{width:100px;height:135px;padding:5px;border:1px solid #e5e5e5;}
.searchList_dl3 dl dd.location{color:#7941c4;font-size:15px;margin-top:20px;}
.searchList_dl3 dl dd.bookTit{font-size:18px;margin-bottom:15px;padding-left:20px;background:url(/images/common/icon_bookmark.png)left 3px no-repeat;}
.searchList_dl3 dl dd.bookTit a{color:#145676;}
.searchList_dl3 dl dd.bookInfo{color:#666;}
.searchList_dl3 dl dd.bookInfo2{text-align:justify;padding:10px;margin-top:10px;}

.searchList_dl4{float:left;width:100%;}
.searchList_dl4 dl{border:1px dashed #ddd;padding:15px 15px 30px 15px;margin:15px 0px;line-height:170%;}
.searchList_dl4 dl dt.tit{position:absolute;top:-9999px;}
.searchList_dl4 dl dt{float: left;width:65px;background:url(/images/common/icon_hyphen.jpg) right center no-repeat;margin-right:10px;}
.searchList_dl4 dl dt.locationTit{float: left;color:#222;margin:20px 7px 0px 15px;width:auto !important;background:none;}
.searchList_dl4 dl dd.bookImg{float:left;margin:0px 15px 0px 10px;}
.searchList_dl4 dl dd img{width:100px;height:135px;padding:5px;border:1px solid #e5e5e5;}
.searchList_dl4 dl dd.location{color:#7941c4;font-size:15px;margin-top:20px;}
.searchList_dl4 dl dd.bookTit{font-size:18px;margin-bottom:15px;padding-left:20px;background:url(/images/common/icon_bookmark.png)left 3px no-repeat;}
.searchList_dl4 dl dd.bookTit a{color:#145676;}
.searchList_dl4 dl dd.bookInfo{color:#666;}
.searchList_dl4 dl dd.bookInfo2{text-align:justify;padding:10px;margin-top:10px;}

.localBx{width:100%;}

/* 자료검색 org_css


.searchList_dl{float:left;width:100%;}
.searchList_dl dl{border:1px dashed #ddd;padding:15px 10px 30px 10px;margin:15px 0px;line-height:170%;}
.searchList_dl dl dt.tit{position:absolute;top:-9999px;}
.searchList_dl dl dt{float: left;width:65px;color:#222;font-weight:bold;}
.searchList_dl dl dt.locationTit{float: left;color:#222;margin:0px 7px 0px 15px;width:auto !important;}
.searchList_dl dl dd.bookImg{float:left;margin:0px 15px 0px 10px;padding-bottom:30px;}
.searchList_dl dl dd img{width:100px;height:135px;padding:5px;border:1px solid #e5e5e5;}
.searchList_dl dl dd.location{color:#7941c4;font-size:15px;}
.searchList_dl dl dd.bookTit{font-size:16px;margin-bottom:15px;}
.searchList_dl dl dd.bookTit a{color:#006cba;}
.searchList_dl dl dd.bookInfo{color:#666;}
.searchList_dl dl dd.bookInfo2{text-align:justify;padding:10px;}


.searchList_dl2{float:left;width:100%;}
.searchList_dl2 dl{border:1px dashed #ddd;padding:15px 10px 30px 10px;margin:15px 0px;line-height:170%;}
.searchList_dl2 dl dt.tit{position:absolute;top:-9999px;}
.searchList_dl2 dl dt{float: left;width:65px;color:#222;font-weight:bold;}
.searchList_dl2 dl dd.bookImg{float:left;margin:0 15px;padding-bottom:10px;}
.searchList_dl2 dl dd img{width:100px;height:135px;padding:5px;border:1px solid #e5e5e5;}
.searchList_dl2 dl dd.bookTit{font-size:16px;margin-bottom:15px;}
.searchList_dl2 dl dd.bookTit a{color:#006cba;}
.searchList_dl2 dl dd.bookInfo{color:#666;}
.searchList_dl2 dl dd.bookInfo2{text-align:justify;padding:10px;}

.searchList_dl3{float:left;width:100%;}
.searchList_dl3 dl{border:1px dashed #ddd;padding:15px 10px 30px 10px;margin:15px 0px;line-height:170%;}
.searchList_dl3 dl dt.tit{position:absolute;top:-9999px;}
.searchList_dl3 dl dt{float: left;width:65px;color:#222;font-weight:bold;}
.searchList_dl3 dl dt.locationTit{float: left;color:#222;margin:20px 7px 0px 15px;width:auto !important;}
.searchList_dl3 dl dd.bookImg{float:left;margin:0px 15px 0px 10px;}
.searchList_dl3 dl dd img{width:100px;height:135px;padding:5px;border:1px solid #e5e5e5;}
.searchList_dl3 dl dd.location{color:#7941c4;font-size:15px;margin-top:20px;}
.searchList_dl3 dl dd.bookTit{font-size:16px;margin-bottom:15px;}
.searchList_dl3 dl dd.bookTit a{color:#006cba;}
.searchList_dl3 dl dd.bookInfo{color:#666;}
.searchList_dl3 dl dd.bookInfo2{text-align:justify;padding:10px;}

.searchList_dl4{float:left;width:100%;}
.searchList_dl4 dl{border:1px dashed #ddd;padding:15px 10px 30px 10px;margin:15px 0px;line-height:170%;}
.searchList_dl4 dl dt.tit{position:absolute;top:-9999px;}
.searchList_dl4 dl dt{float: left;width:65px;color:#222;font-weight:bold;}
.searchList_dl4 dl dt.locationTit{float: left;color:#222;margin:20px 7px 0px 15px;width:auto !important;}
.searchList_dl4 dl dd.bookImg{float:left;margin:0px 15px 0px 10px;}
.searchList_dl4 dl dd img{width:100px;height:135px;padding:5px;border:1px solid #e5e5e5;}
.searchList_dl4 dl dd.location{color:#7941c4;font-size:15px;padding-top:19px;}
.searchList_dl4 dl dd.bookTit{font-size:16px;margin-bottom:15px;}
.searchList_dl4 dl dd.bookTit a{color:#006cba;}
.searchList_dl4 dl dd.bookInfo{color:#666;}
.searchList_dl4 dl dd.bookInfo2{text-align:justify;padding:10px;}


*/



/* 대출순위 */
.searchList_dl span.eleBook{position: absolute; display: inline-block; float: left; padding:0px 7px; border: 1px solid #2a96ce; background: #2a96ce; color: #fff;font-size:12px;font-weight:bold;}
.searchList_dl4 span.rank {position: absolute; display: inline-block; float: left; padding:3px 5px; border: 1px solid #ce2a2a; background: #ce2a2a; color: #fff;font-weight:bold;}


.bestList_dl{width:49%;float:left;padding-right:1%;}
.bestList_dl dl{border:1px dashed #ddd;padding:15px 10px;margin:15px 0px;height:300px;}
.bestList_dl dl dt{float:left;}
.bestList_dl dl dd.bookImg{float:left;margin:0 15px;}
.bestList_dl dl dd img{width:100px;height:135px;padding:5px;border:1px solid #e5e5e5;}
.bestList_dl dl dd.bookTit{font-size:14px;color:#111;margin-bottom:15px;}
.bestList_dl dl dd.bookInfo{color:#666;}
.bestList_dl dl dd.bookInfo2{text-align:justify;padding:10px;}

#searchView{width:100%;float:left;margin-bottom:20px;}
#searchView .img img{width:178px;height:245px;border:1px solid #ddd;padding:10px;float:left;}
#searchView .ph{width:70%;padding-left:20px;float:left;}
#searchView h3{border:1px solid #ddd;background:#f9f9f9;padding:10px;color:#0c284f;}

#searchView .view-in{float:left;padding:15px;border:1px solid #ddd;width:96.3%;}


.wrap{width:auto;margin:0 auto 0;}
.wrap2{width:90%;margin:0 auto 0;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.searchList{margin-bottom:13px}
.searchList:first-child {margin-bottom:11px}
.searchList li {float:left;margin-right:10px;margin-bottom:8px}
.searchList li input {vertical-align:-2px}





h3{background:url(/images/common/titH3.jpg) left 4px no-repeat;margin-bottom:10px;padding:0px 0px 0px 31px;color:#333;font-size:19px;font-weight:normal; letter-spacing:0em;}
h4{margin-bottom:5px;padding-top:5px;color:#0074c8;font-size:16px;}

.list_style1{list-style:none;padding:5px 0px 30px 0px;}
.list_style1 li{padding:0px 0px 2px 7px;background:url("/images/common/icon_dot.jpg") 0px 12px no-repeat;line-height:200%;}
.list_style1 li.tit{font-weight:bold;background:none;padding:0px;}

.list_style1 li.img{padding:7px 0px 7px 0px;}
.list_style1 li.imt{background:none;}
.list_style1 li span{color:#0469b4;}

.list_style1 li ul{margin:5px 0px 5px 5px;}
.list_style1 li ul li{background:url("/images/common/icon_dot2.jpg") left 12px no-repeat; padding:0px 0px 0px 8px;}

.list_style1 li img{vertical-align:middle;}
.list_style1 li ol li{background:url("/images/common/list06.gif") 0px 8px no-repeat; line-height:140%;}


.list_style2{list-style:none;padding:5px 0px 0px 0px;}
.list_style2 li{padding:0px 0px 2px 7px;background:url("/images/common/icon_dot.jpg") 0px 8px no-repeat;line-height:160%;}
.list_style2 li.imt{background:none;}

.list_style2 li ul{margin:5px 0px 5px 5px;}
.list_style2 li ul li{background:url("/images/common/icon_dot3.jpg") left 12px no-repeat; padding:0px 0px 0px 8px;}

.list_style3{list-style:none;padding:8px 0px 0px 0px;}
.list_style3 li{padding:0px 0px 2px 0px;line-height:180%;}
.list_style3 li span.tit{font-weight:bold;display:inline-block;width:75px;margin-right:10px;background:url(/images/common/icon_hyphen.jpg) right 11px no-repeat;}
.list_style3 li span.tit2{font-weight:bold;display:block;background:none;}


.list_style4{list-style:none;padding:0px 0px 30px 20px;}
.list_style4 li{padding:0px;line-height:180%;font-size:16px;}
.list_style4 li span.tit{font-weight:bold;}



.sign{font-size:18px;}
.sign span{font-size:26px;font-weight:bold;}

.greeting{display:inline-block;position:relative;width:100%;margin-bottom:20px; padding:0px; word-break: keep-all ;}
.greetingTxt{width:57%; padding:0px 3% 0px 0px; float:left; font-size:16px;line-height:170%;}
.greetingImg{width:40%;float:right;text-align:right;}
.greetingImg img{width:auto;}

.greeting2{position:relative;width:100%;margin-bottom:20px; padding:0px; word-break: keep-all ;}
.greetingTxt2{padding:0px;font-size:16px;line-height:170%;}
.greetingImg2{}
.greetingImg2 img{width:100%;}

.greeting-txt{display:inline-block;font-size:16px;line-height:170%;}
.greeting-img{display:inline-block;text-align:right;position:relative;top:-190px;right:-148px;}

.textR{text-align:right;}

.txtInfo{border:1px solid #ddd;border-radius:7px;padding:15px;text-align:left;margin-bottom:30px;background:url(/images/common/bg_txtInfo2.png);color:#222;font-family:'notokr-medium';}
/*.txtInfo{border:1px solid #ddd;border-radius:7px;padding:15px;text-align:left;margin-bottom:30px;background:url(/images/common/bg_txtInfo.png);background-size: cover;color:#421e0c;font-family:'notokr-medium';}*/
.txtInfo2{border:1px solid #ddd;border-radius:7px;padding:15px;text-align:left;margin-bottom:15px;color:#421e0c;font-family:'notokr-medium';}

.txtInfo3{float:left;border:1px solid #ddd;border-radius:7px;padding:2%;width:93%;text-align:left;margin-bottom:15px;background:#f9f9f9;}
.txtInfo3 .img{float:left;clear: both;}
.txtInfo3 .txt{float:right;color:#222;font-size:13.5px;font-family:'notokr-medium';}


/* Styling */
.timeline {
  /*margin: 4em auto;*/
  position: relative;
  /*max-width: 46em;*/
  background:url(/images/introduction/history_img01.png) no-repeat;
  margin-top:30px;
}
.timeline:before {
  background-color: #ddd;
  content: '';
  margin-left: -1px;
  position: absolute;
  top: 0;
  left: 2em;
  width: 2px;
  height: 100%;
}

.timeline-event {
  position: relative;
}
.timeline-event:hover .timeline-event-icon {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #a83279;
}
.timeline-event:hover .timeline-event-thumbnail {
  -moz-box-shadow: inset 40em 0 0 0 #a83279;
  -webkit-box-shadow: inset 40em 0 0 0 #a83279;
  box-shadow: inset 40em 0 0 0 #a83279;
}

.timeline-event-copy {
  padding: 2em;
  position: relative;
  top: -1.875em;
  left: 4em;
  width: 80%;
}
.timeline-event-copy h3 {
  font-size: 1.75em;
}
.timeline-event-copy h4 {
  font-size: 1.2em;
  margin-bottom: 1.2em;
}
.timeline-event-copy strong {
  font-weight: 700;
}
.timeline-event-copy p:not(.timeline-event-thumbnail) {
  padding-bottom: 1.2em;
  font-size:18px;
  color:#111;
}

.timeline-event-icon {
  -moz-transition: -moz-transform 0.2s ease-in;
  -o-transition: -o-transform 0.2s ease-in;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #0074c8;
  outline: 10px solid white;
  display: block;
  margin: 0.5em 0.5em 0.5em -0.5em;
  position: absolute;
  top: 0;
  left: 2em;
  width: 1em;
  height: 1em;
}

.timeline-event-thumbnail {
  -moz-transition: box-shadow 0.5s ease-in 0.1s;
  -o-transition: box-shadow 0.5s ease-in 0.1s;
  -webkit-transition: box-shadow 0.5s ease-in;
  -webkit-transition-delay: 0.1s;
  transition: box-shadow 0.5s ease-in 0.1s;
  color: white;
  font-size: 16px;
  background-color: #666;
  -moz-box-shadow: inset 0 0 0 0em #eb4e79;
  -webkit-box-shadow: inset 0 0 0 0em #eb4e79;
  box-shadow: inset 0 0 0 0em #eb4e79;
  display: inline-block;
  margin-bottom: 1.2em;
  padding: 0.25em 1em 0.2em 1em;
}

/*

        @media screen and (max-width: 1225px) and (min-width: 1045px) {

	}

	@media screen and (max-width: 1045px) and (min-width: 835px) {

	}

	@media screen and (max-width: 565px) and (min-width: 300px) {
		.hide1{
			display:none;
		}
	}

	@media screen and (max-width: 300px) {
		.hide1{
			display:none;
		}

	}

	*/



.hide2{display:none;}
.hide3{display:none;}

.hide4{display:none !important;}
.hide5{}




/* 회원가입 */
.join_box{}
.join_box .join_step{position:relative;height:54px;margin-bottom:30px;background-color:#F6F6F6;border:1px solid #898989;overflow:hidden;}
.join_box .join_step ul{width:125%;padding-left:35px;}
.join_box .join_step li{float:left;position:relative;width:216px;margin-left:-35px;background:url(../images/contents/join_off.png) right center no-repeat;z-index:10;}
.join_box .join_step li span{display:block;padding:18px 3% 19px 0;font-size:15px;line-height:17px;color:#636363;font-weight:600;text-align:center;background:url(../images/contents/join_off02.png) left center no-repeat;}
.join_box .join_step li.on{background:url(../images/contents/join_on.gif) right center no-repeat #636363;z-index:11;}
.join_box .join_step li.on span{color:#ccc;}
.join_box .join_step li:first-child span{background:none;}
.join_box .join_step li.last{background:url(../images/contents/join_off.png) left center no-repeat;}
.join_box .join_step li.last span{padding:18px 2% 19px 1%;}
.join_box .join_step li.last.on{background:#636363;}
.join_box .box_txt{overflow-y:scroll; height:300px; padding:20px 25px; border:1px solid #e7e7ea;}
.join_box .box_txt .title{padding:0 0 12px 0;font-size:17px;line-height:18px;color:#002765;font-weight:600;border-bottom:1px solid #e7e7ea;}
.join_box .box_txt .cont_box{padding:15px 0 0;}
.join_box .box_txt .cont_box .cont{width:100%;height:200px;border:none;overflow-y:auto; font-size:14px; line-height:20px; font-family:"나눔고딕",Nanum Gothic,NG,ng !important;color:#636363;}
.join_box .box_txt .cont_box .cont100{width:100%;height:100px;border:none;overflow-y:auto; font-size:14px; line-height:20px; font-family:"나눔고딕",Nanum Gothic,NG,ng !important;color:#636363;}
.join_box .box_txt .cont_box .cont li li{background:none;padding-left:0;}

.join_box .agree_box{padding:10px; margin-top:-1px; text-align:right; background-color:#f5f5f5; border:1px solid #ddd;}
.join_box .agree_box.psn{color:#111; background-color:#fff3ed; border:1px solid #de480c;}
.join_box .agree_box input[type="checkbox"],.join_box .agree_box label{vertical-align:middle;}
.join_box .join_complete{text-align:center;}
.join_box .join_complete .title{padding:20px 0;font-size:28px;line-height:30px;color:#3578C2;text-align:center;}
.join_box .join_complete .cont p em{color:#3578C2;font-weight:600;}
.join_box .join_complete .cont .con{padding:20px;font-size:16px;line-height:18px;}
.join_box .join_complete .cont .con span{display:inline-block;padding:20px 30px;border:3px solid #002765;}
.join_box .join_complete .cont .con span em{color:#000;font-weight:600;}
.join_box .box_tit02{padding:20px 0;}
.join_box .box_tit02 .box{padding:25px;text-align:center;border:1px solid #e7e7ea;border-top:3px solid #002765;}
.join_box .box_tit02 .tit{font-size:17px;line-height:24px;color:#eb6100;font-weight:600;}
.join_box .box_tit02 .cont{padding-top:20px;}
.join_box .box_tit02 .cont a{display:inline-block;padding:20px 25px;margin:0 3px;font-size:14px;line-height:16px;color:#fff;font-weight:600;background-color:#555;}
.join_box .box_tit02 .put{padding:25px 0 0 25px;font-size:14px;color:#4e4e4e;}
.join_box .box_tit02 .put ul{padding:15px 0;}
.join_box .box_tit02 .put li strong{color:#3070b9;font-weight:normal;}

/*230131 개인정보 관련 css*/
#divContent .join_box .box_txt .cont_box .cont h4.psn_tit {}
.join_box .box_txt.psn {border:1px solid #de480c;}
.join_box .box_txt.psn .title{padding:0 0 19px 0;font-size:20px;line-height:20px;color:#de480c;font-weight:600;border-bottom:1px solid #de480c; text-align:center;}
.join_box .box_txt.psn .cont_box{padding:15px 0 0;}
.join_box .box_txt.psn .cont_box .cont{width:100%;height:200px;border:none;overflow-y:auto; font-size:16px; line-height:20px; font-family:"나눔고딕",Nanum Gothic,NG,ng !important;color:#121212}
.join_box .box_txt.psn .cont_box .cont100{width:100%;height:100px;border:none;overflow-y:auto; font-size:16px; line-height:20px; font-family:"나눔고딕",Nanum Gothic,NG,ng !important;color:#121212;}
.join_box .box_txt.psn .cont_box .cont li li{background:none;padding-left:0;}

#divContent .join_box .box_txt .cont_box .cont h4{background:none;margin-left:0;padding-left:0}
#divContent .join_box .box_txt .cont_box .cont h5{background:none;margin-left:15px;padding-left:0}
#divContent .join_box .box_txt .cont_box .cont h6{margin-left:15px}
#divContent .join_box .box_txt .cont_box .cont p{margin:10px 0;line-height:20px}
#divContent .join_box .box_txt .cont_box .cont table{margin-top:20px}
#divContent .join_box .box_txt .cont_box .cont .indent{padding-left:15px}
#divContent .join_box .box_txt .cont_box .cont ul li{margin-bottom:5px;line-height:20px}

/*230131 개인정보 관련 css*/
#divContent .join_box .box_txt .cont_box .cont h4.psn_h4 {font-size:18px;color:#de480c;}
#divContent .join_box .box_txt .cont_box .cont .tbl_type1 {border-top:2px solid #121212;}

.indent li{line-height:180%;}

.tooltip-wrap {
  position: relative;
}

#divContent .chart-pop {
  display: none;
  position: absolute;
  top: 79px;
  left: 0px;
  width: 830px;
  padding: 70px 10px;
  border: 2px solid #1886c3;
  background-color: #f7f7f7;
  z-index:10;
}

#divContent .chart-pop .chart-close01 {
  position: absolute;
  right: 10px;
  top: 10px;
}

#divContent .chart-pop .chart-close02 {
  position: absolute;
  right: 10px;
  top: 50px;
}

#divContent .searchBx{
	border:1px solid #ddd;
	margin-top:10px;
	background:#f7f7f7;
	padding:35px;
}

#divContent .searchBx input,select{
	margin-right:0px;
}

.search_conditions{
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  padding:15px;
}

.bookGroup{position:relative;height:auto; width:100%; margin:15px 0px 15px 0px; padding:15px 0px 15px 0px; border-top: 1px dashed #d3d3d4; clear:both;}
.bookGroup_list{position:relative; width:100%; clear:both; margin-bottom:10px; }
.bookGroup_list .bookList{float:left;width:33%; margin:2px 0px 2px 0px;}

@media (min-width:768px) and (max-width:1024px){
.bookGroup{position:relative;height:auto; width:100%; margin:15px 0px 15px 0px; padding:15px 0px 15px 0px; border-top: 1px dashed #d3d3d4; clear:both;}
.bookGroup_list{position:relative; width:100%; clear:both; margin-bottom:10px; }
.bookGroup_list .bookList{float:left;width:50%; margin:2px 0px 2px 0px;}
}

@media (min-width:0) and (max-width:767px){
	.bookGroup{position:relative;height:auto; width:100%; margin:15px 0px 15px 0px; padding:15px 0px 15px 0px; border-top: 1px dashed #d3d3d4; clear:both;}
.bookGroup_list{position:relative; width:100%; clear:both; margin-bottom:10px; }
.bookGroup_list .bookList{float:left;width:100%; margin:2px 0px 2px 0px;}
}

#elibWrap{width:100%;float:left;}
#elibWrap h2{background:none;padding:20px 0px 15px 0px;}
#elibWrap .bx{border:1px solid #e0e1e2;width:30%;height:300px;padding:20px 0px;float:left;margin-right:15px;margin-bottom:30px;text-align:center;}

#elibWrap2{width:100%;float:left;}
#elibWrap2 h2{background:none;padding:20px 0px 15px 0px;}
#elibWrap2 .bx{border:1px solid #e0e1e2;width:96%;padding:2%;float:left;margin-bottom:30px;text-align:center;}

/* 절차 */
#step_style1 ul{overflow:hidden}
#step_style1 ul li{float:left;width:24%;background:url(/images/common/icon_next.png) no-repeat 195px 50%}
#step_style1 ul li.style02 {float:left;width:30%;background:url(/images/common/icon_next.png) no-repeat 230px 50%}
#step_style1 ul li.last, #step_style1 ul li.style02-last {background:none;}
#step_style1 ul li > div{width:173px;border:1px solid #ddd;border-radius:7px;}
#step_style1 ul li > div.style02 {width:210px;border:1px solid #ddd;border-radius:7px;}
#step_style1 ul li > div p.stepTit{padding:5px 0;background-color:#f6f6f6;color:#e53967;font-size:14px;text-align:center;border-radius:7px 7px 0px 0px;border-bottom:2px solid #e53967;}
#step_style1 ul li > div > div{display:table-cell;width:173px;height:124px;border-top:1px solid #eaeaea;color:#2f2f2f;font-size:15px;vertical-align:middle;text-align:center}
#step_style1 ul li > div > div.style02{display:table-cell;width:210px;height:124px;padding:0 15px;border-top:1px solid #eaeaea;color:#2f2f2f;font-size:15px;vertical-align:middle;text-align:left;}
#step_style1 ul li > div p.user{padding:10px 0;background-color:#f2f2f2;color:#2f2f2f;font-size:15px;text-align:center}

@media (min-width:0) and (max-width:1024px){
	#step_style1 ul li{width:23%;margin-bottom:20px}
	 .narae ul li > div{width:120px}
	.narae ul li > div > div {}
}

@media (min-width:0) and (max-width:900px){
	#step_style1 ul li.style02 {float:left;width:50%;background:url(/images/common/icon_next.png) no-repeat 300px 50%}
	#step_style1 ul li > div.style02, #step_style1 ul li > div > div.style02 {width:280px;}
	#step_style1 ul li.style02-last {background:none;}
}

@media (min-width:0) and (max-width:767px){
	#step_style1 ul li{float:left;width:40%;margin-bottom:20px;}
	#step_style1 ul li > div{width:120px}
	#step_style1 ul li > div > div{}
}

@media (min-width:0) and (max-width:700px){
	#step_style1 ul li.style02 {float:left;width:90%;background:url(/images/common/icon_next.png) no-repeat 100% 50%}
	#step_style1 ul li > div.style02, #step_style1 ul li > div > div.style02 {width:90%;}
	#step_style1 ul li.style02-last {background:none;}
}


#step_style2 ul{overflow:hidden}
#step_style2 ul li{float:left;width:30%;background:url(/images/common/icon_next.png) no-repeat  210px 50%}
#step_style2 ul li.last{background:none}
#step_style2 ul li > div{width:173px;border:1px solid #ddd;border-radius:7px;}
#step_style2 ul li > div p.stepTit{padding:10px 0;background-color:#f6f6f6;color:#e53967;font-size:14px;text-align:center;border-radius:7px 7px 0px 0px;border-bottom:2px solid #e53967;}
#step_style2 ul li > div > div{display:table-cell;width:173px;height:124px;border-top:1px solid #eaeaea;color:#2f2f2f;font-size:15px;vertical-align:middle;;text-align:center}
#step_style2 ul li > div p.user{padding:10px 0;background-color:#f2f2f2;color:#2f2f2f;font-size:15px;text-align:center}

@media (min-width:0) and (max-width:1024px){
	#step_style2 ul li{width:30%;margin-bottom:20px}
	 .narae ul li > div{width:140px}
	.narae ul li > div > div {}
}

@media (min-width:0) and (max-width:767px){
	#step_style2 ul li{float:left;width:50%;margin-bottom:20px;}
	#step_style2 ul li > div{width:140px;float:left;}
	#step_style2 ul li > div > div{}
}



#step_style3 ul{overflow:hidden}
#step_style3 ul li{float:left;width:25%;background:url(/images/common/icon_next.png) no-repeat  190px 50%;margin-bottom:15px;}
#step_style3 ul li.last{background:none}
#step_style3 ul li > div{width:173px;border:1px solid #ddd;border-radius:7px;}
#step_style3 ul li > div p.stepTit{padding:10px 0;background-color:#f6f6f6;color:#e53967;font-size:14px;text-align:center;border-radius:7px 7px 0px 0px;border-bottom:2px solid #e53967;}
#step_style3 ul li > div > div{display:table-cell;width:173px;height:124px;border-top:1px solid #eaeaea;color:#2f2f2f;font-size:15px;vertical-align:middle;;text-align:center}
#step_style3 ul li > div p.user{padding:10px 0;background-color:#f2f2f2;color:#2f2f2f;font-size:15px;text-align:center}

@media (min-width:0) and (max-width:1024px){
	#step_style3 ul li{width:30%;margin-bottom:20px}
	 .narae ul li > div{width:120px}
	.narae ul li > div > div {}
}

@media (min-width:0) and (max-width:767px){
	#step_style3 ul li{float:left;width:45%;margin-bottom:20px;}
	#step_style3 ul li > div{width:130px}
	#step_style3 ul li > div > div{}
}

/*20250102 대관신청 신청절차 표 커스텀*/
#step_style3.hallrsv_step {}
#step_style3.hallrsv_step ul {overflow:unset;display:flex;flex-wrap:wrap;justify-content:center;margin-left:-35px;align-items: center;align-content: center;vertical-align: middle;}
#step_style3.hallrsv_step ul li {position:relative; float:none; width:33.3333%; padding:0 0 20px 35px; box-sizing:border-box;}
#step_style3.hallrsv_step ul li {background:none;}
#step_style3.hallrsv_step ul li:before {content:''; display:block; position:absolute; top:50%; left:10px; margin-top:-7px; width:9px; height:15px; background:url(/images/common/icon_next.png) no-repeat;}
#step_style3.hallrsv_step ul li:first-child:before, 
#step_style3.hallrsv_step ul li:nth-child(4):before {display:none}
#step_style3.hallrsv_step ul li.last {background:none}
#step_style3.hallrsv_step ul li > div {width:100%;}
#step_style3.hallrsv_step ul li > div > div {display:flex; lex-wrap:wrap; justify-content:center; flex-direction:column; align-items:center; line-height:1.4; width:100%; height:130px; padding:0 10px; box-sizing: border-box;}


@media screen and (max-width:767px) {
	#step_style3.hallrsv_step ul li {width:49%; }
	#step_style3.hallrsv_step ul li:before {left:13px;}
	#step_style3.hallrsv_step ul li:nth-child(4):before {display:block; left:13px;}
}

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

@media screen and (max-width:480px) {
	#step_style3.hallrsv_step ul {margin-left:0px;}
	#step_style3.hallrsv_step ul li {width:99%; padding:0 0 20px 0px;}
	#step_style3.hallrsv_step ul li:first-child:before {display:block;}
	#step_style3.hallrsv_step ul li:before {top:auto; bottom:-10px; left:50%; transform:rotate(90deg);margin-top:0px; margin-left:-4px;}
	#step_style3.hallrsv_step ul li:nth-child(4):before {left:50%;}
	#step_style3.hallrsv_step ul li > div > div {height:auto; padding:20px 10px; text-align:center;}
}



/*20250613 무료택배서비스_반납신청 커스텀*/
#step_style3.deliveryLoanStep {}
#step_style3.deliveryLoanStep ul {overflow:unset;display:flex;flex-wrap:wrap;justify-content:center;margin-left:-35px;align-items: center;align-content: center;vertical-align: middle;}
#step_style3.deliveryLoanStep ul li {position:relative; float:none; width:25%; padding:0 0 5px 35px; box-sizing:border-box;}
#step_style3.deliveryLoanStep ul li {background:none;}
#step_style3.deliveryLoanStep ul li:before {content:''; display:block; position:absolute; top:50%; left:10px; margin-top:-7px; width:9px; height:15px; background:url(/images/common/icon_next.png) no-repeat;}
#step_style3.deliveryLoanStep ul li:first-child:before{display:none;}
#step_style3.deliveryLoanStep ul li.last {background:none;}
#step_style3.deliveryLoanStep ul li > div {overflow:hidden; width:100%;}
#step_style3.deliveryLoanStep ul li > div > div {display:flex; flex-wrap:wrap; justify-content:center; flex-direction:column; align-items:center; line-height:1.4; width:100%; height:130px; padding:0 10px; background-color:#fff; box-sizing: border-box;}


@media screen and (max-width:767px) {
	#step_style3.deliveryLoanStep ul li {width:49%; }
	#step_style3.deliveryLoanStep ul li:before {left:13px;}
	#step_style3.deliveryLoanStep ul li:nth-child(4):before {display:block; left:13px;}
}

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

@media screen and (max-width:480px) {
	#step_style3.deliveryLoanStep ul {margin-left:0px;}
	#step_style3.deliveryLoanStep ul li {width:99%; padding:0 0 20px 0px;}
	#step_style3.deliveryLoanStep ul li:first-child:before {display:block;}
	#step_style3.deliveryLoanStep ul li:before {top:auto; bottom:-10px; left:50%; transform:rotate(90deg);margin-top:0px; margin-left:-4px;}
	#step_style3.deliveryLoanStep ul li:nth-child(4):before {display:none;}
	#step_style3.deliveryLoanStep ul li > div > div {height:auto; padding:20px 10px; text-align:center;}
}



#step_style4 ul{overflow:hidden}
#step_style4 ul li{float:left;width:33%;background:url(/images/common/icon_next.png) no-repeat 93% 50%;margin-bottom:15px;}
#step_style4 ul li.last{background:none}
#step_style4 ul li > div{width:230px;border:1px solid #ddd;border-radius:7px;}
#step_style4 ul li > div p.stepTit{padding:10px 0;background-color:#f6f6f6;color:#e53967;font-size:14px;text-align:center;border-radius:7px 7px 0px 0px;border-bottom:2px solid #e53967;}
#step_style4 ul li > div > div{display:table-cell;width:230px;height:124px;border-top:1px solid #eaeaea;color:#2f2f2f;font-size:15px;vertical-align:middle;;text-align:center}
#step_style4 ul li > div p.user{padding:10px 0;background-color:#f2f2f2;color:#2f2f2f;font-size:15px;text-align:center}
@media (min-width:0) and (max-width:1024px){
	#step_style4 ul li{margin-bottom:20px}
	 .narae ul li > div{width:120px}
	.narae ul li > div > div {}
}
@media (min-width:0) and (max-width:767px){
	#step_style4 ul li{float:left;width:45%;margin-bottom:20px;}
}
@media (min-width:0) and (max-width:640px){
	#step_style4 ul li{float:none; width:100%; background:none;}
	#step_style4 ul li > div{width:99%;}
	#step_style4 ul li > div > div{display:block; padding:20px; width:95%; height:inherit;}
}

#step_style5 ul{overflow:hidden}
#step_style5 ul li{float:left;width:25%;background:none;margin-bottom:15px;}
#step_style5 ul li.last{background:none}
#step_style5 ul li > div{width:173px;border:1px solid #ddd;border-radius:7px;}
#step_style5 ul li > div p.stepTit{padding:10px 0;background-color:#f6f6f6;color:#e53967;font-size:14px;text-align:center;border-radius:7px 7px 0px 0px;border-bottom:2px solid #e53967;}
#step_style5 ul li > div p.stepTit2{padding:10px 0;background-color:#f6f6f6;color:#ff854f;font-size:14px;text-align:center;border-radius:7px 7px 0px 0px;border-bottom:2px solid #ff854f;}
#step_style5 ul li > div p.stepTit3{padding:10px 0;background-color:#f6f6f6;color:#3ead18;font-size:14px;text-align:center;border-radius:7px 7px 0px 0px;border-bottom:2px solid #3ead18;}
#step_style5 ul li > div p.stepTit4{padding:10px 0;background-color:#f6f6f6;color:#1893ad;font-size:14px;text-align:center;border-radius:7px 7px 0px 0px;border-bottom:2px solid #1893ad;}
#step_style5 ul li > div > div{display:table-cell;width:173px;height:124px;border-top:1px solid #eaeaea;color:#2f2f2f;font-size:15px;vertical-align:middle;;text-align:center}
@media (min-width:0) and (max-width:1024px){
	#step_style5 ul li{width:30%;margin-bottom:20px}
	 .narae ul li > div{width:120px}
	.narae ul li > div > div {}
}
@media (min-width:0) and (max-width:767px){
	#step_style5 ul li{float:left;width:45%;margin-bottom:20px;}
	#step_style5 ul li > div{width:130px}
	#step_style5 ul li > div > div{}
}




.star_rating,
.star_rating span{display:inline-block;overflow:hidden;height:16px;height:15px;background:transparent url(/images/common/ico_star.gif) no-repeat}
.star_rating{width:80px;vertical-align:middle}
.star_rating span{background-position:0 -15px;font-size:0;line-height:0;text-indent:-100px;*text-indent:0;vertical-align:top}




.starBx{float:left;border:1px solid #ddd;background:#f9f9f9;width:97%;padding:1.5%;margin-top:20px;}
.starBx .tit{float:left;font-family:'notokr-medium';padding-right:10px;}
.starBx .tit img{padding-right:5px;}
.starBx .ph{float:left;position:relative;top:5px;}


.star-input>.input,
.star-input>.input>label:hover,
.star-input>.input>input:focus+label,
.star-input>.input>input:checked+label{
    display: inline-block;
    vertical-align: top;
    background: url(/images/common/ico_starB.gif) no-repeat;}
.star-input{
    white-space: nowrap;
}
.star-input>.input{
    display:inline-block;
    width: 100px;
    background-size: 100px;
    height: 19px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.star-input>.input>input{
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.star-input>.input.focus{
    outline: 1px dotted #ddd;
}
.star-input>.input>label{
    width: 10px;
    height: 0;
    padding: 19px 0 0 0;
    overflow: hidden;
    float: left;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
.star-input>.input>label:hover,
.star-input>.input>input:focus+label,
.star-input>.input>input:checked+label{
    background-size: 100px;
    background-position: 0 bottom;
}
.star-input>.input>label:hover~label{
    background-image: none;
}
.star-input>.input>label[for="p1"]{
    width: 10px;
    z-index: 10;
}
.star-input>.input>label[for="p2"]{
    width: 20px;
    z-index: 9;
}
.star-input>.input>label[for="p3"]{
    width: 30px;
    z-index: 8;
}
.star-input>.input>label[for="p4"]{
    width: 40px;
    z-index: 7;
}
.star-input>.input>label[for="p5"]{
    width: 50px;
    z-index: 6;
}
.star-input>.input>label[for="p6"]{
    width: 60px;
    z-index: 5;
}
.star-input>.input>label[for="p7"]{
    width: 70px;
    z-index: 4;
}
.star-input>.input>label[for="p8"]{
    width: 80px;
    z-index: 3;
}
.star-input>.input>label[for="p9"]{
    width: 90px;
    z-index: 2;
}
.star-input>.input>label[for="p10"]{
    width: 100px;
    z-index: 1;
}
.star-input>output{
    display: inline-block;
    width: 34px;
    text-align: right;
}
.star-input>output>b{
    font:bold 16px notokr-medium,AppleGothic,Verdana,Arial,San-Serif;
    vertical-align: middle;
    color:#222;
    padding-right:2px;
}




.txt-p01{font-size:16px;color:#ff7800;}



.tabs{padding:20px 0;position:relative;*zoom:1}
.tabs:before,
.tabs:after{clear:both;display:table;content:"";line-height:0}
.tabs ul{position:relative;z-index:1;height:42px;border-bottom:2px solid #0074c8}
.tabs li{float:left}
.tabs li:first-child a{margin:0px;}
.tabs li a{display:block;position:relative;z-index:0;margin:0 0 0 -1px;padding:0 24px;line-height:40px;font-size:15px;color:#333;text-align:center;border:1px solid #dedede;background:#fff}
.tabs li a span{font-size:13px}
.tabs li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #333;background:#001b2e;transition:all 0.3s}
.tabs li a.sel{position:relative;z-index:5;padding:0 24px;border:2px solid #0074c8;font-weight:bold;}
.tabs li a span{}



.culH4 {font-size:15px;padding:10px 5px;font-weight:bold;word-break:keep-all;}
.culList{background:#d85a86;padding:3px 7px;color:#fff;font-size:11px;text-align:center;}
.culList2{background:#3f9d78;padding:3px 7px;color:#fff;font-size:11px;text-align:center;}
.culList3{background:#9963aa;padding:3px 7px;color:#fff;font-size:11px;text-align:center;}
.culList4{background:#23c0d7;padding:3px 7px;color:#fff;font-size:11px;text-align:center;}
.culList5{/*background:#fb9c40;*/background:#C94F12;padding:3px 7px;color:#fff;font-size:11px;text-align:center;}


.culList01{background:#e43a3a;padding:3px 7px;color:#fff;font-size:11px;text-align:center;}
.culList02{background:#ff8a00;padding:3px 7px;color:#121212;font-size:11px;text-align:center;}
.culList03{background:#e8cb09;padding:3px 7px;color:#121212;font-size:11px;text-align:center;}
.culList04{background:#1bc937;padding:3px 7px;color:#fff;font-size:11px;text-align:center;}
.culList05{background:#1f58c1;padding:3px 7px;color:#fff;font-size:11px;text-align:center;}
.culList06{background:#0030DB;padding:3px 7px;color:#fff;font-size:11px;text-align:center;}
.culList07{background:#1f304d;padding:3px 7px;color:#fff;font-size:11px;text-align:center;}
.culList08{background:#fd2997;padding:3px 7px;color:#fff;font-size:11px;text-align:center;}
.culList09{background:#2b2b2b;padding:3px 7px;color:#fff;font-size:11px;text-align:center;}





.movie2 {position:relative; padding:15px; }
.movie2 h2 {display:inline-block;width:100%; border-bottom: 2px solid #000000; color:#222; font-size:18px;line-height:60px; text-align:left}
.movie2 > ul {margin-left:-20px;}
.movie2 > ul:after {content:''; display:block; visibility:hidden; clear:both;}
.movie2 > ul li {float:left; width:50%; padding:0 0 20px 20px; box-sizing:border-box;}
.movie2 > ul li .movie_inner {border:1px solid #ddd;}

.movie2 > ul li.holiday{padding-top:40px;height:271px;background:url(/images/common/LibMovie_img01.jpg);text-align:center;font-size:18px;color:#e13542;font-weight:bold;}
.movie2 > ul li span.holidayTxt{font-size:20px;font-weight:normal;}
.movie2 > div{margin-top:20px; width:auto; text-align:center;}

/*
.movie2{position:relative;width:46%;float:left;padding:15px; }
.movie2 h2{display:inline-block;width:100%; border-bottom: 2px solid #000000; color:#222; font-size:18px;line-height:60px; text-align:left}
.movie2 > ul {width:100%;margin:10px 0px 0px 0px; }
.movie2 > ul li{border:1px solid #ddd;margin-bottom:30px;}
.movie2 > ul li.holiday{padding-top:40px;height:271px;background:url(/images/common/LibMovie_img01.jpg);text-align:center;font-size:18px;color:#e13542;font-weight:bold;}
.movie2 > ul li span.holidayTxt{font-size:20px;font-weight:normal;}
.movie2 > div{margin-top:20px; width:auto; text-align:center;}
*/

.movie2 .lst_type2{overflow:hidden;}
.movie2 .lst_type2 dt{padding:5px 0; font-size:14px;}
.movie2 .lst_type2 dt.tit{float:right; padding:20px 0px 10px 0px; width:190px; text-align:left; font-size:16px;}
.movie2 .lst_type2 dd.photo{display:inline; float:left; width:160px; height:220px; margin:20px 0px 0px 20px; /*background-color:#ddd;*/}
.movie2 .lst_type2 dd{float:right; width:190px; text-align:left; padding:1px 0px 0px 0px; line-height:150%;}
.movie2 .lst_type2 dd span.bold_t{font-weight:bold; margin-right:10px;}
.movie2 .lst_type2 dd img{border:none;}
.movie2 .lst_type2 a{color:#2d2c2d; text-decoration:none;}
.movie2 .lst_type2 a:hover{text-decoration:underline;}


 /* media query */
@media screen and (max-width:1024px){
	.movie2 .lst_type2 dd.photo{width:120px; height:180px;}
}

@media screen and (max-width:767px){
	.movie2 > ul {margin-left:0px;}
	.movie2 > ul li {float:none; width:100%; padding:0 0 20px 0px;}

	.movie2 .lst_type2 dt.tit{width:100%; text-align:center;}
	.movie2 .lst_type2 dd.photo{display:inline-block; width:100%; height:220px; text-align:center; float:none !important; margin:0 auto 20px; padding:0px;}
	.movie2 .lst_type2 dd{float:left; width:100%; padding:10px 0px 0px 20px;}
	.movie2 .lst_type2 dd span.bold_t{background:url(/images/common/icon_hyphen.jpg) left center no-repeat; padding-left:12px;}
}

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

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


.readingClubDiv {}
.readingClubDiv > ul.readingClubUl {list-style:none;margin:0;padding:0;}
.readingClubDiv > ul.readingClubUl > li {float:left;position:relative;border:1px solid #ddd;width:48%;margin:10px 10px 10px 0px;height:250px;}
.readingClubDiv > ul.readingClubUl > li.readingClubEmpty {width:97%;font-size:16px;font-weight:bold;text-align:center;height:50px;padding:30px 0 0 0;}
@media (min-width:0) and (max-width:650px){
	.readingClubDiv > ul.readingClubUl > li {width:97%;}
}
.readingClubDiv > ul.readingClubUl > li > dl {padding:20px 20px;}
.readingClubDiv > ul.readingClubUl > li > dl > dt {float:left;font-weight:bold;margin-right:5px;margin-bottom:3px;line-height:1.2em;}
.readingClubDiv > ul.readingClubUl > li > dl > dt.title {float:none;font-size:18px;margin:0 0 10px 0;}
.readingClubDiv > ul.readingClubUl > li > dl > dd {margin-bottom:5px;line-height:1.2em;}
.readingClubDiv > ul.readingClubUl > li > dl > dd.readingClubIntroDd {line-height:1.2em;height:4.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;word-wrap:break-word; }
.readingClubDiv > ul.readingClubUl > li > div.readingClubBtnDiv {position:absolute;bottom:10px;right:10px;}

.txtBx { border: 1px solid #ddd; background-color: #f9f9f9; padding: 3%; border-radius: 5px; overflow: hidden;color:#222;margin-bottom:30px;word-break:keep-all; }
.headBx2 .tit,.headBx3 .tit,.headBx4 .tit,.headBx5 .tit,.headBx6 .tit,.headBx7 .tit,.headBx8 .tit, .headBx15 .tit{display:block;font-size:120%;color:#222;padding:0 0 5px;}
.headBx2 .btn-p,.headBx3 .btn-p,.headBx4 .btn-p,.headBx5 .btn-p,.headBx6 .btn-p,.headBx7 .btn-p,.headBx8 .btn-p,.headBx12 .btn-p{display:block;padding:15px 0 0 0;}

.picture {background:#f9f9f9 url('/images/common/picture.jpg') no-repeat 20px center; padding-left:160px; min-height:70px; font-family:'notokr-medium';}
@media (min-width:0) and (max-width:1024px){
	.picture {background:#f9f9f9 url('/images/common/picture.jpg') no-repeat 50% 14%; min-height:50px; padding:120px 3% 3% 3%;}
}

.headBx{background:#f9f9f9 url('/images/common/icon_book2.png') no-repeat 20px center;padding-left:120px;min-height:50px;font-family:'notokr-medium';}
@media (min-width:0) and (max-width:1024px){
	.headBx{background:#f9f9f9 url('/images/common/icon_book2.png') no-repeat 50% 10%;padding:90px 3% 3% 3%;}
}
@media (min-width:0) and (max-width:767px){
	.headBx{background:#f9f9f9 url('/images/common/icon_book2.png') no-repeat 50% 10%;padding:100px 3% 3% 3%;}
}


.headBx2{background:#f9f9f9 url('/images/common/icon_book3.png') no-repeat 20px center;padding-left:120px;min-height:50px;font-family:'notokr-medium';}
@media (min-width:0) and (max-width:1024px){
	.headBx2{background:#f9f9f9 url('/images/common/icon_book3.png') no-repeat 50% 10%;padding:90px 3% 3% 3%;}
}
@media (min-width:0) and (max-width:767px){
	.headBx2{background:#f9f9f9 url('/images/common/icon_book3.png') no-repeat 50% 10%;padding:100px 3% 3% 3%;}
}

.headBx3{background:#f9f9f9 url('/images/common/icon_book4.png') no-repeat 20px center;padding-left:120px;min-height:50px;font-family:'notokr-medium';}
@media (min-width:0) and (max-width:1024px){
	.headBx3{background:#f9f9f9 url('/images/common/icon_book4.png') no-repeat 50% 10%;padding:90px 3% 3% 3%;}
}
@media (min-width:0) and (max-width:767px){
	.headBx3{background:#f9f9f9 url('/images/common/icon_book4.png') no-repeat 50% 10%;padding:100px 3% 3% 3%;}
}

.headBx4{background:#f9f9f9 url('/images/common/icon_book5.png') no-repeat 20px center;padding-left:120px;min-height:50px;font-family:'notokr-medium';}
@media (min-width:0) and (max-width:1024px){
	.headBx4{background:#f9f9f9 url('/images/common/icon_book5.png') no-repeat 50% 10%;padding:90px 3% 3% 3%;}
}
@media (min-width:0) and (max-width:767px){
	.headBx4{background:#f9f9f9 url('/images/common/icon_book5.png') no-repeat 50% 10%;padding:100px 3% 3% 3%;}
}

.headBx5{background:#f9f9f9 url('/images/common/icon_book6.png') no-repeat 20px center;padding-left:140px;min-height:50px;font-family:'notokr-medium';}
@media (min-width:0) and (max-width:1024px){
	.headBx5{background:#f9f9f9 url('/images/common/icon_book6.png') no-repeat 50% 10%;padding:90px 3% 3% 3%;}
}
@media (min-width:0) and (max-width:767px){
	.headBx5{background:#f9f9f9 url('/images/common/icon_book6.png') no-repeat 50% 10%;padding:100px 3% 3% 3%;}
}


.headBx6{background:#f9f9f9 url('/images/common/icon_book7.png') no-repeat 20px center;padding-left:120px;min-height:50px;font-family:'notokr-medium';}
.headBx15{background:#f9f9f9 url('/images/common/icon_book15.png') no-repeat 20px center;padding-left:120px;min-height:50px;font-family:'notokr-medium';}

@media (min-width:0) and (max-width:1024px){
	.headBx6{background:#f9f9f9 url('/images/common/icon_book7.png') no-repeat 50% 10%;padding:90px 3% 3% 3%;}
}
@media (min-width:0) and (max-width:767px){
	.headBx6{background:#f9f9f9 url('/images/common/icon_book7.png') no-repeat 50% 10%;padding:100px 3% 3% 3%;}
}


.headBx7{background:#f9f9f9 url('/images/common/icon_book8.png') no-repeat 20px center;padding-left:120px;min-height:50px;font-family:'notokr-medium';}
@media (min-width:0) and (max-width:1024px){
	.headBx7{background:#f9f9f9 url('/images/common/icon_book8.png') no-repeat 50% 10%;padding:90px 3% 3% 3%;}
}
@media (min-width:0) and (max-width:767px){
	.headBx7{background:#f9f9f9 url('/images/common/icon_book8.png') no-repeat 50% 10%;padding:100px 3% 3% 3%;}
}

.headBx8{background:#f9f9f9 url('/images/common/icon_book9.png') no-repeat 20px center;padding-left:120px;min-height:50px;font-family:'notokr-medium';}
@media (min-width:0) and (max-width:1024px){
	.headBx8{background:#f9f9f9 url('/images/common/icon_book9.png') no-repeat 50% 10%;padding:90px 3% 3% 3%;}
}
@media (min-width:0) and (max-width:767px){
	.headBx8{background:#f9f9f9 url('/images/common/icon_book9.png') no-repeat 50% 10%;padding:100px 3% 3% 3%;}
}

.headBx9{background:#f9f9f9 url('/images/common/icon_book.png') no-repeat 20px center;padding-left:120px;min-height:50px;font-family:'notokr-medium';}
@media (min-width:0) and (max-width:1024px){
	.headBx9{background:#f9f9f9 url('/images/common/icon_book.png') no-repeat 50% 10%;padding:90px 3% 3% 3%;}
}
@media (min-width:0) and (max-width:767px){
	.headBx9{background:#f9f9f9 url('/images/common/icon_book.png') no-repeat 50% 10%;padding:100px 3% 3% 3%;}
}

.headBx10{background:#f9f9f9 url('/images/common/icon_book10.png') no-repeat 20px center;padding-left:120px;min-height:50px;font-family:'notokr-medium';}
@media (min-width:0) and (max-width:1024px){
	.headBx10{background:#f9f9f9 url('/images/common/icon_book10.png') no-repeat 50% 10%;padding:90px 3% 3% 3%;}
}
@media (min-width:0) and (max-width:767px){
	.headBx10{background:#f9f9f9 url('/images/common/icon_book10.png') no-repeat 50% 10%;padding:100px 3% 3% 3%;}
}

.headBx11{background:#f9f9f9 url('/images/common/icon_book11.png') no-repeat 20px center;padding-left:120px;min-height:50px;font-family:'notokr-medium';}
@media (min-width:0) and (max-width:1024px){
	.headBx11{background:#f9f9f9 url('/images/common/icon_book11.png') no-repeat 50% 10%;padding:90px 3% 3% 3%;}
}
@media (min-width:0) and (max-width:767px){
	.headBx11{background:#f9f9f9 url('/images/common/icon_book11.png') no-repeat 50% 10%;padding:100px 3% 3% 3%;}
}

.headBx12{background:#f9f9f9 url('/images/common/icon_book12.png') no-repeat 20px center;padding-left:120px;min-height:50px;font-family:'notokr-medium';}
@media (min-width:0) and (max-width:1024px){
	.headBx12{background:#f9f9f9 url('/images/common/icon_book12.png') no-repeat 50% 10%;padding:90px 3% 3% 3%;}
}
@media (min-width:0) and (max-width:767px){
	.headBx12{background:#f9f9f9 url('/images/common/icon_book12.png') no-repeat 50% 10%;padding:100px 3% 3% 3%;}
}

.headBx13{background:#f9f9f9 url('/images/common/icon_book13.png') no-repeat 20px center;padding-left:120px;min-height:50px;font-family:'notokr-medium';}
@media (min-width:0) and (max-width:1024px){
	.headBx13{background:#f9f9f9 url('/images/common/icon_book13.png') no-repeat 50% 10%;padding:90px 3% 3% 3%;}
}
@media (min-width:0) and (max-width:767px){
	.headBx13{background:#f9f9f9 url('/images/common/icon_book13.png') no-repeat 50% 10%;padding:100px 3% 3% 3%;}
}

.headBx14{background:#f9f9f9 url('/images/common/icon_book14.png') no-repeat 20px center;padding-left:120px;min-height:50px;font-family:'notokr-medium';}
@media (min-width:0) and (max-width:1024px){
	.headBx14{background:#f9f9f9 url('/images/common/icon_book14.png') no-repeat 50% 10%;padding:90px 3% 3% 3%;}
}
@media (min-width:0) and (max-width:767px){
	.headBx14{background:#f9f9f9 url('/images/common/icon_book14.png') no-repeat 50% 10%;padding:100px 3% 3% 3%;}
}


.txt13{font-size:16px;color:#e02b2b;margin-bottom:5px;}


.list_styleSmap{list-style:none;padding:0 5px;float:left;height:750px;width:21.5%;margin:0 2% 5% 0;}
.list_styleSmap li{color:#333;display:block;line-height:170%;}
.list_styleSmap li.tit{border-top:2px solid #0074c8;background:#f9f9f9;border-bottom:1px solid #e0e1e2;text-align:center;font-size:16px;color:#333;padding:10px 0;}
.list_styleSmap li.ph2{border-bottom:1px dashed #ddd;text-align:left;padding:7px 7px 7px 14px;background:url("/images/common/icon_dot.jpg") 7px 17px no-repeat;}
.list_styleSmap li.ph2 a{color:#333;}
.list_styleSmap li.ph2 a:hover{color:#0074c8;}

.list_styleSmap li ul{}
.list_styleSmap li ul li{background:url("/images/common/icon_dot2.jpg") left 10px no-repeat; padding:0 0 0 8px;}

.bbs-answer{
	margin-top:15px;
	display:none;
	background:url('/images/common/icon_answer.png') no-repeat left top;
	padding-right:10px;
	padding-left:50px;
	min-height:50px;
	text-align:justify;

	}

.bbs-question{
	background:url('/images/common/icon_question.png') no-repeat left center;
	padding:10px 0px 10px 50px;
	}


.search-bx{border:1px dashed #ddd;text-align:center;padding:50px 0;}

.loginInfo{font-size:16px;font-family:'notokr-medium',sans-serif;}
.loginInfo span{color:#0063a9;font-size:20px;}

/* Map */
.mapGup > div{display:none;}
.mapGup > div.on{display:block;}

.libMap{float:left;margin-right:20px;}
.mapInfo{width:270px;border:1px solid #ddd;border-radius:5px;padding:15px;background:#fdfdfd;}
.mapInfo span{font-weight:bold;color:#0087cd;}


.bbsList_dl dt{
  display: inline-block;
  min-width: 70px;
  padding:0px 0px 2px 7px;background:url("/images/common/icon_dot.jpg") 0px 9px no-repeat;line-height:180%;
  font-weight:bold;
}

.bbsList_dl dd {
  display: inline;
  margin: 0;
}
.bbsList_dl dd:after{
  display: block;
  content: '';
}

.bbsGroupList_dl dt{
  display: inline-block;
  float:left;
  margin: 10px 0px 0px 0px;
  min-width: 70px;
  padding:0px 0px 2px 7px;background:url("/images/common/icon_dot.jpg") 0px 9px no-repeat;line-height:180%;
  font-weight:bold;
}

.bbsGroupList_dl dd {
  display: inline;
  min-width: 200px;
  margin: 0;
}
.bbsGroupList_dl dd:after{
  display: block;
  content: '';
}



.galleryList dl{float:left;width:190px;margin:15px 10px;text-align:center;}
.galleryList dt{overflow:hidden; float:left;width:190px;height:140px;/*background:#ddd;*/margin-bottom:10px;}
.galleryList dl{float:left;}

/*20200123-갤러리 썸네일 사이즈 고정 190 140*/
.galleryList dl dt>a>img {width:190px; height:140px;}

.galleryList2 dl{float:left;width:190px;margin:15px 10px 30px 10px;text-align:center;}
.galleryList2 dt{float:left;width:190px;height:245px;/*background:#ddd;*/margin-bottom:10px;}
.galleryList2 dl{float:left;}



.rescan{width:97.5%;border-top:1px dashed #ddd;margin-top:15px;padding-top:15px;}
.rescan input{width:auto;}





.condition{position:absolute;top:20px;right:20px;}

.qnaing{border-bottom:1px solid #ddd;margin-bottom:20px;}


/* 본인인증방식선택 */
#vname{position:relative;width:100%;font-family:'notokr-regular',sans-serif;letter-spacing:-0.05em;}
#vname span{color:#e40e12;}
#vname p{font-size:13px;line-height:20px;text-align:center;word-break:keep-all;}
#vname h1{position:relative;text-align:center;font-size:15px;background:#196195;color:#fff;padding:15px;}
#vname h2{font-size:14px;margin:10px 0px 15px 0px;text-align:center;}
.vnameWrap{padding:20px;}
.vnameL{border:1px solid #ddd;background:#fff;padding:15px;margin-bottom:15px;}
.vnameR{border:1px solid #ddd;background:#fff;padding:15px;}

#vname .i-pin-info{border-top:1px dashed #ddd;}


.smLib-wrap{height:400px;overflow-y:scroll;}

.radio-p{position:relative;top:8px;}



#mobileCard{width:70%;border:2px solid #4389bb;border-radius:5px;margin:0 auto;margin-top:50px;}
#mobileCard h3{font-size:22px;text-align:center;background:#4389bb;padding:25px 0px;color:#fff;font-family:'notokr-medium',sans-serif;}
#mobileCard .bx{width:90%;border-top:1px solid #ddd;margin:0 auto;padding:15px 0px;}
#mobileCard .logo-m{display:inline-block;float:left;position:relative;top:0px;margin:60px 50px 15px 50px;}
#mobileCard .ph{display:inline-block;margin:30px 0px 0px 0px;}


.idcheck-bx{font-family:'notokr-medium',sans-serif;}



.movie_nodata{padding:150px 10px 60px 10px; text-align:center;  background:url("/images/common/movie_icon.png") 50% 30% no-repeat;}



/* 설문조사 */
.poll_viewList{position:relative;padding:0px 10px 10px 10px;}
.poll_viewList li{margin:10px 0px 10px 0px; padding:20px 20px 5px 20px; border: 1px solid #ccc; }
.poll_viewList li ul{margin-top:15px; border-top: 1px dashed #ccc;}
.poll_viewList li li{padding:5px 0px 5px 0px;border: 0px solid #fff;line-height:140%;}

.poll_viewList .pollQ{color:#0d91e5;font-size:22px;}
.poll_viewList .pollTxt{font-size:16px;}
.pollRadio{width:5%;border:0px;float: left;}



.bookstart ul{float:left;margin-bottom:30px;width:100%;}
.bookstart ul li{float:left;width:30%;margin:1%;border:1px solid #ddd;border-radius:5px;text-align:center;padding:15px 0px;word-break:keep-all;}


.noticeTxt{background:#e04f5f;padding:5px;border-radius:5px;font-size:12px;color:#fff;}


.pointM{background:#ff8a00;width:60px;height:60px;line-height:60px;border-radius:60px;font-size:13px;display:inline-block;margin-right:10px;}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 440px;
  padding:15px 15px 0px 15px;
  background:#fff;
  border:1px solid #ddd;
  text-align: left;
  border-radius: 6px;

  /* Position the tooltip */
  position: absolute;
  top: 100%;
  right:40%;
  margin-left: -60px;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;}

  .tooltipBx{border:1px solid #ddd;padding:15px;margin-top:15px;background:#fdfdfd;}

   .color-gray{color:#999;}

#popupDiv{
  position:absolute;
  top:250px;
  right:0;
  /*bottom:0;*/
  left:0;
  display:flex;
  align-items:center;
  justify-content:center;

  display:-webkit-flex;
  -webkit-align-item:center;
  -webkit-justify-content:center;
}
#popupDiv .content{width:50%;padding:15px 30px;background:#fdfdfd;border:2px solid #ddd;border-radius:5px;text-align:center;font-size:16px;}

.poster-wrap{width:100%;float:left;margin-bottom:20px;}
.posterBx{width:27%;padding:3%;text-align:center;float:left;}
.posterBx h3{background:none;padding:0px;margin-top:20px;}
.posterBx img{border:1px solid #ddd;}
.posterBx div {position:relative;}
/*.posterBx div span{position:absolute;left:0px;top:-10px;width:50px;height:40px;border-radius:50px;padding-top:10px;background:#ff9600;color:#fff;font-size:11px;line-height:150%;}*/
.posterBx div span{position:absolute;left:0px;top:-10px;width:70px;height:58px;border-radius:70px;padding-top:13px;background:#ff9600;color:#fff;font-size:16px;line-height:150%;}
.posterBx div span.book{position:absolute;left:-20px;top:-10px;width:70px;height:58px;border-radius:70px;padding-top:13px;background:#ff9600;color:#fff;font-size:16px;line-height:280%;}
.posterBx div span.col2{background:#74c500;}
.posterBx div span.col3{background:#007dc5;}
.posterBx div span.col4{background:#942bb7;}

.posterBx div span.book.line2{line-height:1.4;}

.posterBx .booksmry {min-height:80px;}

.posterBx2{width:44%;min-height:430px;padding:3%;text-align:center;float:left;}
.posterBx2 h3{background:none;padding:0px;margin-top:20px;}
.posterBx2 img{border:1px solid #ddd;}
.posterBx2 div {position:relative;}
.posterBx2 div span{position:absolute;left:70px;top:-10px;width:70px;height:70px;border-radius:70px;background:#dc3161;color:#fff;font-size:16px;line-height:70px;}

.posterBx2 div span.col4{position:absolute;left:70px;top:-10px;width:70px;height:58px;border-radius:70px;padding-top:13px;color:#fff;font-size:16px;line-height:150%;background:#942bb7;}
.posterBx2 div span.col5{background:#dc3161;}

.v_align {display:table-cell; vertical-align:middle;}

.btn_area {padding-top:20px;}
.btn_area:after {display:block; clear:both; content:'';}

.w90{width:90%;}

/* 후보도서 시민선호도조사 리스트 */
.posterBx3{width:18%;padding:5px; min-height:400px; text-align:center;float:left;}
.posterBx3 h3{background:none;padding:0px;margin-top:20px;}
.posterBx3 img{border:1px solid #ddd; min-height:240px;}
.posterBx3 div {position:relative;}

.posterBx3 div span{position:absolute;left:0px;top:-10px;width:128px;height:40px;border-radius:70px;padding-top:10px;background:#ff9600;color:#fff;font-size:13px;line-height:220%;}
/*.posterBx3 div span.book{position:absolute;left:0;top:-10px;width:128px;height:40px;border-radius:70px;padding-top:8px;background:#ff9600;color:#fff;font-size:13px;line-height:240%;}*/
.posterBx3 div span.book{position:static; display:inline-block; width:inherit; height:inherit; padding:3px 20px; margin-bottom:5px; font-size:14px;}
.posterBx3 div span.col2{background:#74c500;}
.posterBx3 div span.col3{background:#007dc5;}
.posterBx3 div span.col4{background:#942bb7;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.posterBx3 img{min-height:274px;}
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.posterBx3 {width:46%; padding:2%; min-height:650px;}
	.posterBx3 img{min-height:525px;}
	
	.posterBx .booksmry {min-height:auto; margin-bottom:20px;}
}
@media screen and (max-width:640px) {
	.posterBx3 {width:96%; padding:2%; min-height:inherit;}
	.posterBx3 img{min-height:inherit;}
}
@media screen and (max-width:480px) {
}

/* 후보도서 시민선호도 조사 */
.book-detail {display:inline-block; position:relative; top:60px; width:100%; max-width:1024px; min-height:570px; background-color:#f9f9f9; text-align:left;}
.detail-title {padding:10px 20px; font-size:20px; font-weight:bold; line-height:40px; background-color:#1382c1; color:#fff;}
.detail-title span {font-size:17px; font-weight:bold; line-height:40px;}
.book-cover {display:inline-block; float:left;padding:20px 0; width:40%;text-align:center;}
.book-cover img {}
.book-comment {display:inline-block;float:left;width: 50%;padding:10px 20px 10px 10px;}
.detail-stitle {margin:30px 0 10px; font-size:18px; line-height:20px; font-weight:bold;}
.book-comment-list li {padding:4px 0; font-size:14px; line-height:18px;}
.book-story {font-size:14px; line-height:22px;}
.replace-txt {overflow:hidden; display:block; position:relative; width:100%; height:100%; font-size:0px;line-height:0; text-indent:-9999px;} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */

.layer-wrap {display:none;}
.layer-wrap {position:fixed; left:0; right:0; top:0; bottom:0; text-align:center; background:url(/images/common/popup_back.png) 0 0 repeat; z-index:999;}
.pop_warp {position:relative; width:100%; margin:0; padding:0; background-color:#fff;;}
a.popupClose {position:absolute; top:10px; right:10px; display:block; width:41px; height:41px; padding:0; background:url(/images/common/btn_close_off.png) no-repeat center center;}
a.popupClose:hover {background:url(/images/common/btn_close_over.png) no-repeat center center;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.book-cover {width: 35%;}
    .book-comment {padding:0 23px 30px; width:40%; }
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.book-cover {width: 100%;text-align: center;margin: 0 auto;}
	.book-cover img {width: 50%;}
    .book-comment {width:90%; }
}
@media screen and (max-width:640px) {

}
@media screen and (max-width:480px) {
	.book-cover {width: 90%;}
	.book-cover img {width: 80%;}
}

/* 레이어 */
.layer_overlay {display:table; position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.layer_overlay_alert {display:table; position:fixed; z-index:1200; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.layer_overlay_2dep {display:table; position:fixed; z-index:1100; top:0; left:0; width:100%; height:100%;}
.layer_overlay_white {display:table; position:fixed; z-index:1300; top:0; left:0; width:100%; height:100%; background:#fff;}
.layer_overlay.close, .layer_overlay_2dep.close, .layer_overlay_white.close, .layer_overlay_alert.close {display:none}

.basic_layer {position:relative; max-width:500px; margin:0 auto;}
.basic_layer .b_tit {padding:19px;margin:0px;background:#004d84 url('/images/common/pt_basic.png'); color:#fff; font-size:18px; text-align:left;}
.basic_layer .btn_close {position:absolute; top:0; right:0; width:60px; height:60px; background:url('/images/common/btn_close5.png') 50% 50% no-repeat; text-indent:-9999px;}
.basic_layer .b_con {min-height:300px; padding:20px; border:2px solid #004d84; background:#fff;}
.basic_layer .b_con:after {display:block; clear:both; content:'';}
.basic_layer .b_con .tx {padding:20px 0 30px 0; text-align:center;}

/* 비밀번호 입력 레이어 */
.basic_layer.pw_box {max-width:300px;}
.basic_layer.pw_box .b_con {min-height:auto; padding:30px;}
.basic_layer.pw_box .b_con > div label {display:block; text-align:center; padding-bottom:10px;}

/*울산도서관 1주년 이벤트*/
.ev_bx{position:relative;width:1000px;padding:15px;text-align:center;}
.ev_wrap div{display:inline-block;}

/*원문보기*/
.laybox_pdb20 {padding-bottom:20px;}
.layerbtn_doclink {display: inline-block; margin-top:12px; padding:0px 20px; border:#ccc 1px solid; line-height:40px; border-radius:20px; box-shadow: 0 2px 2px 0 rgba(103, 103, 103, 0.1);}
.layerbtn_doclink:hover { background-color: #118257; color:#fff;}

/*검색어 강조*/
.hilight {color:#e40e12;}

/* 올해의책 투표 팝업 */
.comment_popup {display:none; position:absolute; left:50%; margin-left:-250px; top:180px;}
.cm_popbg {position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.5; z-index:150;}

.cm_popbox {position:relative; top:0; margin:0 auto; padding:15px; width:500px; min-height:300px; border:1px solid #ddd; background-color:#fff; z-index:200;}
.cmpp_head {position:relative; padding-bottom:10px; border-bottom:1px solid #ddd; text-align:center;}
.cmpp_head:after {content:''; display:block; clear:both;}
.cmpp_head h3.cmpp_tit {margin-bottom:5px; padding:0; background:none;}
.cmpp_head p {font-size:15px;}


.cmpp_area {padding:20px 0 15px 15px; }
.cmpp_area:after {content:''; display:block; clear:both;}

.cmpp_inner .cmpp_inl {position:relative; display:inline-block; float:left; width:40%;}
.cmpp_inner .cmpp_inl span.book {position:absolute; left:-19px; top:-10px; width:70px; height:58px; border-radius:70px; padding-top:13px; background:#ff9600; color:#fff;font-size:16px; line-height:280%; text-align:center;}
.cmpp_inner .cmpp_inl span.col2 {background:#74c500;}
.cmpp_inner .cmpp_inl span.col3 {background:#007dc5;}
.cmpp_inner .cmpp_inl span.col4 {background:#942bb7;}

.cmpp_inner .cmpp_inr {display:inline-block; float:left; width:58%; padding-left:1%;}
.cmpp_inner .cmpp_inr textarea {margin-right:0; min-height:255px;}


.cmpp_btn {text-align:center;}
.cmpp_btn .cmsb_btn {display:inline-block; padding:0 20px; line-height:40px; color:#fff; border-radius:5px; background-color:#3b8dcc; border:1px solid #3b8dcc;}
.cmpp_btn .cmsb_btn.btn_close {color:#333; background-color:#fff; border-color:#888;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	.comment_popup {margin-left:-200px;}
	.cm_popbox {width:400px;}

}
@media screen and (max-width:480px) {
	.comment_popup {left:0; margin-left:20px;}
	.cm_popbox {width:250px;}
	.cmpp_area {padding: 20px 10px 10px;}
	.cmpp_inner .cmpp_inl {margin:0 auto; display:block; float:none;}
	.cmpp_inner .cmpp_inl span.book {width:60px; height:48px; line-height:230%}

	.cmpp_inner .cmpp_inr {margin:15px auto 0; padding-left:0; display:block; float:none; width:100%;}
	.cmpp_inner .cmpp_inr textarea {width:91%; min-height:50px;}
}



/*비대면자격확인*/
/*회원가입완료 페이지*/
.rgst_txtbox {padding:30px; background-color:#fff; border:1px solid #eee; text-align:center;}
.rgst_txtbox .rgst_img {margin-bottom:20px;}
.rgst_txtbox .rgst_txt {font-size:17px; line-height:1.4;}
.rgst_txtbox .rgst_em {display:block; padding-top:10px;}

/*울산시민인증 페이지 - authStep01 */
/*
.step_list {margin-left:-20px;}
.step_list:after {content:''; display:block; visibility:hidden; clear:both;}
.step_list li {position:relative; float:left; width:22%; padding:0 0 20px 20px;}
.step_list li:before {content:''; display:block; width:13px; height:15px; position:absolute; top:50%; left:5px; margin-top:-7px; background:url(/images/common/icon_next.png) no-repeat;}
.step_list li:first-child:before {display:none;}
.step_list li .step_inner {overflow:hidden; display:block;}
.step_list li .step_inner .tit {display:block; width:100%; text-align:center; margin-bottom:3px; padding:5px; background-color:#555; color:#fff;}
.step_list li .step_inner .txt {padding:10px; min-height:40px; border:1px solid #ddd;}
*/
#step_style1.gpki {}
#step_style1.gpki ul {margin-left:-20px;}
#step_style1.gpki ul:after {content:''; display:block; visibility:hidden; clear:both;}
#step_style1.gpki ul li {position:relative; float:left; width:22%; padding:0 0 20px 20px; background:none;}
#step_style1.gpki ul li:first-child:before {display:none;}
#step_style1.gpki ul li:before {content:''; display:block; width:13px; height:15px; position:absolute; top:50%; left:0px; margin-top:-7px; background:url(/images/common/icon_next.png) no-repeat;}


/*울산시민인증 개인정보 동의 및 정보 입력 페이지 - authStep02 */
.usrInfo_box {}
.usrInfo_box .tbl_type1 {}
.usrInfo_box .tbl_type1 .usrInfo_inner {}
.usrInfo_box .tbl_type1 .usrInfo_inner input {}
.bk06 {display:inline;}
.usrInfo_box .tbl_type1 .usrInfo_inner .none {display:none;}

/*울산시민인증 완료 및 실패 페이지 - authComplete */
.rgst_txtbox.rbox02 {}
.rgst_txtbox.rbox02 .grayBack_box {padding:15px; background-color:#f8f8f8; border-radius:10px;}
.rgst_txtbox.rbox02 .grayBack_box .txt {font-size:14px; margin-bottom:10px; font-weight:600; color:#333;}
.rgst_txtbox.rbox02 .grayBack_box ol {}
.rgst_txtbox.rbox02 .grayBack_box ol li {position:relative; text-align:left; padding-left:7px; margin-bottom:5px;}
.rgst_txtbox.rbox02 .grayBack_box ol li:before {content:''; display:block; position:absolute; top:8px; left:0; width:3px; height:3px; background-color:#aaa;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
	/*울산시민인증 페이지 - authStep01 */
	#step_style1.gpki ul li {width:45%;}
	#step_style1.gpki ul li:before {left:6px;}
	#step_style1.gpki ul li >  div {width:auto;}
	#step_style1.gpki ul li > div > div {display:block; width:100%; height:auto; padding:20px 0; text-align:center;}
}
@media screen and (max-width:767px) {
	/*울산시민인증 페이지 - authStep01 */
	#step_style1.gpki ul li > div > div {min-height:40px;}
}
@media screen and (max-width:640px) {
	.rgst_txtbox {padding:30px;}
	.rgst_txtbox .rgst_txt {font-size:15px;}

	/*울산시민인증 개인정보 동의 및 정보 입력 페이지 - authStep02 */
	.usrInfo_box .tbl_type1 .usrInfo_inner input {display:block; width:88%;}
	.bk06 {display:block; text-align:center;}
}
@media screen and (max-width:480px) {
	/*울산시민인증 페이지 - authStep01 */
	#step_style1.gpki ul {margin-left:0px;}
	#step_style1.gpki ul li {float:none;width:100%; padding:0 0 20px 0; text-align:center;}
	#step_style1.gpki ul li:before {top:auto; bottom:0; left:50%; margin-top:0; margin-left:-4px; transform:rotate(90deg);}
	#step_style1.gpki ul li:first-child:before {display:block;}
	#step_style1.gpki ul li:last-child:before {display:none;}
	#step_style1.gpki ul li > div > div {padding:15px 10px; width:auto; min-height:auto;}
}


/****************************
 (230502 추가) 독서릴레이 insert
****************************/
/** 안내 tab **/
.blind {overflow:hidden; position:absolute; top:-999999px; width:0; height:0; text-indent:-9999px;}
.info_topbox {overflow:hidden; position:relative; background-color:#fff;}
.info_topbox:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:876px; height:251px; background-size:cover; background:url(../../images/bookRelay/info_top_bg1.png) 0 top no-repeat;}
.info_topinner {padding:30% 40px 20px; text-align:center;}
.info_toptit {position:relative; font-size:30px; font-weight:600; color:#d5dfff; line-height:1.3;}
.info_toptit em {display:block; color:#bc8901; margin-top:20px;}
.info_toptxt {position:relative; padding-top:20px; font-size:17px; color:#222; line-height:1.4; letter-spacing:-0.3px;}
.info_book_list {display:flex; flex-wrap:wrap; justify-content:center; margin-top:30px;}
.info_book_list li {/*margin:0 15px; max-width:120px;*/ margin:10px 0; width:33.3333%;}
.info_book_list li .ibook_img {max-width:120px; max-height:175px; width:120px; height:175px; margin:0 auto;}
.info_book_list li .ibook_img img {width:100%; height:100%; box-shadow:0 0 10px rgba(158,183,198,1.0);}
.info_book_list li .ibook_ct {display:inline-block; margin-top:10px; margin-bottom:4px; padding:3px 10px; color:#fff; text-align:center; font-weight:500; border-radius:50px; background-color:#67544f; font-size:13px; letter-spacing:-0.5px;}
.info_book_list li .ibook_nm {display:block; color:#121212; letter-spacing:-0.8px; text-align:center;}

.info_bottombox {position:relative; background-color:#fff5d7;}
.info_bottombox:before {content:''; display:inline-block; position:absolute; bottom:10px; right:10px; width:317px; height:307px; background:url(../../images/bookRelay/info_btm_bg.png) right bottom no-repeat;}
.info_btminner {padding:40px;}
.btm_tbox {}
.btm_tbtit {display:block; padding-bottom:15px; font-size:16px; font-weight:600; color:#8d5a0c;}
.btm_tbinner.tbinner02 {position:relative; margin-top:40px; z-index:10; padding-right:310px;}
.btm_tbinner dl {display:flex; flex-wrap:wrap; justify-content:flex-start; margin-bottom:10px; align-items:flex-start;}
.btm_tbinner dl dt {position:relative; width:70px; margin-right:5px; padding:2px; background-color:#67544f; color:#fff; letter-spacing:-0.5px; text-align:center; border-radius:50px;}
.btm_tbinner dl dd {width:calc(100% - 85px); color:#210f02; letter-spacing:-0.5px; text-shadow:-2px 0px #fff5d7, 0px 2px #fff5d7, 2px 0px #fff5d7, 0px -2px #fff5d7;}
.btm_tbinner dl dd.w100 {}
.btm_tbinner dl dd .act_list {}
.btm_tbinner dl dd .act_list li {position:relative; padding-left:8px; margin-bottom:5px;}
.btm_tbinner dl dd .act_list li:before {content:''; display:inline-block; position:absolute; top:9px; left:0; width:4px; height:2px; background-color:#888;}
.btm_tbinner dl dd button.btn_02-i.relayinsertBtn {padding:2px 8px; margin-bottom:0; background-color:#f2683d; color:#fff !important; border-radius:50px; border:1px solid #f2683d; letter-spacing:-0.8px;}

 /* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
	.info_topbox:before {width:100%; background-size:contain;}
}

@media screen and (max-width:920px){
	.info_bottombox:before {background-size:80%;}
	.btm_tbinner.tbinner02 {padding-right:180px;}
}

@media screen and (max-width:767px){
	.info_toptit {font-size:24px;}
	.info_toptxt {padding-top:20px; font-size:15px;}

	.info_bottombox:before {background-size:80%;}
	.info_btminner {padding:25px 20px;}
	.btm_tbinner.tbinner02 {margin-top:40px; padding-right:120px;}
	.btm_tbinner dl dd.w100 {width:100%; margin-top:5px;}
	.btm_tbinner dl dd.w100.pdbtm {padding-bottom:120px;}
}

@media screen and (max-width:640px){
	.info_topinner {padding:35% 20px 15px 20px;}
	.info_toptit {font-size:20px;}
	.info_toptxt {padding-top:12px; font-size:14px;}
	.info_book_list {margin-top:20px;}
	.info_book_list li .ibook_img {width:90px; height:130px; max-height:130px;}
	.info_book_list li .ibook_img img {}

	.info_bottombox:before {background-size:67%;}
	.btm_tbinner.tbinner02 {padding-right:100px;}
	.btm_tbinner dl dd.w100.pdbtm {padding-bottom:170px;}
}

@media screen and (max-width:480px){
	/*.info_topbox:before {display:none;}*/
	.info_book_list li {/*margin:0 8px; max-width:90px;*/ width:50%;}
	.info_book_list li .ibook_img {max-width:80px; height:120px; max-height:120px;}
	.info_book_list li .ibook_img img {width:auto; height:100%;}

	.info_bottombox:before {display:none;}
	.btm_tbinner.tbinner02 {padding-right:0px;}
	.btm_tbinner dl dd.w100.pdbtm {padding-bottom:0px;}
}

/** list **/
.relayteam_wrap {}
.relayteam_wrap .relayteam_list {border-top:2px solid #444;}
.relayteam_wrap .relayteam_list > li {border-bottom:1px solid #ddd;}
.relayteam_wrap .relayteam_list > li .rlteam_inner {position:relative; display:block; padding:20px 2px;}
.relayteam_wrap .relayteam_list > li .rlteam_inner .num {position:absolute; top:50%; margin-top:-20px; display:block; width:40px; height:40px; margin-right:15px; line-height:40px; background-color:#f2f2f2; border:1px solid #ddd; color:#222; text-align:center; border-radius:6px;}
.relayteam_wrap .relayteam_list > li .rlteam_inner .team_box {padding-left:70px;}
.relayteam_wrap .relayteam_list > li .rlteam_inner .team_box:after {content:''; display:block; clear:both;}
.relayteam_wrap .relayteam_list > li .rlteam_inner .team_box .team_infolist {display:flex; flex-wrap:wrap; justify-content:flex-start;}
.relayteam_wrap .relayteam_list > li .rlteam_inner .team_box .team_infolist > li {}

.team_dl {padding:5px 0;}
.team_dl dt {display:inline-block; width:80px; margin-right:7px; padding:2px 0px; vertical-align:top; letter-spacing:-0.5px; background-color:#fff; border:1px solid #222; color:#222; border-radius:50px; text-align:center;}
.team_dl dd {display:inline-block; width:calc(100% - 103px);}

.txtBx.bookRelay {padding:0 3px; margin-bottom:0; background-color:#fff; border:0;}
#divContent .searchBx.bookrelay {padding:20px;}
#divContent .searchBx.bookrelay .inputBox5 {width:60%; height:40px; border:1px solid #999; box-sizing:border-box;}
.bookRelay_btnbox {}
.bookRelay_btnbox .btn_05.relaySearch {background-color:#333;}
.bookRelay_btnbox .btn_05.relayRgst {padding:9px 55px; max-width:140px; margin-left:10px; background-color:#b31b72; border:1px solid #b31b72;}

.relaybook_list {position:relative; display:block; margin-top:10px; border-top:1px solid #3582b9;}
.relaybook_list:after {content:''; display:block; visibility:hidden; clear:both;}
.relaybook_list > ul {display:block;}
.relaybook_list > ul:after {content:''; display:block; visibility:hidden; clear:both;}
.relaybook_list > ul > li {display:block; padding:8px 0; border-bottom:1px solid #ddd;}
.relaybook_list > ul > li:after {content:''; display:block; visibility:hidden; clear:both;}
.relaybook_list > ul > li.relaybook_thead {background-color:#f4f9fd; border-bottom-color:#c3c3c3; font-weight:500;}
.relaybook_list > ul > li.relaybook_thead li {text-align:center !important;}

.inner_list {display:block; position:relative; padding:3px 0; border-bottom:1px dashed #bbb;}
.relaybook_list > ul > li.relaybook_thead .inner_list {border-bottom:0; padding:0;}
.inner_list:last-child {border-bottom:0;}
.inner_list:after {content:''; display:block; visibility:hidden; clear:both;}
.inner_list > li {display:inline-block; float:left; padding:0 3px; text-align:center; box-sizing:border-box;}
.inner_list > li:after {content:''; display:block; visibility:hidden; clear:both;}
.inner_list > li:nth-child(1) {width:20%;}
.inner_list > li:nth-child(2) {width:25%;}
.inner_list > li:nth-child(3) {width:20%;}
.inner_list > li:nth-child(4) {width:15%;}
.inner_list > li:nth-child(5) {width:20%;}

.inner_list > li dt.inner_dt {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}
.inner_list > li:nth-child(2) dd a {color:#121212;}

.inner_list > li dd button.btn_01.rviewBtn {padding:1px 10px; border-radius:4px; line-height:inherit;}
.txtBx.bookRelay em.btn_01.rviewBtn {margin:0 2px; padding:1px 8px; border-radius:4px; line-height:inherit;}

/*비밀번호인증 레이어팝업*/
.idnum_layerbox {}
.idnumly_box {position:absolute; left:50%; top:150px; width:460px; height:auto; margin-left:-230px; padding:20px; background-color:#fafcff; border:3px solid #415d93; box-sizing:border-box; z-index:180;}
.idnumly_box h3.idnum_h3 {margin-bottom:0; margin-top:0; padding:0; font-size:18px; color:#333; text-align:center; background:none;}
.idnum_inner {margin-top:5px; border-top:2px solid #444;}
.idnum_inner input.idnum_input {display:inline-block; width:120px;}
.idnum_inner .idmun_list {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:10px 10px 0 10px;}
.idnum_inner .idmun_list label {display:inline-block; margin:0; width:60px;}

.idnum_inner .bd_btnbox {}
button.bd_btn.idnum_btn {display:inline-block; padding:0 15px; line-height:34px; color:#fff; border:1px solid #ddd; border-radius:2px; font-family:inherit;}
button.bd_btn.idnum_btn.btn_config {background-color:#006cbd;}
button.bd_btn.idnum_btn.btn_del {background-color:#d52604;}

 .idnumly_bg {display:block; position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%;  background-color:rgba(0,0,0,0.5); z-index:160;}

/* media query */
@media screen and (max-width:1200px){
}

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

@media screen and (max-width:920px){
	.searchBx.bookrelay .inputBox5 {width:69%;}
}

@media screen and (max-width:767px){
	/*목록*/
	#divContent .searchBx.bookrelay {padding:17px;}
	.bookRelay_btnbox .btn_05.relayRgst {margin-left:10px; max-width:115px; padding:9px 40px;}
	.relaybook_list {border-top:1px solid #555;}
	.relaybook_list > ul > li.relaybook_thead {display:none;}
	.inner_list > li {display:block; float:none; text-align:left; padding:0;}
	.inner_list > li:nth-child(1),
	.inner_list > li:nth-child(2),
	.inner_list > li:nth-child(3),
	.inner_list > li:nth-child(4),
	.inner_list > li:nth-child(5),
	.inner_list > li:nth-child(6),
	.inner_list > li:nth-child(7) {width:100%;}
	.inner_list > li:nth-child(7) {margin:10px 0;}

	.inner_list > li dl {margin:5px 0;}
	.inner_list > li dl:after {content:''; display:block; clear:both;}
	.inner_list > li dt.inner_dt {display:inline-block; float:left; overflow:unset; position:unset; top:unset; width:20%; height:unset; padding:2px; line-height:unset; text-indent:unset; letter-spacing:-0.5px; border:1px solid #b0d1e9; color:#143e5c; text-align:center; border-radius:50px; background-color:#f2faff; box-sizing:border-box;}
	.inner_list > li:nth-child(7) dt.inner_dt {}
	.inner_list > li dd {display:inline-block; float:left; width:80%; padding-left:10px; box-sizing:border-box;}
	.inner_list > li:nth-child(2) dd a {}

}

@media screen and (max-width:640px){
	#divContent .searchBx.bookrelay .inputBox5 {width:100%; margin-bottom:5px;}

	.bookRelay_btnbox {display:block; text-align:center;}
	.bookRelay_btnbox .btn_05.relaySearch {width:100%; padding:6px;}
	.bookRelay_btnbox .btn_05.relayRgst {margin-left:0px; margin-top:6px; max-width:inherit; width:100%; padding:10px;}
}


@media screen and (max-width:500px){
	/*비밀번호인증 레이어팝업*/
	.idnumly_box {margin-left:0; left:0; width:100%; box-sizing: border-box;}
	.idnum_inner input.idnum_input {width:calc(100% - 91px); margin:0;}
	.idnum_inner .bd_btnbox {display:block; width:100%; margin-top:10px; padding-top:10px; border-top:1px dashed #ddd;}
}

@media screen and (max-width:480px){
	/*목록*/
	.inner_list > li dt.inner_dt {width:30%;}
	.inner_list > li dd {width:70%;}

	/*비밀번호인증 레이어팝업*/
	.idnumly_box h3.idnum_h3 {font-size:16px;}
}

/** insert **/
.dp_block {display:block !important;}
.app_psnbox {border:1px solid #ddd; margin-top:-1px; padding:20px;}
.app_psnbox .app_tit {display:block; padding-bottom:10px; text-align:center; font-size:16px; color:#333; font-weight:600;}
.app_psnbox ul.list_style1 {padding:0;}
.app_psnagree {margin:0px; padding:10px 0; border-top:1px dashed #ddd; text-align:center;}
.app_psnagree input {vertical-align:middle; width:auto;}

.register_writebox {display:block; margin-top:20px;}
.register_tbbox {}
.register_tbinner {display:block; border-top:2px solid #333; border-bottom:1px solid #ddd;}
.register_tbinner li {border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd;}
.register_tbinner li:first-child {border-top:none;}
.register_tbinner li.all_line {padding:10px 5px; background-color:#f4f9fd; text-align:center; font-weight:500; color:#333;}
.register_tbinner li.list_two {display:flex; flex-wrap:nowrap; justify-content:space-around; align-items:stretch;}
.register_tbinner li.list_two dl {width:calc(50% - 0px);}
.register_tbinner li.list_two dl:first-child {border-right:1px solid #ddd;}

.register_tbinner dl {display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:stretch;}
.register_tbinner dt {display:flex; flex-wrap:nowrap; flex-direction:column; align-items:center; align-content:center; justify-content:center; padding:5px; width:calc(100% - 85%); background-color:#f8f8f8; color:#333; font-weight:400; word-break:break-all; text-align:center;}
.register_tbinner dd {padding:5px; width:calc(100% - 15%); min-height:35px; border-left:1px solid #ddd; word-break:break-all;}
.register_tbinner dd.line_two {display:flex; align-items:center;}
.register_tbinner li.list_two dt {width:calc(100% - 69%);}
.register_tbinner li.list_two dd {width:calc(100% - 31%);}
.register_tbinner li.list_two dd.vtc_align {display:flex; align-items:flex-start; flex-direction:column; justify-content:center;}
.register_tbinner dd.rgstbook {display:flex; align-items:center; flex-direction:row; justify-content:flex-start;}
.register_tbinner dd.rgstbook label {margin:0 4px;}
.register_tbinner dd input.bd_input {display:block; width:100%; height:40px; margin-right:0; padding:10px; font-size:14px; box-sizing:border-box;}

.register_tbinner dt .essent {position:relative; display:inline-block; margin-left:3px; line-height:0; font-size:0;}
.register_tbinner dt .essent:before {content:'*'; position:absolute; left:0; top:3px; line-height:1; font-size:1.6rem; color:#c52000 !important;}
.register_tbinner dt span.bl_line {display:block;}
.register_tbinner dd.addr_tbox input[type="text"] {width:79%;}
.register_tbinner dd input.bd_input.box_s100 {display:inline-block; width:100px;}
.register_tbinner dd input.bd_input.box_s90 {display:inline-block; width:90px;}
.register_tbinner dd input.bd_input.box_s80 {display:inline-block; width:80px;}
.register_tbinner dd input.bd_input.box_s60 {display:inline-block; width:60px;}
.register_tbinner dd input.bd_input.box_s30 {display:inline-block; width:30px;}
.register_tbinner dd span.num_dash {padding:0 5px;}
.register_tbinner dd span.txt_space {padding:0 10px 0 5px;}
.register_tbinner dd span.txt_space2 {padding:0 0 0 5px;}
.register_tbinner dd span.pwd_infotxt {letter-spacing:-0.3px; color:#0469b4;}
.register_tbinner dd span.pwd_infotxt.pix2 {}

.register_tbinner select {padding:5px 10px; width:110px; height:35px; border:1px solid #ddd; background:url(../../images/bookRelay/select_arrow.png) 95% center no-repeat;}
.register_tbinner label {position:relative; display:inherit; /*word-break:break-all;*/}
.register_tbinner label.bookctgr {word-break:keep-all;}
.register_tbinner label.bookctgr input {width:inherit;}

.register_tbinner li.all_line.all_tbox {padding:20px 5px; background-color:#fff; text-align:center; font-weight:400; color:#333;}
.register_tbinner li.all_line.line_left {background-color:#Fff; text-align:left; font-weight:400;}
.all_tinner {margin:0 20px;}
.all_tinner .all_ttxt {/*margin-bottom:20px;*/ text-align:center;}
.all_tinner .all_ttxt .txt_line {display:block;}

.all_tinner .all_ttxt.review_writebox {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.rv_book {overflow:hidden; max-width:120px; margin-right:10px; border:1px solid #ddd; padding:5px; box-sizing:border-box;}
.rv_book img {width:100%;}
.rv_allbox {width:calc(100% - 130px);}
.rv_allbox .rv_star {}
.rv_allbox .rv_star dl {border:1px solid #ddd; border-width:1px 1px 0 1px;}
.rv_allbox .rv_star dl:last-child {border-width:1px;}
.rv_allbox .rv_star dl dt {}
.rv_allbox .rv_star dl dt dd {font-size:15px;}
.rv_allbox .rv_star label.star {display:inline-block; margin:5px; font-size:14px; word-break:keep-all;}
.rv_allbox .rv_star label.star input {width:inherit; margin:2px 3px;}
.rv_allbox .rv_txt {border:1px solid #dedede; /*padding:5px;*/ box-sizing:border-box;}
.rv_allbox .rv_txt .rv_txtarea01 {display:block; min-height:100px; width:100%; padding:5px; margin-right:0; box-sizing:border-box;}

 /* media query */
@media screen and (max-width:1200px){
}

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

@media screen and (max-width:920px){
	.rv_book {margin-bottom:15px;}
	.rv_book img {width:100%;}
	.rv_allbox {width:100%;}
	.rv_allbox .rv_star dl {flex-wrap:wrap; border:0;}
	.rv_allbox .rv_star dl:last-child {border-bottom:1px solid #ddd;}
	.rv_allbox .rv_star dl dt {width:100%; padding:10px; font-size:15px; border:1px solid #ddd;}
	.rv_allbox .rv_star dl dd {width:100%; border-right:1px solid #ddd;}
}

@media screen and (max-width:767px){
 	.app_psninfo {padding:15px; height:200px; overflow-y:auto;}
 	.app_psnagree {margin:0 15px;}
}

@media screen and (max-width:640px){
	.app_psnagree {text-align:left;}
	.app_psnagree span {display:block; margin-bottom:5px;}
	.register_tbinner li dd.vtc_align {display:flex;align-items: center;justify-content: flex-start;}

	.register_tbinner dt {width:calc(100% - 80%);}
	.register_tbinner dd {width:calc(100% - 20%);}
	.register_tbinner li.list_two {display:block;}
	.register_tbinner li.list_two dl {width:100%;}
	.register_tbinner li.list_two dl:first-child {border-bottom:1px solid #ddd; border-right:0;}
	.register_tbinner li.list_two dt {width:calc(100% - 80%);}
	.register_tbinner li.list_two dd {width:calc(100% - 20%);}
	.register_tbinner li dd.vtc_align {display:flex; align-items:center; justify-content:flex-start;}
	/*.register_tbinner dd.line_two {align-items:flex-start; flex-direction:column;}*/
	.register_tbinner dd.line_two div {margin-bottom:5px;}
	.register_tbinner dd span.pwd_infotxt.pix2 {display:block; margin-top:5px;}

	.all_tinner {margin:0 15px;}
	.all_tinner .all_ttxt {font-size:1.6rem;}
	.all_tinner .all_ttxt .txt_line {display:inline;}
}

@media screen and (max-width:480px){
	.register_tbinner li.list_two2 dt,
	.register_tbinner li.list_two.list_two3 dt {width:100%; border-bottom:1px solid #ddd;}
	.register_tbinner li.list_two2 dd,
	.register_tbinner li.list_two.list_two3 dd {width:100%; border-left:none;}
	.register_tbinner li.list_two2 dd.vtc_align {flex-direction:inherit; justify-content:space-around;}

	.register_tbinner dd span.pwd_infotxt {display:block; margin-top:5px;}
}


/** 서평  tab **/
.relay_rvbox {padding:30px 0; border-bottom:2px dashed #ccc;}
.rbook_tit {color:#0f6ea4; font-size:18px; font-weight:600; padding:10px 0; margin-bottom:10px;}
.relay_inner {display:flex; flex-wrap:wrap; justify-content:flex-start;}
.rbook_imgbox {overflow:hidden; max-width:120px ;margin-right:20px; box-sizing:border-box;}
.rbook_imgbox img {width:100%;padding:5px; border:1px solid #ddd; box-sizing:border-box;}
.rbook_tbox {width:calc(100% - 140px);}
.rbook_tbox .rbook_list {overflow-y:scroll; height:205px;}
.rbook_tbox .rbook_list li {border-bottom:1px dashed #dedede; padding:8px 0;}
.rbook_tbox .rbook_list li:last-child {border-bottom:0;}
.review_wrap {display:flex; flex-wrap:wrap; justify-content:flex-start;}
.review_wrap .review_rating {width:95px; margin-right:10px;}
.review_wrap .review_rating .r_star {display:block; padding:1px 3px 3px 3px; text-align:center; background-color:#f1f1f1; border-radius:50px; font-weight:600;}
.review_wrap .review_text {width:calc(100% - 110px);}
.review_wrap .review_text .review_txtinner {vertical-align:middle;}

 /* media query */
@media screen and (max-width:1200px){
}

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

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

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

@media screen and (max-width:640px){
	.rbook_tit {text-align:center;}
	.rbook_imgbox {margin:0 auto 15px;}
	.rbook_tbox {width:100%;}
}

@media screen and (max-width:480px){
	.rbook_tbox .rbook_list {height:265px;}
	.review_wrap .review_text {width:100%; margin-top:5px;}
}


/********************************
 담당자 안내 (230510 추가)
 *******************************/
.stf_box {margin-top:50px; border:1px solid #d5d5d5; clear: both;}
.stf_t_box {position:relative; padding:10px 20px;}
.stf_t_box .stf_txt {position:relative; margin-bottom:0; padding-left:18px; display:inline-block;}
.stf_t_box .stf_txt strong {display:inline-block; margin:0 5px; color:#333;}
.stf_t_box .stf_txt span {display:inline-block; margin:2px 5px;}
.stf_t_box .stf_txt span .m_hidden {display:inline; margin:0;}
.stf_t_box .stf_txt span em {color:#006aa8; letter-spacing:0;}
.stf_t_box .stf_txt:before {content:''; display:inline-block; position:absolute; top:3px; left:0; width:18px; height:18px; background:url(../../images/icon_charge.png) no-repeat;}

.stf_t_box + .stf_line + .stf_srchbox {border-top:1px solid #e0e2e3;}



/********************************
 구독형 전자책  (250207 추가)
 *******************************/
.list_style1.viewer {padding: 5px 0px 15px 0px;}
.tblib.ebookView .scrl_info {display:none;}

/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {
}

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

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

@media screen and (max-width:767px) {
	.tblib.ebookView .scrl_info {display:block; padding:7px; background-color:#f5f5f5; color:#333;}
}

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

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

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


/********************************
 견학신청  (250721 추가)
 *******************************/
.tblib.libTour .scrl_info {display:none;}

/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {
}

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

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

@media screen and (max-width:767px) {
	.tblib.libTour .scrl_info {display:block; padding:7px; background-color:#f5f5f5; color:#333;}
}

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

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

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