@charset "utf-8";
/* MOBILE ****/


/* font-family:'Kaushan Script',cursive; */
@import url('98efaf1e225b4742a99330668aded7a3.css');  

/* VISUAL */
#SPY_main_visual { display:block ; widows:100% ; height:500px ; background:#333333 }
#box { display:block ; overflow:hidden ; width:100% ; height:2000px ; background-color:#ff6600  }



/* VISUAL */
#visual_slide , #VS_inner ,#VS_ul , .VS_li , #VS_slide, .slide_box { display:block ; width:100% ; height:500px } 
#visual_slide { margin-bottom:60px }
#VS_inner ,#VS_ul , .slide_box { position:relative ; z-index:50 }
#VS_slide, .slide_box { overflow:hidden } 
.VS_li { position:absolute ; top:0px }
.VS_li:nth-child(1) { left:-100% }
.VS_li:nth-child(2) { left:0% }
.VS_li:nth-child(3) { left:100% }
.VS_li:nth-child(4) { left:200% }
.VS_li:nth-child(5) { left:300% }
.VS_li:nth-child(6) { left:400% }
.VS_li:nth-child(7) { left:500% }
.VS_li:nth-child(8) { left:600% }

.VS_li { background-repeat:no-repeat ; background-position:center center ; background-size:cover } 

.slide_box , .slide_arrow:hover , .slide_btn_pp , #slide_page_nav button , .slide_more { transition:0.3s all }
.slide_box { background-color:rgba(0,0,0,0.5) }
.slide_p , .slide_title , .slide_txt , .slide_more , .slide_arrow ,
.slide_btn_pp , #slide_page_nav { display:block ; overflow:hidden }
.slide_p , .slide_title , .slide_txt { text-align:center }
.slide_p { 
    width:70% ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) }
.slide_title , .slide_txt { line-height:1.4em ; color:#ffffff ; word-break:keep-all  }
.slide_title { font-size:1.8em ; font-weight:600 ; margin-bottom:30px  }
.slide_txt   { font-size:0.9em ; opacity:0.8 ; margin-bottom:30px   }
.slide_title br { display:none }
.slide_more { 
    display:inline-block ; background-color:rgba(0,0,0,0.1) ;  
    font-size:1em ; line-height:1.2em ; color:rgba(255,255,255,0.8) ;
    padding:10px 20px ; border:solid 1px rgba(255,255,255,0.3)}
.slide_more:hover , .slide_more:focus { color:#ffffff ; background-color:rgba(0,0,0,0.5) ; border-color:rgba(255,255,255,0.4) } 

.VS_li:hover .slide_box { background-color:rgba(0,0,0,0.7) }

.slide_arrow { 
    position:absolute ; top:255px ; z-index:56 ; transform:translateY(-50%) ; opacity:0.3 ;  
    width:40px ; height:40px ; font-size:0em ; text-indent:-9999px ;
    background:url(../images/slide_pn_mb.png) no-repeat 0px 0px }
.slide_arrow.prev { left:0px }
.slide_arrow.next { right:0px ; background-position:-40px 0px }
.slide_arrow:hover , .slide_arrow:focus { opacity:0.9 }

.slide_btn_pp , #slide_page_nav { z-index:56 }
.slide_btn_pp { 
    opacity:0.5 ; 
    width:20px ; height:20px ; border:solid 1px rgba(255,255,255,0.5) ; border-radius:40px ; box-sizing:border-box ;    
    position:absolute ; left:15px ; bottom:15px ; font-size:0em ; text-indent:-9999px ;  
    background:url(../images/slide_play.png) no-repeat -1px -1px }
.slide_btn_pp:hover , .slide_btn_pp:focus { opacity:1 ; border-color:rgba(255,255,255,0.2) }
.slide_btn_pp.play { background-position:-21px -1px }
 
#slide_page_nav { width:100% ; position:absolute ; right:0px ; bottom:-25px ; text-align:center ; text-align:center  }
#slide_page_nav li { display:inline-block ; overflow:hidden ; width:12px ; height:12px ; border-radius:20px ; margin:1px 3px }
#slide_page_nav button { 
    display:block ; overflow:hidden ; width:100% ; height:100% ; 
    font-size:0em ; text-indent:-9999px ; background-color:#000000 ; opacity:0.2 }
#slide_page_nav button:hover , #slide_page_nav button:focus { opacity:0.8 } 
#slide_page_nav li.now { width:20px }
#slide_page_nav li.now button { opacity:0.8 }
 
#visual_txt , #visual_txt strong , #visual_txt span , 
.slide_box_txt , .slide_box_txt strong , .slide_box_txt span { display:block ; overflow:hidden  }
#visual_txt , .slide_box_txt { 
    position:absolute ; left:50% ; top:50% ; z-index:55 ; transform:translate(-50%,-50%) ; 
    display:block ; width:100% ; padding:0px 70px ; box-sizing:border-box }
#visual_txt strong , #visual_txt span ,
.slide_box_txt strong , .slide_box_txt span { color:#ffffff ; text-align:center ; word-break:keep-all }
#visual_txt strong , .slide_box_txt strong { font-family:'Kaushan Script',cursive ; font-size:2.4em ; line-height:1.2em ; margin-bottom:15px}
#visual_txt span , .slide_box_txt span { font-size:1em ; line-height:1.4em }
.slide_box_dd{ position: absolute; right: 10px; bottom: 10px; color: #fff;}
.slide_box_dd p{line-height: 1rem; color: #fff;}


/* MAIN CTS */
.SYP_cts_box strong > span , .SYP_cts_box > a , .SYP_cts_box > span , .SYP_cts_box strong > span , .SYP_cts_box b { transition:0.3s all }
#SYP_cts , #SYP_cts_list , .SYP_cts_box , .SYP_cts_box > span , .SYP_cts_box > p , .SYP_cts_box > a ,
.SYP_cts_box strong , .SYP_cts_box b , .SYP_cts_box strong > span { display:block ; overflow:hidden  }
#SYP_cts , #SYP_major { width:90% ; margin:auto ; margin-bottom:50px }
#SYP_cts_list { width:100%;background-color: #2B51A3; }
#SYP_cts_list li { width:50% ; float:left } 
.SYP_cts_box { width:100% ; position: relative ; padding:20px 10px ; box-sizing:border-box }
.SYP_cts_box > span , .SYP_cts_box > a { width:100% ; height:100% ; position:absolute ; left:0px ; top:0px  }
.SYP_cts_box > span { z-index:-1 ; background-color:#2b51a3 }
.SYP_cts_box > a { font-size:0em ; text-indent:-9999px ; background:url(../images/main_box_light_mb.png) no-repeat -20px 0px ; opacity:0.05 ; border-top:0px ; border-left:0px ; box-sizing:border-box }
.SYP_cts_box strong > span { 
    width:80px ; height:80px ; margin:auto ; margin-bottom:10px ; opacity:0.8 ;  
    background:url(../images/main_box_icon.png) no-repeat 0px 0px  }
.SYP_cts_box.box2 strong > span { background-position:-80px 0px }
.SYP_cts_box.box3 strong > span { background-position:-160px 0px }
.SYP_cts_box.box4 strong > span { background-position:-240px 0px }
.SYP_cts_box strong , .SYP_cts_box b { text-align:center ; color:#ffffff ; line-height:1.4em ; word-break:keep-all }
.SYP_cts_box strong { font-size:1.3em ; font-weight:500 ; margin-bottom:5px }
.SYP_cts_box b { font-size:0.7em ; opacity:0.8 ; font-weight:100   }


.SYP_cts_box:hover > a { background-position:-250px 0px }
.SYP_cts_box:hover > span { background-color:#25458b }
.SYP_cts_box:hover strong > span , .SYP_cts_box:hover b { opacity:1 }




/* MAIN MAJOR */
#SYP_major , .SYP_h2 , .SYP_h2_p , #SYP_major_list , .SYP_major_li , 
.SYP_major_box , .SYP_major_header , .SYP_major_box > a ,
.SYP_major_header span , .SYP_major_header h3 , .SYP_major_header p { display:block ; overflow:hidden }

.SYP_major_box > a , .SYP_major_img > img , .SYP_major_header p { transition:0.3s all }

.SYP_h2 , .SYP_h2_p { text-align:center ; box-sizing:border-box ; padding:0px 15px ; line-height:1.4em }
.SYP_h2 { font-size:2.4em ; color:#111111 ; font-weight:500 ; margin-bottom:20px ; letter-spacing:-2px  }
.SYP_h2_p { font-size:1em ; color:#444444 ; font-weight:400 ; margin-bottom:50px ; word-break:keep-all }
.SYP_major_li { margin:auto ; margin-bottom:40px ; width:100% ; max-width:370px   }
.SYP_major_li:last-child { margin-bottom:0px }
.SYP_major_img , .SYP_major_box > a  { width:100% }
.SYP_major_img { position:relative ; height:400px  }
.SYP_major_img > img { 
    width:400px ; height:400px ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) }
.SYP_major_box > a { height:100% ; font-size:0em ; text-indent:-9999px }
.SYP_major_box { position:relative }
.SYP_major_header { position:absolute ; left:30px ; top:30px ; z-index:51 }
.SYP_major_box > a { position:absolute ; left:0px ; top:0px ; z-index:50 ; background-color:#000000 ; opacity:0 }

.SYP_major_header span { width:20px ; height:2px ; background-color:#ffffff ; margin-bottom:5px }
.SYP_major_header h3 , .SYP_major_header p { line-height:1.4em ; color:#ffffff }
.SYP_major_header h3 { font-size:1.6em ; font-weight:500 ; margin-bottom:10px }
.SYP_major_header p { font-size:0.7em ; opacity:0.8 ; letter-spacing:1px }
.SYP_major_box:hover > a { opacity:0.5 }
.SYP_major_box:hover .SYP_major_img > img { width:500px ; height:500px }
.SYP_major_box:hover .SYP_major_header p { opacity:1 }



/* MAIN CASE */
#SYP_case , #SYP_case_bg , #SYP_case_list , .SYP_case_box , .SYP_case_txt ,
.SYP_case_txt span , .SYP_case_txt p , .SYP_case_txt h3 , .SYP_case_link,
.SYP_case_link b , .SYP_case_link span , .SYP_case_more { display:block ; overflow:hidden }
#SYP_case { padding:50px 10px ; margin-bottom:50px ; position:relative }
#SYP_case .SYP_h2 , #SYP_case .SYP_h2_p { color:#ffffff }
#SYP_case .SYP_h2_p { opacity:0.8 ; font-weight:200 }
#SYP_case { background-color:rgba(0,0,0,0.8) }
#SYP_case_bg { 
    width:100% ; height:100% ; position:absolute ; left:0px ; top:0px ; z-index:-1 ; 
    background:url(../images/main_case_bg.jpg) no-repeat center center ; background-size:cover }
#SYP_case_list { text-align:center ; margin-bottom:30px  }
.SYP_case_li , .SYP_case_box , .SYP_case_img , .SYP_case_img img { width:100% } 
.SYP_case_li {  max-width:300px ; display:inline-block ; overflow:hidden  ; margin:10px 5px }
.SYP_case_box { position:relative }
.SYP_case_txt { background-color:#ffffff ; padding:0px }
.SYP_case_txt span { width:30px ; height:3px ; background-color:#2b51a3 ; margin:auto ; margin-bottom:10px }
.SYP_case_txt p , .SYP_case_txt h3 { line-height:1.4em ; text-align:center ; padding:0px 10px   }
.SYP_case_txt p { color:#444444 ; font-size:0.8em ; margin-bottom:5px } 
.SYP_case_txt h3 { color:#111111 ; font-size:1.4em ; margin-bottom:20px ; font-weight:500 ; letter-spacing:-1px } 
.SYP_case_link , .SYP_case_link b { width:100% ; height:100% }
.SYP_case_link { position:absolute ; left:0px ; top:0px ; opacity:0 }
.SYP_case_link:hover , .SYP_case_txt span , .SYP_case_txt h3 , .SYP_case_txt p , .SYP_case_link span { transition:0.3s all ; opacity:1 }
.SYP_case_link b { position:relative }
.SYP_case_link span { font-size:0em ; text-indent:-9999px }
.SYP_case_link span {
    width:60px ; height:60px ; border-radius:60px ; 
    position:absolute ; left:50% ; top:55% ; transform:translate(-50%,-50%) ;  
    background:url(../images/icon_more.png) no-repeat center center rgba(0,0,0,0.5) }
.SYP_case_box:hover .SYP_case_txt h3 , .SYP_case_box:hover .SYP_case_txt p { color:#1e3f85 }
.SYP_case_box:hover .SYP_case_txt span { background-color:#49a93c ; width:100%  }
.SYP_case_box:hover .SYP_case_link span { top:40% }

.SYP_case_more { 
    transition:0.3s all ; 
    width:120px ; padding:12px 5px ; border:solid 1px rgba(255,255,255,0.2) ; box-sizing:border-box ; margin:auto ; 
    font-size:0.9em ; line-height:1em ; font-weight:500 ; color:rgba(255,255,255,0.8) ; text-align:center }
.SYP_case_more:hover { color:#ffffff ; border-color:rgba(0,0,0,0.4) ; background-color:#2b51a3 }



/* SYP ETC */
#SYP_etc , #SYP_etc_news , #SYP_etc_news h3 , #SYP_etc_news li { display:block ; overflow:hidden }
#SYP_etc { padding:0px 20px ; margin-bottom:50px ; text-align:center }
#SYP_etc_news , #SYP_EN_more b { position:relative }
#SYP_etc_news { text-align:center  }
#SYP_etc_news h3 { 
    font-size:1.4em ; line-height:1.2em ; font-weight:500 ; color:#111111 ; letter-spacing:-1px ;  
    padding-bottom:20px ; border-bottom:solid 2px #444444 }

#SYP_EN_more , #SYP_EN_more b , #SYP_EN_more span { display:block ; overflow:hidden }
#SYP_EN_more , #SYP_EN_more b { width:20px ; height:20px }
#SYP_EN_more b { transition:0.3s all ; opacity:0.3  }
#SYP_EN_more , #SYP_EN_more span { position:absolute }
#SYP_EN_more { right:5px ; top:5px }
#SYP_EN_more span { left:50% ; top:50% ; width:16px ; height:2px ; background-color:#000000 }
#SYP_EN_more span:nth-child(1) { transform:translate(-50%,-50%) }
#SYP_EN_more span:nth-child(2) { transform:translate(-50%,-50%) rotate(90deg) }
#SYP_EN_more:hover b { opacity:0.7 } 

#SYP_etc_news , .SYP_etc_bnr.inquiry { margin-bottom:30px }
#SYP_etc_news { text-align:left;  }
#SYP_etc_news li , .SYP_EN_link , .SYP_EN_date { transition:0.3s all }
#SYP_etc_news li { width: 100%;  float: left; padding:15px 0px ; border-bottom:solid 1px rgba(0,0,0,0.1) }
.SYP_EN_link , .SYP_EN_date { vertical-align:middle }
.SYP_EN_link { font-size:1em ; line-height:1.4em }
.SYP_EN_date { 
    display:block ; overflow:hidden ; float:right ; padding-top:5px ; margin-left:10px ;  
    font-size:0.8em ; line-height:1.1em ; width:90px ; text-align:right   }
.SYP_EN_date span { font-size:inherit ; color:inherit ; line-height:inherit }
li .SYP_EN_date span:nth-child(2) , li .SYP_EN_date span:nth-child(3) { display: none;}
#SYP_etc_news li:hover { border-color:rgba(0,0,0,0.3) }
#SYP_etc_news li:hover .SYP_EN_link { color:#111111 }

.SYP_etc_bnr , .SYP_EB_inner , .SYP_EB_txt { display:inline-block ; overflow:hidden } 
.SYP_etc_bnr , .SYP_EB_inner { width:300px ; height:230px }
.SYP_etc_bnr { 
    position:relative ; margin:10px 0px ; border-radius:4px ; 
    background-repeat:no-repeat ; background-position:center center }
.SYP_EB_inner { background-color:rgba(0,0,0,0.4) ; position:relative }
.SYP_etc_bnr.inquiry { background-image:url(../images/main_bnr_img1.jpg) }
.SYP_etc_bnr.map { background-image:url(../images/main_bnr_img2.jpg) }
.SYP_etc_bnr h3 , .SYP_etc_bnr p { display:block ; overflow:hidden }
.SYP_etc_bnr h3 , .SYP_etc_bnr p { text-align:center ; color:#ffffff ; line-height:1.4em ; padding:0px 10px   }
.SYP_etc_bnr h3 { font-size:1.6em ; font-weight:500 ; margin-bottom:10px   }
.SYP_etc_bnr p { font-size:0.8em ; opacity:0.8 ; font-weight:100 ; margin-bottom:20px }
.SYP_EB_txt { 
    width:100% ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) }

.SYP_EB_link , .SYP_EB_link span { display:inline-block ; overflow:hidden }
.SYP_EB_link span { 
    width:10px ; height:1em ; background:url(../images/main_bnr_icon.png) no-repeat left center ;
    margin-left:5px ; opacity:0.5  }
.SYP_EB_link { border-radius:4px }
.SYP_EB_link b { 
    display:block ; overflow:hidden ; padding:15px 20px ;
    font-size:0.8em ; line-height:1em ; color:#ffffff ; font-weight:500 ;
    background:url(../images/main_bnr_light.png) no-repeat 0px 0px }
.inquiry .SYP_EB_link { background-color:#2b55b1 }
.map .SYP_EB_link { background-color:#49a93c }

.SYP_EB_link b , .SYP_EB_link span , .SYP_EB_inner , .SYP_etc_bnr p , .SYP_EB_link { transition:0.3s all }
.SYP_etc_bnr:hover .SYP_EB_inner { background-color:rgba(0,0,0,0.6) }
.SYP_etc_bnr:hover p { opacity:1 }
.SYP_etc_bnr:hover .SYP_EB_link b { background-position:-40px 0px }
.SYP_etc_bnr.inquiry:hover .SYP_EB_link { background-color:#254897 }
.SYP_etc_bnr.map:hover .SYP_EB_link { background-color:#46933c }
.SYP_etc_bnr:hover .SYP_EB_link span { opacity:1 }





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


    /* VISUAL */ 
    #visual_slide { height:100vh ; min-height:800px ; overflow:hidden ; margin:0px ; margin-bottom:180px  }
    #VS_inner ,#VS_ul , .VS_li , #VS_slide, .slide_box { height:100% }
    .slide_box { background-color:rgba(0,0,0,0.2) }
    .slide_title { 
        font-family:'Nanum Myeongjo',serif ; font-size:2.8em ; font-weight:normal ; letter-spacing:-2px ; 
        margin-bottom:40px  }
    .slide_title br { display:block }
    .slide_txt { font-size:1em ; opacity:0.9 }
    
    #VS_ul .first .slide_title ,#VS_ul .first .slide_txt ,#VS_ul .first .slide_more { transition:0s all }
    .show .slide_title , .show .slide_txt , .show .slide_more { opacity:1 }  
    .slide_title , .slide_txt , .slide_more { opacity:0 ; transition:all 0.3s ; color:#ffffff } 
    .show .slide_title , .show .slide_txt , .show .slide_more {  transition:all 0.9s }
    .show .slide_title { transition-delay:0.3s } 
    .show .slide_txt   { transition-delay:0.6s } 
    .show .slide_more  { transition-delay:1s }    
    .show .slide_more:hover , .show .slide_more:focus { transition:0.3s all }
 
    .slide_btn_pp { left:1%  ; bottom:20px ; background-color:rgba(0,0,0,0.5)  } 
    #slide_page_nav { width:1100px ; text-align:center ; right:50% ; top:82% ; transform:translateX(50%) }
    #slide_page_nav button { background-color:#ffffff } 
    #slide_page_nav li , #slide_page_nav li.now { width:60px ; height:3px  } 
    
    .slide_txt { margin-bottom:50px } 
    .slide_more { padding:15px 40px ; color:rgba(255,255,255,0.6) ; font-weight:400 }    
    .slide_arrow { opacity:0.5 ; top:50% ; width:100px ; height:30px ; background-image:url(../images/slide_pn.png) }
    .slide_arrow.prev { left:1% }
    .slide_arrow.next { right:1% ; background-position:-100px 0px }
    
    #visual_txt , .slide_box_txt { padding:0px ; width:1100px }
    #visual_txt strong , #visual_txt span , .slide_box_txt strong , .slide_box_txt span { text-align:left }
    #visual_txt strong , .slide_box_txt strong { font-size:3.4em ; margin-bottom:20px }
    #visual_txt span , .slide_box_txt span { font-size:1.2em ; padding-left:5px ; opacity:0.9 }
 
    .slide2 .slide_box_txt strong , .slide2 .slide_box_txt span ,
    .slide3 .slide_box_txt strong , .slide3 .slide_box_txt span { text-align:right ; padding-right:20px ; box-sizing:border-box }
    .slide2 .slide_box_txt , .slide3 .slide_box_txt { top:45% }
    
    
    /* MAIN CTS */ 
    #SYP_cts {  
        position:absolute ; left:50% ; top:100vh ; z-index:60  ; transform:translate(-50%,-50%) ; opacity:0 ;  
        width:1100px ; margin:auto ; box-shadow:0px 1px 3px rgba(0,0,0,0.3) }
    #SYP_cts.show { transition:0.3s all ; transform:translate(-50%,-60%) ; opacity:1 }
    #SYP_cts_list li { width:25% }
    .SYP_cts_box { background:url(../images/dot_w10.png) no-repeat right center ; background-size:1px 60% ; padding:25px 10px  }
    .SYP_cts_box.box4 { background:none }
    .SYP_cts_box > a { background-image:url(../images/main_box_light.png) ; border:0px }
    .SYP_cts_box.box1 > a { background-position:0px 0px }
    .SYP_cts_box.box2 > a { background-position:-275px 0px }
    .SYP_cts_box.box3 > a { background-position:-550px 0px }
    .SYP_cts_box.box4 > a { background-position:-825px 0px }
    .SYP_cts_box:hover > a { opacity:0.1 } 
     
    
 
    /* MAIN MAJOR */ 
    #SYP_major { width:1100px ; margin:auto ; margin-bottom:90px }
    .SYP_major_li { opacity:0 ; max-width:270px ; float:left ; margin:0px } 
    .SYP_major_li.li2  { margin-bottom:90px ;  }
    .show .SYP_major_li { opacity:1 ; transition:0.3s all }
    .show .SYP_major_li.li1 { transition-delay:0.6s ; margin-top:60px }
    .show .SYP_major_li.li2 { transition-delay:0.2s }
    .show .SYP_major_li.li3 { transition-delay:0.4s ; margin-top:90px }
    .show .SYP_major_li.li4 { transition-delay:1s ;  margin-top:30px}
    
    
    /* MAIN CASE */ 
    .SYP_case_txt h3 { word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis }
    #SYP_case { padding:90px 0px ; margin-bottom:100px }
    #SYP_case_list , .SYP_case_li { margin:0px ; padding:0px }
    #SYP_case_list { width:100% ; max-width:2000px ; margin:auto ; margin-bottom:40px }
    .SYP_case_li { display:block ; overflow:hidden ; float:left ; width:20% ; max-width:400px }
    .SYP_case_img { margin-bottom:50px }
    .SYP_case_txt { width:80% ; position:absolute ; bottom:0px ; left:50% ; transform:translateX(-50%) }
    
    
    
    /* SYP ETC */
    #SYP_etc { padding:0px ; width:1100px ; margin:auto ; margin-bottom:100px  }
    #SYP_etc_news h3 { padding-bottom:15px }
    #SYP_etc_news , .SYP_etc_bnr.inquiry , .SYP_etc_bnr.map { margin:0px ; display:block ; float:left }
    #SYP_etc_news { width:1100px ; margin:10px 0}
    #SYP_etc_news li{ width: 45%; padding:10px 0px ; position:relative;margin-left:4% }
    #SYP_etc_news li , .SYP_EN_link , .SYP_EN_date , li .SYP_EN_date span { display:block ; overflow:hidden }

    #SYP_etc_notice h3 { padding-bottom:15px }
    #SYP_etc_notice , .SYP_etc_bnr.inquiry , .SYP_etc_bnr.map { margin:0px ; display:block ; float:left }
    #SYP_etc_notice { width:420px ; margin-right:60px }
    .SYP_etc_bnr.inquiry { margin-right:20px }

    .SYP_EN_date { 
        position:absolute ; top:50% ; left:100% ; transform:translate(-100%,-50%) ;  
        text-align:right ; margin:0px  }
    
    #SYP_etc_notice li:nth-child(1) { padding:10px 0px ; position:relative }
    li .SYP_EN_link , li .SYP_EN_date { float:none }
    li .SYP_EN_link {  
        position:absolute ; right:0px ; top:50% ; transform:translateY(-50%) ; width:340px }
    li .SYP_EN_date { 
        position:relative ; left:auto ; top:auto ; 
        width:60px ; height:60px ; transform:none ;   
        background:url(../images/main_notice_light.png) no-repeat 0px 0px #3869d3 ; padding:0px ; margin:0px }
    li .SYP_EN_date span { 
        position:absolute ; left:50% ; transform:translateX(-50%) ; 
        color:#ffffff ; line-height:1.2em ; text-align:center }
    li .SYP_EN_date span:nth-child(1) { display:none }
    li .SYP_EN_date span:nth-child(2) , li .SYP_EN_date span:nth-child(3) {  display: block; width:100% ; text-align:center  }
    li .SYP_EN_date span:nth-child(2) { bottom:10px  }
    li .SYP_EN_date span:nth-child(3) { top:7px ; font-size:1.86em ; font-weight:500   }
    li:hover .SYP_EN_date { background-color:#49a93c }
     
    
     
}