@charset "utf-8";

/* SECTION */
.YU__sec.green { 
    background-color:#ddf4b9 ; position:relative ;
    padding-top:7rem ; padding-bottom:7rem 
} 
.YU__sec.green::before , .YU__sec.green::after {
    width:100% ; height:0.8rem ; display:block ; content:"" ;
    background:repeat-x 0 0 ;
    position:absolute ; left:0
} 
.YU__sec.green::before { background-image:url(../img_sub/patten_green_top.gif) ; top:-1px }
.YU__sec.green::after  { background-image:url(../img_sub/patten_green_bottom.gif) ; bottom:-1px }
.YU24__inner   { margin:auto }


 
/* TITLE */
.YU24__title__bg { display:none }
.green .YU24__title__icon::before , .green .YU24__title__icon::after { background-color:#8ad71d }
#YU24_sec0 .YU__title__plus > span { display:inline-block ; margin-right:0.5rem }
#YU24_sec0 { margin-bottom:5rem }


/* IMG */
.YU24__imgs { padding-top:3rem }
.YU24__imgs , .YU24__img , .YU24__img img , .YU24__address { width:100% ; font-size:0 } 
.YU24__img , .YU24__address { max-width:55rem ; overflow:hidden ; margin:0 auto 1rem }
.YU24__img { position:relative ; padding:0 }
.YU24__img , .YU24__img::after { border-radius:0.4rem }
.YU24__img::after { 
    display:block ; content:"" ; width:100% ; height:100% ; 
    box-sizing:border-box ; border:solid 1px rgba(0,0,0,0.1) ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}

#YU24__imgs30 { margin-top:1rem ; padding-top:0 }

#yu24_img0 { max-width:80rem }
#yu24_img8 , #yu24_img9 { max-width:47rem ; margin-bottom:2rem }
#yu24_img5 { max-width:110rem }
#yu24_img5 .YU24__img { width:100% }



/* ADDRESS */
.YU24__addr__item { 
    width:100% ; box-sizing:border-box ; margin-bottom:0.5rem ;
    overflow:hidden ; border-radius:0.4rem ;
    background-color:#ffc92f ; position:relative ;
    font-size:1.8rem ; line-height:2.8rem ; color:#111111 ; word-break:keep-all ;
    padding:1rem 1.5rem 1.2rem 6.5rem ;
}

.YU24__addr__item > a { color:#111111 }
.YU24__addr__item > a:hover { text-decoration:underline }

.green .YU24__addr__item { background-color:#c0e986 }
.YU24__addr__icon { 
    width:4rem ; height:4rem ; display:block ; overflow:hidden ;
    border-radius:100% ;
    background:url(../img_sub/icon_tel.png) no-repeat 0 0 #111111 ; background-size:auto 8rem ;
    font-size:0 ; color:transparent ;
    position:absolute ; left:1.5rem ; top:0.5rem
}
.YU24__addr__item:nth-child(2) .YU24__addr__icon { background-position:right top }
 
.green .YU24__addr__item:nth-child(1) .YU24__addr__icon  { background-position:left bottom }
.green .YU24__addr__item:nth-child(2) .YU24__addr__icon  { background-position:right bottom }


#YU24__address0 .YU24__addr__item:nth-child(1) .YU24__addr__icon { background-position:center ; background:url(../img_sub/icon_link.png) no-repeat 0 0 #111111 ; background-size:auto 4rem }
#YU24__address0 .YU24__addr__item:nth-child(2) .YU24__addr__icon { background-position:left top }
#YU24__address0 .YU24__addr__item:nth-child(3) .YU24__addr__icon { background-position:right top }

#YU24__address1 { margin-bottom:4rem }



/* TRAVEL PLUS */
.travel__box { 
    position:relative ; border-radius:0.4rem ;
    width:100% ; box-sizing:border-box ; border:solid 0.5rem #ffde00 ; 
    font-size:0 ; text-align:center ;
    padding:3rem 2rem 2rem }
.travel__title {
    display:inline-block ; padding:0.5rem 1.5rem ;
    font-family:'NanumMyeongjo',serif ; font-size:3.4rem ; line-height:4.8rem ; color:#111111 ;
    font-weight:600 ; letter-spacing:-0.1rem ; word-break:keep-all ; 
    background-color:#ffffff ;
    position:absolute ; left:50% ; top:-0.5rem ; transform:translate(-50%,-50%) ;
}
.travel__item__title { 
    display:inline-block ; overflow:hidden ; border-radius:3rem ;  
    font-size:2.2rem ; line-height:2.8rem ; color:#ffffff ;
    padding:0.3rem 2rem 0.7rem ; background-color:#111111 ;
    margin-bottom:1.5rem ;
}
.travel__item { margin-bottom:4rem }
.travel__item:last-child { margin-bottom:0 }


#YU__sec__end .YU__p:nth-child(1) { margin-bottom:0 }
#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 }

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

#yu24_img10::after { display:none }


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


	
	
	/* TIP BOX */
    #YU24_sec0 {  
        width:100% ; box-sizing:border-box ; height:79rem ; max-width:none ;
        background:url(../img_sub/yu24_img0_bg.jpg) no-repeat center center ; background-size:cover ; 
    } 
    #YU24_sec0 .YU24__inner { 
        width:98% ; max-width:120rem ; padding-top:0rem ;
    }
	#YU24_sec1 .YU24__sub { 
        width:98% ; max-width:110rem ; margin:auto ;
    }
	
    #yu24_img0 { display:none }
	
	.YU24__inner__txtbg { width:98% ; max-width:120rem ; float:left ; 
		padding:40px ; box-sizing:border-box ; background-color:rgba(0,77,115,0.76) 
	}
	.YU24__inner__txtbg .YU__title__plus span , .YU24__inner__txtbg .YU__title__plus b ,
	.YU24__inner__txtbg .YU__p { color:#ffffff ; text-shadow:0 0 0.4rem rgba(0,0,0,0.5) }
	.YU__title__plus b  { /*display:block*/ }


    /* SECTION */
    .YU__sec.green { width:100% ; max-width:none }   
    .YU24__inner { width:98% ; max-width:110rem ; box-sizing:border-box } 
	
	#YU24_sec3 { padding-bottom:2rem }


    /* TITLE */
    .YU24__title__bg {
        width:100% ; max-width:120rem ; margin:0 auto 4rem ;
        display:block ; overflow:hidden ; height:20rem ;  
        background:no-repeat center ; background-size:cover ; 
        border-radius:0.4rem ;
    }
    .YU24__title__bg > b {
        display:inline-block ; padding:2rem 7rem 2.2rem 3rem ;
        font-size:4.4rem ; line-height:6.8rem ; font-weight:800 ; color:#111111 ;
        letter-spacing:-0.2rem ; border-radius:0 0 0.4rem 0.4rem ;
        background-color:rgba(255,201,47,0.8) ; margin-left:3rem ;
    }
    .green .YU24__title__bg > b { background-color:rgba(138,215,29,0.8) }

    #YU24_sec2 .YU24__title__bg { background-image:url(../img_sub/yu24_title_bg1.jpg) }
    #YU24_sec3 .YU24__title__bg { background-image:url(../img_sub/yu24_title_bg2.jpg) }
 

    /* IMG */ 
    .YU24__imgs { 
        overflow:hidden ; position:relative ; padding:0 ; 
        margin:4rem auto 1rem} 
    .YU24__imgs , .YU24__imgs::before , .YU24__address  { border-radius:0.6rem }
    .YU24__imgs::before , .YU24__imgs::after {  
        display:block ; content:"" ; box-sizing:border-box ;
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    }  
    .YU24__imgs::before { 
        width:100% ; height:100% ; 
        border:solid 1px rgba(0,0,0,0.1) ; z-index:10 ;
    }
    .YU24__imgs::after { width:1px ; height:100% ; background-color:rgba(0,0,0,0.1) }
    .YU24__img { border-radius:0rem ; margin:0 ; width:50% ; max-width:none }
    .YU24__img::after { display:none }  
    .YU24__img.left  { float:left }
    .YU24__img.right { float:right }
	

    /* ADDRESS */
    .YU24__address { 
        background-color:#ffc92f ; max-width:none ;
        padding:1rem 0 ;
    }
    .green .YU24__address { background-color:#c0e986 }
    .YU24__address::after { display:block ; content:"" ; clear:both }
    .YU24__addr__item { 
        width:50% ; float:left ; margin:0 ; 
        background:none ;
        padding-left:8rem ;
    }
    .YU24__addr__icon { left:3.5rem }
    .YU24__addr__item:nth-child(1) { width:55% }
    .YU24__addr__item:nth-child(2) { width:45% }
	
	#YU24__address0 .YU24__addr__item:nth-child(1) { width:32% }
	#YU24__address0 .YU24__addr__item:nth-child(2) { width:45% }
	#YU24__address0 .YU24__addr__item:nth-child(3) { width:23% }
 


    /* TRAVEL PLUS */
    .travel__box { 
        border-width:0.8rem ; padding:5rem 3% 4rem ;
        max-width:110rem ; margin:auto
    }
    .travel__box::before , .travel__box::after{ display:block ; content:"" }
    .travel__box::before { 
        width:0 ; height:86% ; border-right:dashed 1px rgba(0,0,0,0.1) ;
        position:absolute ; left:50% ; top:50% ; transform:translateY(-50%) ;
    }
    .travel__box::after { clear:both }
    .travel__title { font-size:4.8rem ; line-height:5.4rem ; padding:0.5rem 5rem }
    .travel__item { width:50% ; max-width:47rem ; margin-bottom:0 } 
    .travel__item:nth-of-type(1) { float:left } 
    .travel__item:nth-of-type(2) { float:right }
	
	#YU__sec__end .note__item { font-size:1.6rem }
	#YU__sec__end .note__item::before { top:1.1rem }
	
	#travel__item1 .YU__p { letter-spacing:-0.12rem }

    


}