@charset "utf-8";
 
/* BOX */
.TP__box , .TP__box__inner { width:100% ; box-sizing:border-box }
.TR__corner , .TR__line    { display:none }
.TP__box {
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ; 
    background-color:rgba(0,0,0,0.03) ;
    padding:1.5rem 2rem ; margin-bottom:6rem ;
}
.TR__lead span , .TR__col , .TR__date { font-family:'NanumMyeongjo',serif ; font-size:1.9rem ; line-height:3.6rem }
.TR__lead span {
    font-weight:500 ;  
    border-bottom:solid 1px rgba(0,0,0,0.1) ; letter-spacing:-0.15rem ;
    padding-bottom:0.5rem ;
}
.TR__lead.date span { border:none ; padding-bottom:0 }
.TR__lead .lang , .TR__col .lang , .TR__date .lang{ font-size:1.6rem ; font-weight:400 ; position:relative ; top:-0.2rem }
.TR__lead .lang { border-bottom:0 ; line-height:3.8rem }
.TR__lead { margin-bottom:2rem ; text-align:justify }
.TR__lead:last-child { margin-bottom:0 }
.TR__lead br { display:none }

.TR__col , .TR__date { font-size:1.8rem ; line-height:3.2rem ; text-align:justify }
.TR__col { margin-bottom:1.5rem }



/* IMG */
#yu23_img1 { max-width:50rem }

.YU__p > span ,
.TR__lead span span , 
.TR__date span , 
.TR__col span { font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:inherit ; font-family:'맑은 고딕','Malgun Gothic' }
.YU__p span.lang , .TR__date .lang { font-family:'Noto Sans KR',sans-serif }

.TP__box #TP__box__inner1 { margin-bottom:2rem }



/* PC **********/
@media screen and (min-width:1100px){


    /* BOX */
    .TP__box , .TP__box__inner { padding:3rem }
    .TP__box { border-radius:0.2rem ; position:relative ; background-color:#f7f7f7 }
    .TP__box__inner { border:solid 1px #bfc6cc }
    .TR__lead span  { line-height:4rem ; padding-bottom:0.7rem  }
    .TR__lead br    { display:block }
    .TR__lead.date  { text-align:right } 
	.TR__lead .lang { line-height:4.2rem }

    .TR__corner { 
        display:block ; width:2.4rem ; height:2.4rem ;
        background:url(../img_sub/icon_pattern.png) no-repeat 0 0 #f7f7f7 ;
        position:absolute ;
    }

    .TR__corner:nth-of-type(1) { background-position:left top ; left:3rem ; top:3rem }
    .TR__corner:nth-of-type(2) { background-position:right top ; right:3rem ; top:3rem }
    .TR__corner:nth-of-type(3) { background-position:left bottom ; left:3rem ; bottom:3rem }
    .TR__corner:nth-of-type(4) { background-position:right bottom ; right:3rem ; bottom:3rem }
 
    .TR__col  { column-count:2 ; column-gap:6rem ; position:relative }
    .TR__col::before {
        display:block ; content:"" ; width:1px ; height:90% ;
        position:absolute ; left:50% ; top:50% ; transform:translateY(-50%) ;
        background-color:rgba(0,0,0,0.1) ;
    }
    #TP__box2 { margin-top:5rem }
	#TP__box2 .TR__lead , #TP__box3 .TR__lead { text-align:center }  
	
	#TR__col_last { letter-spacing:-1px }
	
 
}