@CHARSET "UTF-8";

/* 전자도서관 */
.comm_bdg.woman{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/woman_inf.gif");background-position:left 150px center;}
.linkgo_wrap{display:flex;flex-wrap:wrap; gap: 20px; margin-top:48px;}
.linkgo_wrap .lin_g{width: calc(100% / 4 - 15px); text-align:center;border:1px solid #ddd;border-radius:20px;box-sizing:border-box;padding:110px 30px 30px;display:flex; flex-flow: row wrap; justify-content:center;align-items:center; gap: 15px 5px; background-repeat:no-repeat;background-position:center top 40px;}
.linkgo_wrap .lin_g.n1{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/co_0104_1.gif");}
.linkgo_wrap .lin_g.n2{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/co_0104_2.gif");}
.linkgo_wrap .lin_g.n3{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/co_0104_3.gif");background-position: center top 30px;}
.linkgo_wrap .lin_g.n4{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/co_0104_4.gif");background-position: center top 30px;}
.linkgo_wrap .lin_g.n5{width: calc(100% / 2 - 10px); padding: 130px 30px 30px; background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/subscription_01.png"); background-size: 80px auto; background-position: center top 30px;}
.linkgo_wrap .lin_g.n6{width: calc(100% / 2 - 10px); padding: 130px 30px 30px; background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/subscription_02.png"); background-size: 80px auto; background-position: center top 30px;}
.linkgo_wrap .lin_g p{width: 100%; font-size:1.7rem;font-weight:700;color:#000;}
.linkgo_wrap .lin_g a{flex: 1; font-size:1.5rem;background-color: #2a95dd;border-radius:50px;padding:10px 20px;color:#fff;box-shadow: 0 5px 8px rgb(0 0 0 / 12%);}

/* 교직원독서지원 */
.comm_bxbx.n02{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/comm_icon02-.gif");background-position:left 37px center;background-size: 70px;}
.section_one{border:1px solid #000;border-radius:20px;margin-top:70px;padding:22px;}
.section_one .top{position:relative;padding:30px 0;display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd;box-sizing:border-box;}
.section_one .top::before{position:absolute;content:"";width:1px;height:169px;background-color:#ddd;left:50%;}
.section_one .top > div,
.section_one .bottom > div{flex:50%;text-align:center;}
.section_one .top > div h5,
.section_one .bottom > div h5{font-size:2.0rem;padding-top:60px;background-repeat:no-repeat;background-position:center top;}
/*.section_one .top .n1,
.section_one .bottom .n3{border-right:1px solid #ddd;box-sizing:border-box;}*/
.section_one .top .n1 h5{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/co_0105_icon01.gif");}
.section_one .top .n2 h5{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/co_0105_icon02.gif");}
.section_one .bottom .n3 h5{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/co_0105_icon03.gif");}
.section_one .bottom .n4 h5{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/co_0105_icon04.gif");}
.section_one .bottom{position:relative;padding:30px 0;display:flex;flex-wrap:wrap;}
.section_one .bottom::before{position:absolute;content:"";width:1px;height:176px;background-color:#ddd;top:0;left:50%;}

.section_two{margin:30px 0;}
.section_two .process_wrap{display:flex;flex-wrap:wrap;padding:0 20px;margin-bottom:40px;}
.section_two .process_wrap p{position:relative;flex:20%;text-align:center;padding-top:115px;background-repeat:no-repeat;background-position:center top;}
.section_two .process_wrap p::before{position:absolute;content:"";top:50px;right:-9px;width:18px;height:9px;background:url("/nanum/site/builder/skin/common/img/common_arrow.png")no-repeat;}
.section_two .process_wrap .prw1{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/proc_01.gif");}
.section_two .process_wrap .prw2{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/proc_02.gif");}
.section_two .process_wrap .prw3{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/proc_03.gif");}
.section_two .process_wrap .prw4{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/proc_04.gif");}
.section_two .process_wrap .prw4::before{display:none;}
.section_two > p{margin:15px 0;}
.section_two > p .number{position:relative;display:inline-block;width:30px;height:30px;line-height:30px;margin-right:15px;background-color:#000;color:#fff;text-align:center;font-size:2.0rem;font-weight:700;border-radius:50%;box-shadow:5px 5px 10px rgba(0,0,0,0.15);}
.section_two > p:last-child .number::before{display:none;}

.section_thr .numb_wrap{display:flex;flex-wrap:wrap;margin:30px 0;}
.section_thr .numb_wrap .numb{position:relative;flex:30%;margin-right:20px;padding:13px;padding-top:140px;background-color:#fff;border-radius:20px;box-shadow:0 0 8px rgba(0,0,0,0.07);box-sizing:border-box;}
.section_thr .numb_wrap .numb.n1::after{position:absolute;content:"1";top:20px;left:15px;color:#000;font-size: 2.2rem;font-weight: 700;}
.section_thr .numb_wrap .numb.n2::after{position:absolute;content:"2";top:20px;left:15px;color:#000;font-size: 2.2rem;font-weight: 700;}
.section_thr .numb_wrap .numb.n3::after{position:absolute;content:"3";top:20px;left:15px;color:#000;font-size: 2.2rem;font-weight: 700;}
.section_thr .numb_wrap .numb p{position:relative;font-size:1.5rem;padding:15px;border-radius:20px;min-height:102px;display: flex;align-items: center;}
.section_thr .numb_wrap .numb.n1 p{background-color:#fff3f6;}
.section_thr .numb_wrap .numb.n1 p::before{position:absolute;content:"";width:63px;height:69px;top:-80px;right:20px;background:url("/nanum/site/builder/dir/ywlib/img/menu6457/bookproc_01.png")no-repeat;}
.section_thr .numb_wrap .numb.n2 p{background-color:#faf2e3;}
.section_thr .numb_wrap .numb.n2 p::before{position:absolute;content:"";width:63px;height:79px;top:-90px;right:20px;background:url("/nanum/site/builder/dir/ywlib/img/menu6457/bookproc_02.png")no-repeat;}
.section_thr .numb_wrap .numb.n3 p{background-color:#ffeeea;}
.section_thr .numb_wrap .numb.n3 p::before{position:absolute;content:"";width:58px;height:75px;top:-84px;right:20px;background:url("/nanum/site/builder/dir/ywlib/img/menu6457/bookproc_03.png")no-repeat;}

.section_thr .numb_txt{border:1px solid #000;padding:10px 30px;}
.section_thr .numb_txt p{margin:10px 0;}
.section_thr .numb_txt p .bg_bk{display:inline-block;margin-right:15px;padding:5px 20px;border-radius:50px;background-color:#000;color:#fff;}

/* 책이음이용안내 */
.bookserv{padding:30px;padding-left:30%;background:url("/nanum/site/builder/dir/ywlib/img/menu6457/book_service_img.gif")no-repeat left 20px center/200px;}
.bookserv > p{font-size:2.0rem;font-weight:700;}
.bookserv ul{margin-top:20px;}
.bookserv ul li{background-repeat:no-repeat;background-position:left top 5px;padding-left:20px;margin-bottom:10px;word-break: break-word;}
.bookserv ul li:first-child{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/p_icon_01.gif");}
.bookserv ul li:nth-child(2){background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/p_icon_02.gif");}
.bookserv ul li:last-child{background-image:url("/nanum/site/builder/dir/ywlib/img/menu6457/p_icon_03.gif");}


/******************** 1024 ********************/

@media(max-width:1024px){

/* 전자도서관 */
.comm_bdg.woman{padding-top:80px;background-position: center top 16px;background-size:65px;}
	
/* 교직원독서지원 */
.comm_bxbx.n02{background-position:center top 10px;background-size: 50px;}
.section_one{margin-top:40px;}


}



/******************** 767 ********************/

@media(max-width:767px){

/* 전자도서관 */
.linkgo_wrap{margin-top:25px;}	
.linkgo_wrap .lin_g{width: 100%;margin-right:0; padding:60px 20px 20px;background-size:42px;background-position: center top 18px;}
.linkgo_wrap .lin_g.n2, .linkgo_wrap .lin_g.n3 {padding:70px 20px 20px;}
.linkgo_wrap .lin_g.n3,
.linkgo_wrap .lin_g.n4{background-position: center top 18px;background-size: 33px;}
.linkgo_wrap .lin_g.n5,
.linkgo_wrap .lin_g.n6{width: 100%; background-size: 42px; padding: 70px 30px 30px; background-position: center top 18px;}
.linkgo_wrap .lin_g p{margin-bottom:0;}

/* 교직원독서지원 */
.section_one{margin-top:20px;}
.section_one .top,
.section_one .bottom{padding: 15px 0;}
.section_one .top::before{height:155px;}
.section_one .bottom::before{height:140px;}
.section_one .top > div h5, 
.section_one .bottom > div h5{background-size:38px;padding-top: 43px;}

.section_two{margin:10px 0;}
.section_two .process_wrap{margin-bottom:0;}
.section_two .process_wrap p{flex:100%;background-size: 85px;padding-top: 93px;margin-bottom:20px;}
.section_two .process_wrap p::before{top:120px;right:47%;background-size: 13px;transform:rotate(90deg);}
.section_two > p{margin-bottom:5px 0;}
.section_two > p .number{width:25px;height:25px;line-height:25px;margin-right:10px;}

.section_thr .numb_wrap{margin:15px 0;}
.section_thr .numb_wrap .numb{flex:100%;margin-right:0;margin-bottom:20px;padding-top:70px;}
.section_thr .numb_wrap .numb p{min-height:auto;}
.section_thr .numb_wrap .numb.n1 p::before,
.section_thr .numb_wrap .numb.n2 p::before,
.section_thr .numb_wrap .numb.n3 p::before{background-size: 40px;top:-55px;right:0;}

.section_thr .numb_txt{padding:10px 20px;}
.section_thr .numb_txt p .bg_bk{margin-right:9px;}

/* 책이음이용안내 */
.bookserv{padding:20px;padding-top:100px;background-position:center top 10px;background-size:100px;}


}