@charset "UTF-8"; 

@import url("../../elib/css/86.css"); /* 검색 */

/********************************
 01 소장형전자책
 *******************************/
 
 /*목록 */
.srch_infolist {}
.srch_infolist > ul {display:flex; flex-wrap:wrap; gap:20px;}
.srch_infolist .item {padding:35px 30px 30px ; width:100%; transition:all 0.3s; border:1px solid #ddd; border-radius:15px;}
.srch_infolist .item:hover,
.srch_infolist .item:focus,
.srch_infolist .item:active {border-color:#624396; box-shadow:0 1px 10px 0 rgba(0,50,128,0.1);}

.srch_infolist .item a {display:flex; flex-direction:column; justify-content:space-between; height:100%; gap:10px;}
.srch_infolist .item a:hover,
.srch_infolist .item a:focus,
.srch_infolist .item a:active {text-decoration:none;}

.srch_infolist .item .up {display:flex; gap:30px;}
.srch_infolist .item .up .book_img {width:180px; height:250px; border:1px solid #ddd;}
.srch_infolist .item .up .book_img img {width:100%; height:100%;}

.srch_infolist .item .up .info_box {width:calc(100% - 210px); display:flex; flex-direction:column; gap:10px;}

.srch_infolist .item .up .info_box .book_title {}
.srch_infolist .item .up .info_box .book_title .tit {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:5px; font-size:2.4rem; font-weight:500; color:#222; line-height:1.2;}
.srch_infolist .item .up .info_box .book_title ul {display:flex; flex-wrap:wrap;}
.srch_infolist .item .up .info_box .book_title li {position:relative; padding:0 10px; font-size:1.5rem;}
.srch_infolist .item .up .info_box .book_title li:before {content:''; position:absolute; left:0; top:8px; width:1px; height:10px; background-color:#aaa;}
.srch_infolist .item .up .info_box .book_title li:first-child {padding-left:0;}
.srch_infolist .item .up .info_box .book_title li:first-child:before {display:none;}

.srch_infolist .item .up .info_box .book_data ul {display:flex; flex-wrap:wrap; gap:5px;}
.srch_infolist .item .up .info_box .book_data li:nth-child(odd) {width:calc(55% - 3px);}
.srch_infolist .item .up .info_box .book_data li:nth-child(even) {width:calc(45% - 3px);}
.srch_infolist .item .up .info_box .book_data li dl {display:flex; flex-wrap:wrap; align-items:center; align-items:flex-start;}
.srch_infolist .item .up .info_box .book_data li dt {font-size:1.6rem; padding:1px 10px; min-width:85px; text-align:center; border:1px solid #aaa; border-radius:15px;}
.srch_infolist .item .up .info_box .book_data li dd {padding-left:8px; width:calc(100% - 85px); font-size:1.8rem;}
.srch_infolist .item .up .info_box .book_data li dd.booking.cl01 {color:#138719; font-weight:600;}
.srch_infolist .item .up .info_box .book_data li dd.booking.cl02 {color:#C44116; font-weight:600;}
.srch_infolist .item .up .info_box .book_data li dd.booking .return {color:#333; font-weight:400; font-size:1.6rem;}

/*대출/예약바로가기,관심도서 버튼*/
.srch_infolist .item .up .info_box .book_btn {display:flex; margin-top:20px;}
.srch_infolist .item .up .info_box .book_btn a {display:inline-block; padding:6px 15px 6px 37px; height:inherit; border-radius:7px; background-color:#f9f9f9;}
.srch_infolist .item .up .info_box .book_btn a + a {margin-left:10px;}
.srch_infolist .item .up .info_box .book_btn a.link:hover,
.srch_infolist .item .up .info_box .book_btn a.link:focus,
.srch_infolist .item .up .info_box .book_btn a.link:active {background-color:#624396; border-color:#624396; color:#fff;}
.srch_infolist .item .up .info_box .book_btn a.link:hover .btn_icon:before,
.srch_infolist .item .up .info_box .book_btn a.link:active .btn_icon:before,
.srch_infolist .item .up .info_box .book_btn a.link:focus .btn_icon:before {background-position:-24px -24px;}

.srch_infolist .item .up .info_box .book_btn a.down:hover,
.srch_infolist .item .up .info_box .book_btn a.down:focus,
.srch_infolist .item .up .info_box .book_btn a.down:active {background-color:#bd2563; border-color:#bd2563; color:#fff;}
.srch_infolist .item .up .info_box .book_btn a.down:hover .btn_icon:before,
.srch_infolist .item .up .info_box .book_btn a.down:active .btn_icon:before,
.srch_infolist .item .up .info_box .book_btn a.down:focus .btn_icon:before {background-position:0 -24px;}

.srch_infolist .item .down {padding:15px; border-radius:10px; background-color:#f9f9f9;}
.srch_infolist .item .down span {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}



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

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

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

@media screen and (max-width:920px){
	.srch_infolist .item {padding:30px 25px 25px;}
	.srch_infolist .item .up {gap:20px;}
	.srch_infolist .item .up .book_img {width:160px; height:202px;}

	.srch_infolist .item .up .info_box {width:calc(100% - 160px);}
	.srch_infolist .item .up .info_box .book_data li dd {font-size:1.6rem;}
}

@media screen and (max-width:767px){
	.srch_infolist .item .up {flex-direction:column;}

	.srch_infolist .item .up .book_img {margin:0 auto; width:200px; height:250px;}

	.srch_infolist .item .up .info_box {width:100%;}
	.srch_infolist .item .up .info_box .book_title .tit {font-size:2.2rem;}
}

@media screen and (max-width:640px){
	.srch_infolist .item {padding:20px;}
	.srch_infolist .item .up .info_box .book_title .tit {font-size:2.0rem;}

	.srch_infolist .item .up .info_box .book_data li:nth-child(odd),
	.srch_infolist .item .up .info_box .book_data li:nth-child(even) {width:100%;}
	.srch_infolist .item .up .info_box .book_data li dt {font-size:1.4rem;}
	.srch_infolist .item .up .info_box .book_data li dd.booking .return {font-size:1.4rem;}
}

@media screen and (max-width:480px){
	.srch_infolist .item .up .info_box .book_btn {flex-direction:column;}
	.srch_infolist .item .up .info_box .book_btn a + a {margin-left:0;}
}




/*01자료검색 - 검색 상세페이지 */
.view_top {display:flex; gap:30px; margin-bottom:30px;}
.view_top .book_img {width:200px; height:270px; border:1px solid #ddd;}
.view_top .book_img img {width:100%; height:100%;}

.view_top .book_info {padding-top:15px; width:calc(100% - 230px);}
.view_top .book_info .book_title {display:flex; flex-direction:column; gap:30px;}
.view_top .book_info .book_title .tit {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:2.8rem; font-family:'OneMobile'; color:#111; line-height:1.2;}
.view_top .book_info .book_title ul {display:flex; flex-wrap:wrap; flex-direction:column; gap:10px;}
.view_top .book_info .book_title ul li dl {display:flex; flex-wrap:wrap; align-items:center;}
.view_top .book_info .book_title ul li dt {min-width:85px; font-weight:500; color:#222;}
.view_top .book_info .book_title ul li dd {padding-left:8px; width:calc(100% - 85px); color:#555;}

.view_btm .info_list {display:flex; flex-wrap:wrap; margin:20px 0; border-top:1px solid #444;}
.view_btm .info_list div {display:flex; justify-content:flex-start; align-items:stretch; border-bottom:1px solid #ddd;}
.view_btm .info_list div:nth-child(odd) {width:45%;}
.view_btm .info_list div:nth-child(even) {width:55%;}
.view_btm .info_list div dl {display:flex; align-items:stretch; width:100%;}
.view_btm .info_list div dt {padding:15px; width:100px; min-width:100px; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#f7f7f7; color:#333; text-align:center;}
.view_btm .info_list div dd {padding:15px; width:calc(100% - 100px); display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
.view_btm .info_list div dd button,
.view_btm .info_list div dd span.btn_del2 {padding:0 15px; line-height:38px;}
.view_btm .info_list div dd button.btn_print {margin-right:0; margin-left:10px;}
.view_btm .info_list div dd button.btn_rsrvt {border-color:#1673d4; background-color:#1673d4; color:#fff;}



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

@media screen and (max-width:1024px){
	.view_btm .info_list div dd {justify-content:space-between;}
}

@media screen and (max-width:920px){
	.view_top .book_info .book_title .tit {font-size:2.4rem;}
}

@media screen and (max-width:768px){
	.view_btm .info_list div:nth-child(odd),
	.view_btm .info_list div:nth-child(even) {width:100%;}
	.view_btm .info_list div dt {padding:10px; width:120px; min-width:120px;}
 	.view_btm .info_list div dd {padding:10px; width:calc(100% - 120px);}

}

@media screen and (max-width:640px){
	.view_top {flex-direction:column; gap:20px; margin-bottom:30px;}
	.view_top .book_img {margin:0 auto;}

	.view_top .book_info {padding-top:0; width:100%;}
	.view_top .book_info .book_title {gap:15px;}
	.view_top .book_info .book_title .tit {font-size:2.2rem;}
}

@media screen and (max-width:480px){
	.view_top {margin-bottom:20px;}
	.view_top .book_info .book_title {gap:10px;}
	.view_top .book_info .book_title .tit {font-size:2.0rem;}

	.view_btm .info_list div dt {width:100px; min-width:100px;}
 	.view_btm .info_list div dd {width:calc(100% - 100px); flex-direction:column; align-content:flex-start; align-items:flex-start;}
 	.view_btm .info_list div dd button,
 	.view_btm .info_list div dd span.btn_del2 {margin-right:0; line-height:33px;}
 	.view_btm .info_list div dd button.btn_print {margin-left:0; margin-top:5px;}
 	.view_btm .info_list div dd button.btn_rsrvt,
 	.view_btm .info_list div dd span.btn_del2 {margin-bottom:5px;}
}

@media screen and (max-width:360px){
 	.view_btm .info_list div dd button,
 	.view_btm .info_list div dd span.btn_del2 {width:100%;}
 	.view_btm .info_list div dd span.btn_del2 {text-align:center;}
}


/********************************
 02 구독형전자책
 *******************************/

.viewerbox {display:flex; margin-top:20px; gap:30px;}
.viewer_item {width:calc(50% - 15px); border:1px solid #ddd; border-radius:30px; text-align:center;}
.viewer_item .bi_img {display:flex; align-items:center; justify-content:center; padding-top:20px; height:80px; font-family:'OneMobile'; font-size:2.2rem;}
.viewer_item .tit {margin:5px 0 10px;}
.viewer_item .downLink {display:flex; border-top:1px dashed #ddd;}
.viewer_item .downLink a {display:block; padding:15px 10px 20px; width:50%; text-align:center;}
.viewer_item .downLink a + a {border-left:1px dashed #ddd;}

.viewer_item .btnBox {margin-bottom:20px; padding:0 20px;}
.viewer_item .bi_img.qrImg {margin:0 auto; height:auto; width:30%;}

 /* media query */
@media screen and (max-width:640px){
	.viewerbox {flex-direction:column; gap:20px;}
	.viewer_item {width:100%;}
}



/********************************
 06 이용안내
 *******************************/
 
 /* 03 사이트맵 */
.siteMap {}
.sitemap_box {display:flex; flex-wrap:wrap; padding-top:50px; border-top:1px solid #aaa;}
.sitemap_box + .sitemap_box {margin-top:50px;}
.sitemap_box .tit {padding-right:20px; width:250px; font-family:'OneMobile'; font-size:2.4rem; color:#333;}
.sitemap_box .sitemap_list {width:calc(100% - 250px); display:flex; flex-wrap:wrap; gap:30px;}
.sitemap_box .sitemap_list > li {width:calc(25% - 23px);}
.sitemap_box .sitemap_list > li > a {display:flex; justify-content:center; align-items:center; padding:0 5px; height:55px; text-align:center; border:1px solid #e5e5e5; border-radius:10px; background-color:#f7f7fc; line-height:1.4;}
.sitemap_box .sitemap_list > li:hover > a,
.sitemap_box .sitemap_list > li:focus > a,
.sitemap_box .sitemap_list > li:active > a {background-color:#333; color:#fff;}


.list_inner {padding:10px;}
.list_inner li {position:relative; padding-left:10px;}
.list_inner li:before {content:''; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:10px; background-color:#aaa;} 
.list_inner li a {font-size:1.6rem;}


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

@media screen and (max-width:1520px){
	.sitemap_box .sitemap_list > li {width:calc(33.3333% - 20px);}
}

@media screen and (max-width:1340px){
	.sitemap_box .tit {width:200px;}
	.sitemap_box .sitemap_list {width:calc(100% - 200px);}
}

@media screen and (max-width:1200px){
	.sitemap_box {flex-direction:column;}
	.sitemap_box .tit {width:100%; margin-bottom:10px; padding-right:0;}
	.sitemap_box .sitemap_list {width:100%;}
}

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

@media screen and (max-width:767px){
	.sitemap_box {padding-top:30px;}
	.sitemap_box + .sitemap_box {margin-top:30px;}
	.sitemap_box .tit {font-size:2.2rem;}
	.sitemap_box .sitemap_list {gap:25px;}
	.sitemap_box .sitemap_list > li {width:calc(33.3333% - 17px);}
	
	.list_inner li:before {top:11px;}
	.list_inner li a {font-size:1.4rem;}
}

@media screen and (max-width:640px){
	.sitemap_box .sitemap_list > li {width:calc(50% - 13px);}
}

@media screen and (max-width:480px){
	.sitemap_box .sitemap_list > li {width:100%;}
}

/********************************
 07 My Library
 *******************************/
/* 05울산시민인증 */
.citizen_btnbox {margin-top:30px; padding-top:30px; text-align:center; border-top:1px dashed #ddd;}
.citizen_btnbox .btn_config {min-width:25%;}

.tbl_base.citizen td.user_num {}
.tbl_base.citizen td.user_num label {display:inline-block; padding-left:10px;}
.tbl_base.citizen td.user_num input {width:120px; border-radius:8px;}
.tbl_base.citizen th label {word-break: break-all;}
.tbl_base.citizen input {width:120px; border-radius:8px;}


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

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

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

@media screen and (max-width:480px){
	.citizen_btnbox {margin-top:35px; padding-top:25px;}
	.tbl_base.citizen input {width:100%;}
}

@media screen and (max-width:350px){
	.tbl_base.citizen td.user_num label {padding-left:0;}
}



/********************************
 08 회원
 *******************************/

/*01로그인, 03아이디,비밀번호 찾기 결과화면*/
.loginBox {border:1px solid #ddd; border-radius:20px; text-align:center;}
.loginBox .login_inner {margin:0 auto; padding:10% 30%;}
.loginBox .login_inner .iconbox {display:block; margin:0 auto; width:162px; height:156px; background:url(../images/sub/07/icon_login.png) 0 0 no-repeat; background-size:100%;}
.loginBox .login_inner .tbox {margin:10px 0 20px;}
.loginBox .login_inner .tbox .tit {font-size:3.5rem; font-family:'OneMobile'; color:#246bb9; line-height:1.4;}


.idpw_box .login {display:flex; justify-content:space-between; flex-wrap:wrap; position:relative;}
.idpw_box .login + .login {margin-top:20px;}
.idpw_box .login label,
.idpw_box .login .tit {margin-bottom:5px; width:100%; color:#222; font-weight:600;}
.idpw_box .login .txt {position:relative; padding:0 10px; width:calc(100% - 60px); border:1px solid #ddd; border-left:0; background-color:#fff; border-radius:0 8px 8px 0; line-height:58px;}
.idpw_box .login input.bd_input {position:relative; padding-right:5px; width:calc(100% - 60px); height:60px; border-left:0; border-radius:0 8px 8px 0; line-height:60px;}
.idpw_box .login .icon {width:60px; height:60px; border:1px solid #ddd; border-right:0; border-radius:8px 0 0 8px;}
.idpw_box .login .icon.id {background:#fff url(../images/sub/07/input_id.png) center center no-repeat;}
.idpw_box .login .icon.pw {background:#fff url(../images/sub/07/input_pw.png) center center no-repeat;}

.idpw_box .login input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px white inset; box-shadow: 0 0 0 1000px white inset;}

.idpw_box button {margin-top:30px; padding:5px; width:100%; border-radius:10px; line-height:50px; background-color:#333; border:none; color:#fff;}
.idpw_box a.btn_login {padding:5px; width:50%; border-radius:10px; line-height:50px; background-color:#333; border:none; color:#fff;}

.idpw_box .find_box {display:flex; justify-content:space-between; margin-top:20px;}
.idpw_box .find_box a {color:#333;}


/*03아이디,비밀번호 찾기 결과*/
.result_box {margin-top:20px; padding:5% 10px;}
.result_box strong {font-size:2.0rem; color:#246bb9;}



/* media query */
@media screen and (max-width:1800px){
	.loginBox .login_inner {padding:10% 28%;}
}

@media screen and (max-width:1520px){
	.loginBox .login_inner {padding:10% 25%;}
}

@media screen and (max-width:1320px){
	.loginBox .login_inner {padding:10% 20%;}
	.loginBox .login_inner .tbox .tit {font-size:3.0rem;}
}

@media screen and (max-width:1130px){
	.loginBox .login_inner {padding:10% 15%;}
}

@media screen and (max-width:1024px){
	.loginBox .login_inner .iconbox {width:130px; height:125px;}
}

@media screen and (max-width:920px){ 
	.loginBox .login_inner .tbox .tit {font-size:2.6rem;}
}

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

@media screen and (max-width:640px){
	.loginBox .login_inner {padding:8%;}
	.loginBox .login_inner .iconbox {width:110px; height:106px;}
	.loginBox .login_inner .tbox .tit {font-size:2.2rem;}
	
	.idpw_box .login input.bd_input {width:calc(100% - 45px); height:45px; line-height:45px;}
	.idpw_box .login .icon {width:45px; height:45px;}
	.idpw_box .login .icon.id,
	.idpw_box .login .icon.pw {background-size:22px;}
	
	.idpw_box button {margin-top:20px; padding:0 5px; line-height:45px;}
	.idpw_box a.btn_login {padding:0 5px; width:80%; line-height:45px;}
}

@media screen and (max-width:480px){
	.loginBox .login_inner {padding:10% 5% 8%;}
	.loginBox .login_inner .tbox .tit {font-size:2.0rem;}
}



/* 02통합회원가입 */
.loginBox.join_intro .login_inner {padding:10% 15%;}

.join_intro .join_stepList {display:flex; gap:50px;}
.join_intro .join_stepList li {padding:7% 5%; width:50%; background-color:#FBFBFB; border-radius:20px; text-align:center;}
.join_intro .join_stepList li .icon {display:block; margin:0 auto 20px; width:140px; height:140px; background-color:#e6eeff; border-radius:50%; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.join_intro .join_stepList li .icon.icon01 {background-image:url(../images/sub/07/icon_AD.png);}
.join_intro .join_stepList li .icon.icon02 {background-image:url(../images/sub/07/icon_CR.png);}
.join_intro .join_stepList li .bd_btn {margin-top:10px; padding:5px; width:70%; color:#fff; border:none;}
.join_intro .join_stepList li .bd_btn.btn_AD {background-color:#1d64b1;}
.join_intro .join_stepList li .bd_btn.btn_CR {background-color:#268553;}


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

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

@media screen and (max-width:1200px){
	.join_intro .join_stepList li .icon {width:120px; height:120px;}
}

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

@media screen and (max-width:920px){ 
	.join_intro .join_stepList li .icon {width:100px; height:100px;}
}

@media screen and (max-width:767px){
	.join_intro .join_stepList {flex-direction:column; gap:25px;}
	.join_intro .join_stepList li {padding:10% 5%; width:100%;}
}




/* 03아이디/비밀번호찾기 */
.idpw_search {display:flex; gap:40px;}
.idpw_search .idpw_Srhbox {padding:7% 5%; width:50%; border:1px solid #ddd; border-radius:20px; text-align:center;}
.idpw_search .idpw_Srhbox .icon {display:block; margin:0 auto 20px; width:140px; height:140px; background-color:#e6eeff; border-radius:50%; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.idpw_search .idpw_Srhbox .icon.srhId {background-image:url(../images/sub/07/icon_id.png);}
.idpw_search .idpw_Srhbox .icon.srhPw {background-image:url(../images/sub/07/icon_pw.png);}
.idpw_search .idpw_Srhbox .bd_btn {margin-top:10px; padding:5px; width:70%; color:#fff; border:none;}
.idpw_search .idpw_Srhbox .bd_btn.btn_srhId {background-color:#1d64b1;}
.idpw_search .idpw_Srhbox .bd_btn.btn_srhPw {background-color:#268553;}





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

@media screen and (max-width:1200px){
	.idpw_search .idpw_Srhbox .icon {width:120px; height:120px;}
}

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

@media screen and (max-width:920px){ 
	.idpw_search .idpw_Srhbox .icon {width:100px; height:100px;}
}

@media screen and (max-width:767px){
	.idpw_search {flex-direction:column; gap:25px;}
	.idpw_search .idpw_Srhbox {padding:10% 5%; width:100%;}
}

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

/*회원가입 작성폼*/
.join_form {}
.join_form .join_info {display:flex; flex-wrap:wrap; border-top:2px solid #222;}
.join_form .join_info div {width:50%; display:flex; justify-content:flex-start; align-items:stretch; border-bottom:1px solid #ddd;}
.join_form .join_info div dl {display:flex; align-items:stretch; width:100%;}
.join_form .join_info div dt {padding:15px; width:150px; min-width:150px; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#f9f7fc; color:#333; text-align:center;}
.join_form .join_info div dd {padding:15px; width:calc(100% - 150px); display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}

.join_form .join_info div dd select {position:relative; padding:0 30px 0 12px; min-width:160px; background:#fbfbfb url(../images/select_arrow.png) 90% center no-repeat; border-radius:8px;}
.join_form .join_info div dd input {border-radius:8px; background-color:#fbfbfb;}

.join_form .join_info div dd.id_tbox {justify-content:space-between;}
.join_form .join_info div dd.id_tbox input {width:calc(100% - 160px);}

.join_form .join_info div dd.addr_tbox {justify-content:space-between;}
.join_form .join_info div dd.addr_tbox input {width:calc(100% - 110px);}

.join_form .join_info div dd.addr_tbox2 {align-items:flex-start; flex-direction:column;}
.join_form .join_info div dd.addr_tbox2 span {display:flex; flex-wrap:wrap; gap:10px; width:100%;}
.join_form .join_info div dd.addr_tbox2 span.ip_box1 input {width:150px;}

.join_form .join_info div dd.addr_tbox2 span.ip_box2 {margin-top:10px;}
.join_form .join_info div dd.addr_tbox2 span.ip_box2 input {width:100%;}

/* .view_info div안에 dl리스트 여러개일때 */
.join_form .join_info div.sch_info > dl > dd {padding:0;}
.join_form .join_info div.sch_info dd ul {width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.join_form .join_info div.sch_info dd ul li {width:50%; border-top:1px solid #ddd;}
.join_form .join_info div.sch_info dd ul li:nth-child(-n+2) {border-top:0;}
.join_form .join_info div.sch_info dd ul li dt {width:100px; min-width:100px; background-color:#fbfbfb;}
.join_form .join_info div.sch_info dd ul li dd {width:calc(100% - 100px);}

.join_form .join_info div.sch_info dd ul li dl.h_75 {min-height:75px;}

  /* media query */
@media screen and (max-width:1200px){
	.join_form .join_info div.sch_info dd ul li dl.h_75 {min-height:85px;}
}

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

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

@media screen and (max-width:800px){
	.join_form .join_info div.sch_info dd ul li dl.h_75 {min-height:110px;}
}

@media screen and (max-width:767px){
	.join_form .view_title {font-size:2.4rem;}

	.join_form .join_info div {width:100%;}
	.join_form .join_info div dt {padding:10px; width:120px; min-width:120px;}
 	.join_form .join_info div dd {padding:10px; width:calc(100% - 120px);}

	.join_form .join_info div.sch_info > dl {display:block; width:100%;}
	.join_form .join_info div.sch_info > dl > dt {width:100%; min-width:unset;}
	.join_form .join_info div.sch_info > dl > dd {width:100%;}
	.join_form .join_info div dd.id_tbox input {width:calc(100% - 145px);}

	.join_form .join_info div.sch_info dd ul li dl.h_75 {min-height:65px;}

}

@media screen and (max-width:640px){
	.join_form .join_info div.sch_info dd ul li dl.h_75 {min-height:92px;}
}

@media screen and (max-width:480px){
	.join_form .view_title {font-size:2.2rem;}

	.join_form .join_info div dt {width:100px; min-width:100px;}
 	.join_form .join_info div dd {width:calc(100% - 100px);}

	.join_form .join_info div.sch_info dd ul li {width:100%;}
	.join_form .join_info div.sch_info dd ul li:nth-child(2) {border-top:1px solid #ddd;}

	.join_form .join_info div dd select,
	.join_form .join_info div dd button {width:100%;}
	.join_form .join_info div dd.id_tbox input {width:100%; margin-bottom:10px;}
	.join_form .join_info div dd.addr_tbox input {width:100%; margin-bottom:10px;}

	.join_form .join_info div.sch_info dd ul li dl.h_75 {min-height:inherit;}

	.join_form .join_info div dd.addr_tbox2 span {justify-content:center;}
	.join_form .join_info div dd.addr_tbox2 span.ip_box1 input {width:100%;}
}







/********************************
 콘텐츠 준비중
 *******************************/
 .readybox {background:linear-gradient(181deg, #FDFDFF 5%, #F1F4FD 90%); border-radius:20px; text-align:center;}