@charset "utf-8";

/* BOOK */
.yu31__book , .yu31__book img { width:100% }
.yu31__book { 
    max-width:40rem ;  margin:0 auto 4rem ;
    position:relative ; overflow:hidden ;
}
.yu31__book img , .yu31__book::before , .yu31__book::after { overflow:hidden ; border-radius:0.6rem }
.yu31__book::before , .yu31__book::after {
    display:block ; content:"" ; width:100% ; height:100% ;
    box-sizing:border-box ;
    border:solid 1px rgba(0,0,0,0.1) ;
    position:absolute ;  
}
.yu31__book::before { right:0.4rem ; top:0.4rem ; z-index:-1 }
.yu31__book::after  { left:0 ; top:0 }



/* BOOKMARK */
.YU31__bookmark , .YU31__BM__page { width:100% ; box-sizing:border-box }  
.YU31__bookmark { 
    border-radius:0.6rem ; padding:3rem 2rem ;
    border:solid 1px rgba(0,0,0,0.1)
}
.YU31__BM__page { 
    margin-bottom:3rem ; padding-bottom:3rem ;
    border-bottom:dashed 1px rgba(0,0,0,0.15) ;
}
.YU31__BM__page:last-child { margin-bottom:0 ; padding-bottom:0 ; border:0 }

.YU31__BM__title { 
    font-family:'NanumMyeongjo',serif ; font-size:1.9rem ; line-height:3rem ;
    padding-left:4.5rem ; margin-bottom:1rem ;
    position:relative;

}
.YU31__BM__icon , .YU31__BM__icon::before {  display:block ; content:"" ; width:4rem ; height:4rem }
.YU31__BM__icon { 
    overflow:hidden ; border-radius:100% ; background-color:#ffde00 ;
    position:absolute ; left:0 ; top:-0.7rem
}
.YU31__BM__icon::before {
    content:"" ; opacity:0.8 ;
    background:url(../img_sub/icon_book.png) no-repeat center ; background-size:cover ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}


/* IMG */
.img { max-width:50rem }


#YU__sec31_03 .YU__p { text-align:center }


.YU31__BM__title span { font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:bold ; font-family:'맑은 고딕','Malgun Gothic' }
.lead span span , .YU__p span { font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:normal ; font-family:'맑은 고딕','Malgun Gothic' }


#YU__sec__end .note__list { position:relative }
#YU__sec__end .note__item { line-height:2.4rem }
#YU__sec__end .note__item a:hover { text-decoration:underline }
#YU__sec__end .note__item::before { position:absolute ; content:"" ; width:0.4rem ; height:0.4rem ; background-color:rgba(0,0,0,0.2) ; left:0 ; top:1.2rem }

#yu31_img1 { margin-bottom:0 }



/* PC **********/
@media screen and (min-width:1100px){
 
    /* BOOK */
    .yu31__book { 
        float:right ; margin:2rem 0 0 5rem ;
        overflow:initial ;
    }


    
    /* BOOKMARK */
    .YU31__bookmark  { padding:4rem }
    .YU31__BM__page  { margin-bottom:4rem ; padding-bottom:4rem }
    .YU31__BM__title { font-size:2.3rem ; padding-left:5rem ; font-weight:500 ; letter-spacing:-0.2rem }
    .YU31__BM__page .YU__p { padding-left:5rem }



    /* IMG */
    .yu31__page { margin-bottom:1rem }
    .yu31__page::after { display:block ; content:"" ; clear:both }
    .img { width:32% ; float:left ; margin:0 2rem 0 0 ; }
    .img:last-child { margin-right:0 }
	
	#YU__sec31_03 .YU__p { max-width:103rem ; margin:auto ; text-align:left }
	 
	 
	/* IMG
    .yu31__page { max-width:103rem ; margin:auto ; margin-bottom:1rem }
    .yu31__page::after { display:block ; content:"" ; clear:both }
    #yu31_img1 , #yu31_img2 { width:49.01% ; margin:0 ; max-width:50rem }
	#yu31_img1 { float:left }
	#yu31_img2 { float:right }
	
	#YU__sec31_03 .YU__p { max-width:103rem ; margin:auto ; text-align:left }
    
	 */
    
}