@charset "UTF-8";

#skip{position:absolute;top:0;right:0;width:100%;height:15px;text-align:center;}
#skip li a{display:block;position:absolute;top:0;left:-10000px;width:100%;height:1px;text-align:center;z-index:0;}
#skip li a:hover,#skip li a:focus,#skip li a:active{top:0;left:0;height:25px;padding:5px 0 0;background:#363636;color:#fff;z-index:9999;}
.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em;}
.blind02{display:block;overflow:hidden;position:absolute;top:0;left:-5000%;width:0;height:0;font-size:1.8em;}
.hide{display:none!important;margin:0;padding:0;}
.skip{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);}

/* 헤더 */
#header{position:relative;width:100%;background:#fff;z-index:100;}
#header .wrap{position:relative;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;}

.header_top{height:40px;border-bottom:1px solid #e5e5e5;background:#fff;}
.header_top .wrap{height:100%;}
.site_link{height:100%;}
.site_link ul{display:flex;align-items:center;height:100%;margin:0;padding:0;}
.site_link li{margin-right:20px;}
.site_link li:last-child{margin-right:0;}
.site_link a{display:block;position:relative;padding-right:18px;color:#767676;font-size:13px;line-height:39px;white-space:nowrap;}
.site_link a:after{position:absolute;top:50%;right:-3px;width:14px;height:14px;background:url("/images/2026/common/common.png") no-repeat -61px -48px;transform:translateY(-50%);content:"";}

.header_box{position:relative;height:100px;border-bottom:1px solid #e5e5e5;background:#fff;box-sizing:border-box;}
.header_box>.wrap{display:flex;align-items:center;justify-content:space-between;height:100%;}
.logo{position:relative;margin:0;z-index:10;}
.logo a{display:block;width:260px;height:42px;background:url("/images/2026/02main/logo_lay.png") no-repeat left center;background-size:117px 32px;}
.logo a span{display:flex;align-items:center;height:42px;padding-left:135px;color:#333;font-size:20px;font-weight:600;line-height:42px;white-space:nowrap;box-sizing:border-box;}

.lnb{position:static;width:auto;height:auto;margin-left:auto;background:transparent;}
.lnb_bg{display:none;}
.header_btn{display:flex;align-items:center;justify-content:flex-end;margin-left:20px;}

.sitemap{display:none;}
.menu_show{display:block;width:30px;height:30px;padding:0;border:0;background:url("/images/2026/common/common.png") no-repeat -132px -44px;background-color:transparent;font-size:0;cursor:pointer;}

/* 모바일 메뉴 */
.menu{position:fixed;top:0;right:0;width:380px;max-width:calc(100% - 22px);height:100vh;margin:0;padding:140px 0 0;background:#f7f7f7;box-sizing:border-box;transform:translateX(100%);transition:transform .25s ease-in-out;z-index:200;}
#header.menu_on .menu{transform:translateX(0);}
.menu:before{position:absolute;top:0;left:0;width:100%;height:100px;border-radius:0 0 20px 20px;background:linear-gradient(145deg,#36449c 0%,#ed8a9d 100%);content:"";z-index:1;}
.menu:after{position:absolute;top:34px;left:25px;width:117px;height:32px;background:url("/images/2026/02main/logo_lay.png") no-repeat left center;background-size:117px 32px;filter:brightness(0) invert(1);content:"";z-index:2;}

.depth1{position:relative;width:100%;height:100%;}
.depth1>ul{position:relative;width:100%;height:100%;margin:0;padding:25px 0 30px 21px;box-sizing:border-box;}
.depth1>ul>li{position:static;width:140px;margin:0;padding:0;}
.depth1_text{display:block;position:relative;z-index:2;width:140px;margin:0 0 10px;padding:12px 17px;color:#4a4f66;font-size:15px;font-weight:500;line-height:20px;word-break:keep-all;box-sizing:border-box;}
.depth1>ul>li.on>.depth1_text{border-radius:0 20px 20px 20px;background:linear-gradient(145deg,#7076d5 0%,#1d2088 100%);box-shadow:12px 9px 40px rgba(24,36,70,.15);color:#fff;}

.depth2{visibility:hidden;opacity:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;right:0;width:calc(100% - 150px);height:100%;margin:0;padding:0;border-radius:20px 0 0 0;background:#fff;box-shadow:0 5px 25px rgba(15,20,38,.1);box-sizing:border-box;transition:visibility .2s,opacity .2s;}
.depth1>ul>li.on>.depth2{visibility:visible;opacity:1;}
.menu_title{display:none;}
.depth2>ul{display:block;width:100%;margin:0;padding:25px 20px 25px 25px;box-sizing:border-box;}
.depth2>ul>li{display:block;width:100%;margin:0;padding:0;}
.depth2_text{display:block;position:relative;width:100%;padding:8px 23px 11px 0;font-size:14px;font-weight:500;line-height:26px;box-sizing:border-box;}
.depth2>ul>li.on>.depth2_text{border-bottom-color:#3f65d9;color:#3f65d9;}

.lnb_curtain{visibility:hidden;opacity:0;display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);transition:visibility .25s,opacity .25s;z-index:190;}
#header.menu_on .lnb_curtain{visibility:visible;opacity:1;}
.lnb_curtain button{display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;font-size:0;cursor:pointer;}

.menu_hide{display:none;}
#header.menu_on .menu_hide{display:block;position:fixed;top:34px;right:35px;width:30px;height:30px;z-index:220;}
.menu_hide button{position:relative;width:30px;height:30px;margin:0;padding:0;border:0;background:transparent;font-size:0;cursor:pointer;}
.menu_hide button:before,.menu_hide button:after{position:absolute;top:14px;left:3px;width:25px;height:2px;background:#fff;content:"";}
.menu_hide button:before{transform:rotate(45deg);}
.menu_hide button:after{transform:rotate(-45deg);}
#header.menu_on .header_btn{visibility:hidden;}

/* 푸터 */
#footer{width:100%;background:#fff;color:#333;}
.ft_wrap{width:calc(100% - 38px);max-width:1600px;margin:0 auto;}

.ft_top{border-top:1px solid #eee;border-bottom:1px solid #eee;}
.ft_top .ft_wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;}
.ft_logo{display:flex;align-items:center;gap:5px;min-width:0;text-decoration:none;}
.ft_logo img{display:block;width:auto;height:24px;}
.ft_text{color:#222;font-size:18px;font-weight:600;}
.ft_site{display:flex;align-items:center;justify-content:center;gap:12px;width:110px;height:35px;border:1px solid #e5e5e5!important;border-radius:30px;box-sizing:border-box;color:#333;font-size:14px;text-decoration:none;}
.ft_site:after{display:block;width:6px;height:6px;border-top:1px solid #888;border-right:1px solid #888;transform:rotate(45deg);content:"";}
.ft_site:hover{background:#f8f8f8;}

.ft_bottom .ft_wrap{display:flex;flex-direction:column;padding:20px 0 25px;}
.ft_info{min-width:0;}
.ft_contact{display:flex;flex-direction:column;gap:2px;color:#444;font-size:14px;line-height:1.5;}
.ft_contact address{font-style:normal;}
.ft_contact p{margin:0;}
.ft_copy{margin:20px 0 0;color:#969696;font-size:14px;line-height:1.5;}

.ft_sns{display:flex;align-self:flex-end;order:-1;gap:6px;margin:0 0 14px;padding:0;list-style:none;}
.ft_sns li{margin:0;padding:0;}
.ft_sns a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e7e7e7;border-radius:50%;box-sizing:border-box;transition:background .3s,border-color .3s;}
.ft_sns a:before{display:block;width:20px;height:20px;background-image:url("/upload_data/board_data/BBS_0000130/179454679559397.png");background-repeat:no-repeat;content:"";}
.ft_sns .sns_insta:before{background-position:-131px -103px;}
.ft_sns .sns_face:before{background-position:-198px -103px;}
.ft_sns .sns_youtube:before{background-position:-263px -103px;}
.ft_sns .sns_naver:before{background-position:-328px -103px;}
.ft_sns .sns_band:before{background-position: -365px -102px;}

.ft_sns a:hover{background:#f7f7f7;border-color:#ccc;}

/* 태블릿 */
@media(min-width:768px){
    #header .wrap{padding:0 30px;}
    .site_link a{font-size:14px;}
    .logo a{width:280px;}
    .logo a span{font-size:21px;}
    .menu_show{width:32px;height:32px;}
    .menu{width:380px;max-width:380px;}

    .ft_wrap{width:calc(100% - 65px);}
    .ft_top .ft_wrap{min-height:75px;}
    .ft_logo img{height:24px;}
    .ft_text{font-size:18px;}
    .ft_site{width:120px;height:38px;font-size:13px;}
    .ft_bottom .ft_wrap{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:25px;padding:35px 0 50px;}
    .ft_contact{font-size:14px;}
    .ft_copy{margin-top:10px;font-size:14px;}
    .ft_sns{align-self:auto;order:0;flex-shrink:0;gap:8px;margin:0;}
    .ft_sns a{width:36px;height:36px;}
}

/* PC */
@media(min-width:1200px){
    #header .wrap{width:calc(100% - 80px);max-width:1600px;padding:0;}
    .site_link ul{justify-content:flex-end;}
    .site_link a{font-size:14px;}

    .header_box,.header_box>.wrap{height:100px;}
    .logo{flex:0 0 310px;margin:0;z-index:50;}
    .logo a{width:280px;}
    .logo a span{font-size:21px;color:#222;}

    .lnb{position:static;display:flex;align-items:center;flex:1;width:auto;height:100px;margin:0;background:transparent;}
    .menu{position:static;display:block;width:100%;max-width:none;height:100px;margin:0;padding:0;background:transparent;transform:none;transition:none;z-index:auto;}
    .menu:before,.menu:after{display:none;}

    .depth1{position:static;width:100%;height:100px;}
    .depth1>ul{display:flex;align-items:center;justify-content:flex-end;position:static;width:100%;height:100%;margin:0;padding: 0 120px 0 0;box-sizing:border-box;}
    .depth1>ul>li{position:static;width:auto;height:100%;margin: 0 50px;padding:0;}
    .depth1_text{display:flex;align-items:center;position:relative;width:auto;height:100%;margin:0;padding:0;color:#333;font-size:19px;font-weight:500;line-height:1;white-space:nowrap;}
    .depth1_text:before{position:absolute;right:0;bottom:0;left:0;width:0;height:3px;margin:auto;background:#5861de;content:"";transition:width .2s ease;}
    .menu.on .depth1>ul>li.on>.depth1_text{border-radius:0;background:none;box-shadow:none;color:#5861de;font-weight:600;}
    .menu.on .depth1>ul>li.on>.depth1_text:before{width:100%;}

    .depth2{visibility:hidden;opacity:0;overflow:hidden;position:absolute;top:100px;right:auto;left:50%;width:100vw;height:0;margin:0;padding:0;border-top:1px solid #eee;border-radius:0;background:#fff;box-shadow:0 12px 25px rgba(0,0,0,.08);box-sizing:border-box;transform:translateX(-50%);pointer-events:none;transition:height .3s ease,opacity .2s ease,visibility 0s linear .3s;z-index:30;}
    .menu.on .depth1>ul>li.on>.depth2{visibility:visible;opacity:1;min-height: 400px;pointer-events:auto;transition:height .3s ease,opacity .2s ease,visibility 0s;}
    .depth2:before{position:absolute;bottom:-150px;left:-28px;width:566px;height:401px;background:url("/images/2026/02main/menu_bg.png") no-repeat left bottom;background-size:contain;content:"";z-index:1;}

    .menu_title{display:block;position:absolute;top:0;left:50%;width:calc(100% - 80px);max-width:1600px;height:100%;margin:0;padding:48px 0 0 40px;box-sizing:border-box;transform:translateX(-50%);pointer-events:none;z-index:2;}
    .menu_title span{display:block;width:250px;color:#5861de;font-size:27px;font-weight:700;line-height:38px;word-break:keep-all;}

    .depth2>ul{display:grid;grid-template-columns: repeat(5,minmax(180px,230px));gap:30px 24px;position:relative;width: 1400px;height:auto;margin:0 auto;padding: 50px 0 60px 120px;box-sizing:border-box;z-index:2;}
    .depth2>ul>li{display:block;width:auto;margin:0;padding:0;}
    .depth2_text,.depth2_text:visited{display:flex;align-items:center;width:100%;min-height:50px;padding:10px 20px;border:1px solid #d5d7dd!important;border-radius:10px;background:#fff;color:#333;font-size:16px;font-weight:500;line-height:28px;box-sizing:border-box;transition:border-color .2s,color .2s,box-shadow .2s;}
    .depth2_text:hover{border-color:#5861de!important;color:#5861de;box-shadow:0 5px 15px rgba(55,101,223,.08);}

    .header_btn{position:absolute;top:50%;right:0;display:flex;align-items:center;margin:0;visibility:visible;transform:translateY(-50%);z-index:50;}
    .sitemap{display:flex;align-items:center;gap:8px;width:auto;height:30px;}
    .sitemap:before{display:block;flex:0 0 30px;width:30px;height:30px;background: url("/images/2026/common/common.png") no-repeat -132px -41px;content:"";}
    #header .header_btn .sitemap span{display:block;margin:0;padding:0;color:#333;font-size:15px;}
    .menu_show,.menu_hide,.lnb_curtain{display:none!important;}
    #header.menu_on .header_btn{visibility:visible;}

    .ft_wrap{width:calc(100% - 64px);}
    .ft_top .ft_wrap{min-height:90px;}
    .ft_logo img{height:28px;}
    .ft_text{font-size:20px;}
    .ft_site{width:130px;height:44px;font-size:14px;}
    .ft_bottom .ft_wrap{padding:45px 0 70px;}
    .ft_contact{flex-direction:row;gap:100px;font-size:16px;}
    .ft_copy{margin-top:10px;font-size:16px;}
    .ft_sns{gap:10px;}
    .ft_sns a{width:40px;height:40px;}
    .ft_sns a:before{width:20px;height:20px;}
}

@media(min-width:1200px) and (max-width:1400px){
    .depth1>ul{padding-right: 100px;}
    .depth1>ul>li{margin: 0px 30px;}
    .depth1_text{font-size:17px;}
    .depth2>ul{width:820px;grid-template-columns:repeat(3,1fr);}
    .menu_title{padding-left:20px;}
    .menu_title span{width:210px;font-size:24px;}
    
}


/* 3차메뉴 */
#header .depth2>ul>li>ul{display:block;position:static;width:100%;height:auto;margin:0 0 14px;padding:0 0 0 4px;list-style:none;box-sizing:border-box;}
#header .depth2>ul>li>ul>li{display:block;float:none;width:100%;margin:0;padding:0;border:0;background:none;box-sizing:border-box;}
#header .depth3_text,#header .depth3_text:visited{display:flex;align-items:baseline;gap:7px;position:relative;width:100%;margin:0;padding:4px 0;border:0;background:none;color:#7c8799;font-size:13px;font-weight:400;line-height:20px;text-align:left;text-decoration:none;word-break:keep-all;overflow-wrap:anywhere;box-sizing:border-box;}
#header .depth3_text:before{display:block;flex:0 0 3px;width:3px;height:3px;border-radius:50%;background:#d3d7df;content:"";}
#header .depth3_text:hover{color:#5861de;text-decoration:underline;text-underline-offset:3px;}

/* 4차메뉴 */
#header .depth2>ul>li>ul>li>ul{display:none;position:static;width:auto;height:auto;margin:4px 0 10px 10px;padding:6px 10px;border:0;border-radius:6px;background:#f5f5fa;list-style:none;box-sizing:border-box;}
#header .depth2>ul>li>ul>li>ul>li{display:block;float:none;width:100%;margin:0;padding:0;border:0;background:none;box-sizing:border-box;}
#header .depth2>ul>li>ul>li>ul>li>a{display:block;position:relative;width:100%;margin:0;padding:5px 0 5px 10px;border:0;background:none;color:#777;font-size:12px;font-weight:400;line-height:20px;text-align:left;text-decoration:none;word-break:keep-all;overflow-wrap:anywhere;box-sizing:border-box;}
#header .depth2>ul>li>ul>li>ul>li>a:before{position:absolute;top:14px;left:0;width:4px;height:1px;background:#aaa;content:"";}
#header .depth2>ul>li>ul>li>ul>li>a:hover,#header .depth2>ul>li>ul>li>ul>li>a:focus{color:#5861de;text-decoration:underline;text-underline-offset:3px;}

@media(max-width:1199.98px){
    #header .menu{height:100vh;height:100dvh;}
    #header .depth2{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;}
    #header .depth2>ul>li>ul>li.has_sub>.depth3_text{padding-right:22px;}
    #header .depth2>ul>li>ul>li.has_sub>.depth3_text:after{position:absolute;top: 10px;right:5px;width:6px;height:6px;border-right: 1px solid #ababab;border-bottom: 1px solid #ababab;transform:rotate(45deg);content:"";}
    #header .depth2>ul>li>ul>li.has_sub.on>.depth3_text{color:#5861de;font-weight:500;}
    #header .depth2>ul>li>ul>li.has_sub.on>.depth3_text:after{top:12px;border-color:#5861de;transform:rotate(225deg);}
    #header .depth2>ul>li>ul>li.has_sub.on>ul{display:block;}
}

@media(min-width:1200px){
    #header .depth2>ul>li>ul{margin:10px 0 0;padding:0 18px;}
    #header .depth3_text,#header .depth3_text:visited{gap:10px;padding:3px 0;font-size:15px;line-height:22px;}
    #header .depth3_text:before{flex-basis:4px;width:4px;height:4px;}
    #header .depth2>ul>li>ul>li.has_sub>.depth3_text:after{display:none;}
    #header .depth2>ul>li>ul>li>ul{display:none;}
}            
.new_win{display:inline-block;position:relative;width: 14px;height: 14px;margin-left: 0;background:url("/images/2026/common/common.png") no-repeat -61px -48px;/* vertical-align:middle; */font-size:0;top: -3px;right: -1px;}