/*_pc*/
@media all and (min-width:1201px) {	 
    
    /*상단 타이틀*/
    .h2_tit{text-align:center;margin:80px 0 50px}
    .h2_tit .tit{font-size:56px;font-weight:900}
    
    /*상단 카테고리*/
    .s_cate{display:flex;position:relative;z-index:10;justify-content: center;margin:50px 0}
    .s_cate .boxG{display:flex;border:1px solid #ddd;border-radius:5px;}
    .s_cate .home a{display:block;line-height:55px;width:80px;;background:url('../images/sub/ico_home.png') no-repeat center;text-indent:-9999px}
    .s_cate .depth{position:relative;}
    .s_cate .depth:before{content:'';border-left:1px solid #aaa;height:10px}
    .s_cate .depth .current{display:inline-block;position:relative;width:235px;line-height:55px;padding-left:20px;font-size:16px;;cursor:pointer;}
    .s_cate .depth .current:after{content:'';display:inline-block;float:right;width:55px;height:55px;background:url('../images/sub/ico_arrow.png') no-repeat center;transition:0.3s}
    .s_cate .depth.on .current:after{transform:rotate(180deg)}
    .s_cate .depth .sub{display:none;position:absolute;z-index:9;left:0;width:calc(100% + 1px);border:1px solid #ddd;border-top:0;border-radius:0 0 5px 5px;top:56px;padding:10px 0;background:#fff;overflow:hidden;}
    .s_cate .depth .sub li{}
    .s_cate .depth .sub li a{display:inline-block;font-size:16px;padding:0 20px;line-height:35px}
    .s_cate .depth .sub li.on a{color:var(--main-color-light)}

    
    /*비주얼영역*/
    .s_visual{margin:80px 0}
    .s_visual .visual{height:450px;border-radius:20px;overflow:hidden}
    .s_visual.s01 .visual{background:url('../images/sub/s01_visual.jpg') no-repeat center /cover}

    
    /*서브컨텐츠 전체영역*/
    .s_content{margin:50px 0}
    .s_content .container{display:flex;align-items:flex-start;gap:80px}
    
    
    /*좌측메뉴영역*/
    .lay_menu{position:sticky;top:100px;width:215px}
    .lay_menu .menu{border-top:1px solid #a7a7a7}
    .lay_menu .menu li{border-bottom:1px solid #a7a7a7}
    .lay_menu .menu li a{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:18px;padding:0 15px;height:72px;color:#999;line-height:1.2;transition:0.3s}
    .lay_menu .menu li a:after{content:'';min-width:8px;height:8px;border-radius:50%;background:#fff}
    .lay_menu .menu li a:hover,
    .lay_menu .menu li.on a{background:var(--main-color);color:#fff}
    .lay_menu .menu li.on a{font-weight:600}

    /*우측 본문영역*/
    .lay_content{flex:1}

    /*본문영역 공통*/
    .h3_tit{padding-bottom:50px;border-bottom:1px solid #ddd}
    .h3_tit .tit{font-size:48px}
    .h3_tit .desc{font-size:18px;;margin:20px 0}

    .h4_tit{margin:20px 0}
    .h4_tit .tit{display:flex;align-items:center;gap:15px;font-size:36px}
    .h4_tit .tit:before{content:'';display:inline-block;border-left:5px solid #000;height:35px}
    .h4_tit .desc{font-size:18px;margin:20px 0}

    
    /*개별페이지*/
    .s0101_sec1{margin:120px 0 140px}
    .s0101_sec1 .info_atcle .info{margin:30px 0}
    .s0101_sec1 .info_atcle .info ul{display:flex;gap:25px}
    .s0101_sec1 .info_atcle .info li{border:1px solid #ddd;line-height:50px;border-radius:50px;padding:0 25px}
    .s0101_sec1 .info_atcle .thumb{margin:50px 0}
    .s0101_sec1 .info_atcle .thumb ul{display:flex;gap:55px}
    .s0101_sec1 .info_atcle .thumb li{}
}

    

/*_mobile*/
@media all and (max-width:1200px) {
    
    
/*상단 타이틀*/
    .h2_tit{text-align:center;margin:50px 0 30px}
    .h2_tit .tit{font-size:30px;font-weight:900}
    
    /*상단 카테고리*/
    .s_cate{display:flex;position:relative;z-index:10;justify-content: center;margin:30px 0}
    .s_cate .boxG{display:flex;border:1px solid #ddd;border-radius:5px;}
    .s_cate .home a{display:block;line-height:40px;width:50px;;background:url('../images/sub/ico_home.png') no-repeat center /16px;text-indent:-9999px}
    .s_cate .depth{position:relative;}
    .s_cate .depth:before{content:'';border-left:1px solid #aaa;height:8px}
    .s_cate .depth .current{display:inline-block;position:relative;width:130px;line-height:40px;padding-left:10px;font-size:12px;;cursor:pointer;}
    .s_cate .depth .current:after{content:'';display:inline-block;float:right;width:40px;height:40px;background:url('../images/sub/ico_arrow.png') no-repeat center /14px;transition:0.3s}
    .s_cate .depth.on .current:after{transform:rotate(180deg)}
    .s_cate .depth .sub{display:none;position:absolute;z-index:9;left:0;width:calc(100% + 1px);border:1px solid #ddd;border-top:0;border-radius:0 0 5px 5px;top:41px;padding:10px 0;background:#fff;overflow:hidden;}
    .s_cate .depth .sub li{}
    .s_cate .depth .sub li a{display:inline-block;font-size:12px;padding:0 10px;line-height:25px}
    .s_cate .depth .sub li.on a{color:var(--main-color-light)}

    
    /*비주얼영역*/
    .s_visual{margin:50px 0}
    .s_visual .visual{height:200px;border-radius:10px;overflow:hidden}
    .s_visual.s01 .visual{background:url('../images/sub/s01_visual.jpg') no-repeat center /cover}

    
    /*서브컨텐츠 전체영역*/
    .s_content{margin:30px 0}
    .s_content .container{}
    
    
    /*좌측메뉴영역*/
    .lay_menu{display:none;}

    /*우측 본문영역*/
    .lay_content{}

    /*본문영역 공통*/
    .h3_tit{padding-bottom:30px;border-bottom:1px solid #ddd}
    .h3_tit .tit{font-size:24px}
    .h3_tit .desc{font-size:13px;;margin:15px 0}

    .h4_tit{margin:20px 0}
    .h4_tit .tit{display:flex;align-items:center;gap:10px;font-size:24px}
    .h4_tit .tit:before{content:'';display:inline-block;border-left:5px solid #000;height:25px}
    .h4_tit .desc{font-size:13px;margin:20px 0}

    
    /*개별페이지*/
    .s0101_sec1{margin:60px 0 0}
    .s0101_sec1 .info_atcle .info{margin:20px 0}
    .s0101_sec1 .info_atcle .info ul{display:flex;flex-wrap:wrap;gap:5px}
    .s0101_sec1 .info_atcle .info li{width:calc((100% - 10px)/2);border:1px solid #ddd;line-height:33px;border-radius:40px;padding:0 10px;white-space: nowrap; text-align:center}
    .s0101_sec1 .info_atcle .info li.wide{}
    .s0101_sec1 .info_atcle .thumb{margin:30px 0}
    .s0101_sec1 .info_atcle .thumb ul{}
    .s0101_sec1 .info_atcle .thumb li{margin:20px 0}


}

@media all and (max-width:440px) {
    .s0101_sec1 .info_atcle .info ul.wide li{width:100%}
}