@charset "UTF-8";

/* 레이아웃 공통 */
body,html{position:relative; height:100%;}
body{overflow-x:hidden;position:relative;background-color:#ffff;color:#434752;font-size:16px;font-weight:400;font-family: "Wanted Sans" ,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo","Malgun Gothic","맑은 고딕","돋움",Dotum,Helvetica,Tahoma,Dotum,sans-serif;line-height:24px;letter-spacing: -0.025em;}
#header{position: fixed;z-index:30;width:100%;background-color:#fff;}
#container{position:relative;z-index:10;width:100%;background-color:#fff;padding-top: 110px;}
#footer{position:relative; z-index:20; width:100%; background-color:#fff;}
#screen{visibility:hidden; overflow:scroll; position:absolute; width:100px; height:100px;}
#wrapper{overflow:hidden; position:relative; width:100%;}
.wrap{position:relative;max-width: 1660px;margin-right:auto;margin-left:auto;padding-left: 30px;padding-right: 30px;}
@media (max-width:1000px){
    #container{padding-top:61px;}
    .wrap{padding-left:18px; padding-right:18px;}
}
@media (max-width:640px){
    body{font-size:14px; line-height:22px;}
}

/* 본문바로가기  */
.accessibility{overflow:hidden; position:absolute; top:0; left:0; z-index:3000; width:100%;}
.accessibility a{display:block; overflow:hidden; z-index:3000; width:1px; height:1px; margin:0 -1px -1px 0; font-size:0; text-align:center; line-height:0;}
#accessibility a:active,#accessibility a:hover,.accessibility a:focus{width:auto; height:30px; margin:0; padding:8px 0; background-color:#333; color:#fff; font-size:14px; line-height:16px;}

/* 그룹 */
#header .group{position:relative; z-index:30; width:100%;}
#header .group:before{display:block; position:absolute; top:0; left:50%; width:100vw; height:100%; background-color:#fff; transform:translateX(-50%);}

/* 로고 */
#header .logo{position:absolute; top:0; left:80px; z-index:30; height:0;}
#header .logo .logo_anchor{position:relative; z-index:10; margin-top:32px; font-size:0; line-height:0;}
#header .logo .logo_anchor img{height:47px;}
@media (max-width:1640px){
    #header .logo{left:30px;}
}
@media (max-width:1400px){
    #header .logo .logo_anchor{margin-top:38px;}
    #header .logo .logo_anchor img{height:35px;}
    @media (max-width:1000px){
        #header .logo{position:relative; z-index:10; height:auto;}
        #header .logo .logo_anchor{margin:12px 0;}
    }
    @media (max-width:640px){
        #header .logo .logo_anchor{margin:15px 0 11px 0;}
    }
}
@media (max-width:1000px){
    #header{border-bottom:1px solid #ddd;}
    #header .logo{left:18px;}
}

/* 메뉴 */
.menu.init,.menu.init .depth,.menu.init .depth:after,.menu.init .depth:before,.menu.init .depth_item,.menu.init .depth_item:after,.menu.init .depth_item:before,.menu.init .depth_list,.menu.init .depth_list:after,.menu.init .depth_list:before,.menu.init .depth_text,.menu.init .depth_text:after,.menu.init .depth_text:before,.menu.init .depth_title,.menu.init .depth_title:after,.menu.init .depth_title:before,.menu.init:after,.menu.init:before{transition-property:all; transition-duration:0.25s; transition-timing-function:ease-in-out;}
.menu,.menu .depth,.menu .depth_item,.menu .depth_list,.menu .depth_text{position:relative;}
.menu{font-size:0; line-height:0;}
.menu .depth:not(.depth1){opacity:0; visibility:hidden; overflow:hidden;}
.menu .depth1{z-index:30;}
.menu .depth_list{z-index:10;}
.menu .depth_text{display:inline-block;}

/* 1, 2차 메뉴 배경 */
.menu:after{display:block; position:absolute; z-index:20;}
.menu:after{}

/* 제목 상자 */
.menu .depth_title{overflow:hidden; position:absolute; z-index:20;}

/* 옵션 */
.menu .depth1.clearfix .depth1_list{float:right;}
.menu .depth_list.clearfix>.depth_item{float:left;}
.menu .depth_list.cut>.depth_item{display:inline-block; vertical-align:top;}

/* 이치 다운 */
.menu .depth1{height:inherit;}
.menu .depth1_item,.menu .depth1_list{position:static; height:inherit;}
.menu .depth2{position:absolute; left:0; bottom:0; width:100%;}

/* 주메뉴 */
.gnb{font-size:0; line-height:0;}
@media (min-width:1001px){
    /* 메뉴 열기, 메뉴 닫기 */
    .gnb .menu_hide,.gnb .menu_show{display:none;}
}
@media (max-width:1000px){
    /* 1, 2차 메뉴 배경 */
    .menu:after{display:none;}

    /* 제목 상자 */
    .menu .depth_title{display:none;}

    /* 옵션 */
    .menu .depth1.clearfix .depth1_list{float:none;}
    .menu .depth_list.clearfix>.depth_item{float:none;}
    .menu .depth_list.cut>.depth_item{display:block;}

    /* 이치 다운 */
    .menu.eachdown .depth1{height:auto;}
    .menu.eachdown .depth1_item,.menu.eachdown .depth1_list{position:relative; height:auto;}
    .menu.eachdown .depth2{position:relative; left:auto; bottom:auto;}

    /* 메뉴 영역 */
    .gnb:before{display:block; opacity:0; visibility:hidden; position:fixed; top:0; left:0; z-index:40; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); transition-property:visibility,opacity; transition-duration:0.25s; transition-timing-function:ease-in-out;}
    .gnb .menu{visibility:hidden; position:fixed; top:60px; right:-302px; z-index:50; width:302px; height:100%; transition-property:visibility,right; transition-duration:0.25s; transition-timing-function:ease-in-out; overflow-x:hidden;overflow-y:auto;}

    /* 메뉴 열었을 때 */
    .gnb_show,.gnb_show body{overflow:hidden;}
    .gnb_show .gnb .menu{visibility:visible; right:0;}
    .gnb_show .gnb:before{opacity:1; visibility:visible;}

    /* 1차 메뉴 */
    .gnb .menu .depth1{z-index:10;}

    /* 열기 버튼 */
    .gnb .menu_show{position:absolute; z-index:30;}

    /* 닫기 버튼 */
    .gnb .menu_hide{position:absolute; z-index:30;}
}

/* 주메뉴 */
@media (min-width:1001px){
    .gnb{position:relative; width:100%; height:110px; border-bottom:1px solid #ddd;}
    .gnb .menu{overflow:hidden; position:absolute; top:0; left:0; z-index:20; width:100%; height:100%; background-color:#fff; transition-property:height;}
    .gnb_open .gnb .menu{box-shadow:0 30px 54px 0 rgba(0, 0, 0, 0.3);}

    /* 메뉴 배경 */
    .gnb:before{display:block; opacity:0; visibility:hidden; position:fixed; top:0; left:0; z-index:10; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); content:''; transition-property:visibility,opacity; transition-duration:0.25s; transition-timing-function:ease-in-out;}
    .gnb_open .gnb:before{opacity:1; visibility:visible;}

    /* 메뉴 높이 */
    .gnb .menu .depth2,.gnb .menu:after{height:calc(100% - 110px);}

    /* 하단 배경 활성화 */
    .gnb_open .gnb .menu:after{opacity:1; visibility:visible;}

    /* 메뉴 상단 정보 */
    .gnb .menu_header{display:none;}

    /* 메뉴 제목 */
    .gnb .menu_title{display:none;}

    /* 1차 메뉴 */
    .gnb .menu .depth1_list{display:flex; width:100%; padding-right:60px; padding-left:0; justify-content:center;}
    .gnb .menu .depth1_item:first-child{margin-left:0;}
    .gnb .menu .depth1_text{display:inline-block; position:relative; margin:0 27px; color:#222; font-size:20px; font-weight:600; text-decoration:none; text-align:center; line-height:110px; transition-property:color;}
    .gnb .menu .depth1_text:before{display:block; position:absolute; left:50%; bottom:-1px; z-index:20; width:0; height:6px; background-color:#1e3c72; content:''; transform:translateX(-50%);}
    .gnb .menu .depth1_text:hover:before,
    .gnb .menu .depth1_item.active .depth1_text:before{width:100%;}

    /* 1차 메뉴 활성화 */
    .gnb .menu .depth1_item.active .depth1_text{text-decoration:none; word-break:keep-all;}
    .gnb .menu .depth1_item.active .depth1_text:before{opacity:1; visibility:visible;}

    /* 2차 타이틀 */
    .gnb .menu .depth2{overflow:visible; border-top:1px solid #ddd; background:url(../images/common/gnb_bg.png) no-repeat left bottom; transition-property:visibility,opacity; box-sizing:border-box;}
    .gnb .menu .depth2:before{display:block; position:absolute; top:0; left:50%; width:100vw; height:1px; background-color:#d7dde6; transform:translateX(-50%);}

    /* 1차메뉴 라인 */
    .gnb .menu .depth2_content{position:relative;}
    .gnb .menu .depth1_item.has .depth2_content{min-height:289px;}
    .gnb .menu .depth2_content .depth2_title{display:block; position:absolute; top:1px; width:349px; height:100%; padding:67px 0 0 80px;}
    .gnb .menu .depth2_content .depth2_title:before{display:block; position:absolute; top:0; right:0; width:50vw; height:100%; background-color:#f2f4f6;}
    .gnb .menu .depth2_content .depth2_title div{display:inline-block; position:relative; padding-right:20px; color:#1d4990; font-size:30px; font-weight:600; line-height:38px;}
    .gnb .menu .depth2_content .depth2_title div:before{display:block; position:absolute; top:0; right:0; width:8px; height:8px; border-radius:50%; background-color:#1d4990; content:'';}
    .gnb .menu .depth2_content .depth2_title p{margin-top:13px; color:#7b828d; font-size:17px;}

    /* 2차 메뉴 */
    .gnb .menu .depth1_item.active .depth2{opacity:1; visibility:visible; z-index:10;}
    .gnb .menu .depth2_list{display:flex; padding:74px 80px 80px calc(50% - 529px); flex-wrap:wrap;gap:30px 28px;}
    .gnb .menu .depth2_item{position:relative; width:calc((100% - 112px) / 5);}
    .gnb .menu .depth2_item:nth-child(5n){margin-right:0;}

    .gnb .menu .depth2_text{display:block; position:relative; height:52px; padding:0 22px; border:1px solid #d5d5d5; border-radius:13px 13px 0 13px; background:#fff url(../images/common/gnb_arrow.png) no-repeat right 20px center / 13.5px; color:#434343; font-size:18px; font-weight:500; text-decoration:none; line-height:24px; transition-property:border-color, background-color, color; transition-duration:.25s; transition-timing-function:ease-in-out; word-break:break-all;}
    .gnb .menu .depth2_item.active .depth2_text,
    .gnb .menu .depth2_text:hover{border-color:#1e3c72; background-image:url(../images/common/gnb_arrow_white.png); background-color:#1e3c72; color:#fff; font-weight:700;}
    .gnb .menu .depth2_text:after{display:inline-block; height:100%; content:''; vertical-align:middle;}
    .gnb .menu .depth2_text span{display:inline-block; vertical-align:middle;}

    /* sitemap */
    .gnb .menu .sitemap_item{margin-left:44px;}
    .gnb .menu .sitemap_item a{position:relative; width:40px; height:40px; margin-top:35px; font-size:0;}
    .gnb .menu .sitemap_item a span{display:inline-block; position:absolute; top:0; bottom:0; width:100%; height:2px; margin:auto 0; background-color:#222;}
    .gnb .menu .sitemap_item a span:before,
    .gnb .menu .sitemap_item a span:after{position:absolute; left:0; right:0; height:2px; background-color:#222; content:'';}
    .gnb .menu .sitemap_item a span:before{top:-8px;}
    .gnb .menu .sitemap_item a span:after{top:8px;}
}
@media (min-width:1001px) and (max-width:1640px){
    .gnb .menu .depth1_list{padding-right:50px;}
    .gnb .menu .depth1_text{margin:0 17px;}
    .gnb .menu .sitemap_item{margin-left:17px;}
    .gnb .menu .depth2_list{padding-right:30px; padding-left:calc(50% - 442px);}
}
@media (min-width:1001px) and (max-width:1480px){
    .gnb .menu .depth2_content .depth2_title{display:none;}
    .gnb .menu .depth2_list{padding-left:30px;}
}
@media (min-width:1001px) and (max-width:1400px){
    .gnb .menu .depth1_list{padding-right:20px;}
    .gnb .menu .depth1_text{margin: 0 9px;font-size:17px;}
    .gnb .menu .depth1_text:before{height:4px;}
    .gnb .menu .sitemap_item a{width:25px;}
    .gnb .menu .depth1_item.has .depth2_content{min-height:204px;}
    .gnb .menu .depth2_list{padding-top:40px; padding-bottom:50px; gap:10px;}
    .gnb .menu .depth2_item{width:calc((100% - 40px) / 5);}
    .gnb .menu .depth2_text{font-size:16px;}
}
@media (min-width:1001px) and (max-width:1100px){
    .gnb .menu .depth1_list{padding-right:0; padding-left:60px;}
}
@media (max-width:1000px){
    /* 메뉴 영역 */
    .gnb:before{background-color:rgba(0, 0, 0, 0.5);}
    .gnb .menu{visibility:hidden; overflow:hidden; position:fixed; right:-100%; z-index:40; width:100%; height:calc(100% - 61px); background-color:#f2f2f2; transition-property:visibility,right; transition-duration:0.25s; transition-timing-function:ease-in-out;}
    .gnb_open .gnb .wrap,
    .gnb .multiple .wrap{padding-right:15px; padding-left:15px;}

    /* 열기 버튼 */
    .gnb .menu_show{position:absolute; top:0; right:14px; bottom:0; z-index:30; width:32px; height:32px; margin-top:auto; margin-bottom:auto;}
    .gnb .menu_show .menu_btn{position:relative; width:inherit; height:inherit; outline:0; font-size:0;}
    .gnb .menu_show .menu_btn span{display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; width:24px; height:2px; margin:auto; background-color:#222; /* transition:.21s ease-in-out;*/}
    .gnb .menu_show .menu_btn span:before,
    .gnb .menu_show .menu_btn span:after{position:absolute; left:0; right:0; width:24px; height:2px; margin:0 auto; background-color:#222; content:''; transition:.15s ease-in-out;}
    .gnb .menu_show .menu_btn span:before{top:-8px;}
    .gnb .menu_show .menu_btn span:after{top:8px;}
    .gnb_show .gnb .menu_show .menu_btn span{height:0;}
    .gnb_show .gnb .menu_show .menu_btn span:before,
    .gnb_show .gnb .menu_show .menu_btn span:after{width:24px;}
    .gnb_show .gnb .menu_show .menu_btn span:before{top:0; transform:rotate(45deg);}
    .gnb_show .gnb .menu_show .menu_btn span:after{top:0; transform:rotate(-45deg);}

    /* 닫기 버튼 */
    .gnb .menu_hide{position:absolute; top:7px; right:100%; width:32px; height:32px;}
    .gnb .menu_hide .menu_btn{display:block; position:relative; width:inherit; height:inherit; border-radius:15px; background-color:#fff; font-size:0;}
    .gnb .menu_hide .menu_btn:before,
    .gnb .menu_hide .menu_btn:after{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:24px; height:2px; margin:auto; background-color:#222; content:'';}
    .gnb .menu_hide .menu_btn:before{transform:rotate(45deg);}
    .gnb .menu_hide .menu_btn:after{transform:rotate(135deg);}

    .gnb_show .menu_hide{right:18px;}

    /* 메뉴 상단 */
    .gnb .menu_header{display:block; position:absolute; top:0; left:0; z-index:11; width:100%;}

    /* gnb 링크 */
    .gnb .link_list{position:relative; padding:25px 15px 27px 15px; font-size:0; line-height:0;}

    .gnb .link_list li{display:inline-block; position:relative; vertical-align:top;}
    .gnb .link_list li a{color:#727786; font-size:14px; line-height:16px;}
    .gnb .link_list li + li{padding-left:25px;}
    .gnb .link_list li + li:before{display:block; position:absolute; top:1px; left:13px; bottom:0; width:1px; background-color:#d0d2da;}

    /* 1차 메뉴 */
    .gnb .menu .depth1_item:first-child{border-top:1px solid #dadce0;}
    .gnb .menu .depth1_text{display:flex; position:relative; width:133px; height:61px; padding:0 19px; color:#0e0e0e; font-size:18px; font-weight:700; text-decoration:none; line-height:22px; transition-property:background,color; letter-spacing:-0.03em;word-break:keep-all;align-items:center;}
    .gnb .menu .depth1_text:after{display:block; position:absolute; top:0; right:3px; bottom:0; margin-top:auto; margin-bottom:auto; transition-duration:.3s;}
    .gnb .menu .depth1_item.has .depth1_text:after{width:7px; height:7px; border-top:2px solid #111; border-right:2px solid #111; transform:rotate(135deg);}
    .gnb .menu .depth1_text[target='_blank']:after{opacity:.9; right:0; width:14px; height:14px; transition:none;}
    .gnb .menu .depth1_text[target='_blank']:hover:after{opacity:1;}
    .gnb .menu .depth1_text span{position:relative; transition:padding-left .25s ease-in-out;}
    .gnb .menu .depth1_text span:before{display:block; opacity:0; position:absolute; top:4px; left:0; width:0; height:0; margin-top:auto; margin-bottom:auto; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(135deg); transition-property:opacity,width,height; transition-duration:.3s;}

    /* 1차 메뉴 활성화 */
    .gnb .menu .depth1_item.active{position:static; z-index:10}
    .gnb .menu .depth1_item.active .depth1_text{background-color:#1e3c72; color:#fff;}
    .gnb .menu .depth1_item.active .depth1_text:before{visibility:visible; opacity:1}
    .gnb .menu .depth1_item.active .depth1_text:hover{text-decoration:none}
    .gnb .menu .depth1_item.has.active .depth1_text:after{border-top:0; border-right:0; border-bottom:2px solid #111; border-left:2px solid #111; transform:rotate(-225deg);}
    .gnb .menu .depth1_item.active .depth1_text span{padding-left:22px;}
    .gnb .menu .depth1_item.active .depth1_text span:before{opacity:1; width:10px; height:5px;}

    /* 2차 메뉴 */
    .gnb .menu .depth2{position:absolute; top:1px; left:133px; width:calc(100% - 133px); height:calc(100vh - 60px); padding-bottom:18px; background-color:#fff; transition-property:none; overflow-x:hidden;overflow-y:auto;}
    .gnb .menu .depth2_list{padding-right:12px; padding-left:15px; transition-property:none;}
    .gnb .menu .depth2_item{margin-top:0; transition-property:none;}
    .gnb .menu .depth2_text{display:flex; position:relative; height:61px; border-bottom:1px solid #e6e6e6; outline:none; color:#000; font-size:18px; font-weight:700; text-decoration:none; align-items:center;}
    .gnb .menu .depth2_text:before{display:none; opacity:0; visibility:hidden; position:absolute; top:8px; left:0; width:5px; height:5px; background-color:#898f9d; transform:rotate(45deg); transition-property:visibility,opacity}
    .gnb .menu .depth2_item.has .depth2_text:after{display:block; position:absolute; top:0; right:18px; bottom:0; width:11px; height:11px; margin:auto; background:url(../images/common/gnb_arrow_black.png) no-repeat center / 11px; content:''; transition-property:all;}
    .gnb .menu .depth2_text[target='_blank']:after{display:inline-block; opacity:.5; width:0; height:0; margin-left:5px; transition:none;}
    .gnb .menu .depth2_text[href*="/downloadContentsFile"]:after{display:block; position:absolute; top:calc(50% - 11px); right:0; width:22px; height:20px; background-position:-204px -177px;}

    /* 2차 메뉴 활성화 */
    .gnb .menu .depth1_item.active .depth2{opacity:1; visibility:visible;}
    .gnb .menu .depth1_item.active .depth2_item.active .depth2_text{padding-top:2px; border-bottom:3px solid #086dcd; color:#086dcd;}
    .gnb .menu .depth1_item.active .depth2_item.active .depth2_text:before,
    .gnb .menu .depth1_item.active .depth2_item .depth2_text:hover:before{background-color:#191d2b;}
    .gnb .menu .depth1_item.active .depth2_text:before{opacity:1; visibility:visible; display:block}
    .gnb .menu .depth1_item.active .depth2_text[target='_blank']:after{width:14px; height:14px;}
    .gnb .menu .depth1_item.active .depth2_item.active .depth2_text[target='_blank']:after,
    .gnb .menu .depth1_item.active .depth2_text[target='_blank']:hover:after{opacity:1;}
    .gnb .menu .depth2_item.active.has .depth2_text:after{background-image:url(../images/common/gnb_arrow_blue.png); transform:rotate(180deg);}

    /* 3차 메뉴 */
    .gnb .menu .depth3{transition-property:visibility,opacity,margin-top,background-color;}
    .gnb .menu .depth3_list{padding-right:12px; padding-left:12px; transition-property:padding-top,padding-bottom}
    .gnb .menu .depth3_text{display:block; position:relative; padding-left:9px; font-weight:200; text-decoration:none; transition:none;}
    .gnb .menu .depth3_text:before{display:none; opacity:0; visibility:hidden; position:absolute; top:13px; left:0; width:4px; height:4px; border-radius:50%; background-color:#999; content:''; transition-property:visibility,opacity}
    .gnb .menu .depth3_item.has .depth3_text:after{display:block; position:absolute; top:1px; right:2px; bottom:0; width:10px; height:12px; margin-right:auto; margin-left:auto; transition-property:all; transition-duration:.2s;}
    .gnb .menu .depth3_text[target='_blank']:after{display:inline-block; opacity:.5; width:0; height:0; margin-left:5px; transition:none;}
    .gnb .menu .depth3_text[href*="/downloadContentsFile"]:after{display:block; position:absolute; top:calc(50% - 11px); right:0; width:22px; height:20px; background-position:-204px -177px;}

    /* 3차 메뉴 활성화 */
    .gnb .menu .depth1_item.active .depth2_item.active .depth3{opacity:1; visibility:visible;}
    .gnb .menu .depth1_item.active .depth2_item.active .depth3_list{padding-top:10px;}
    .gnb .menu .depth1_item.active .depth2_item.active .depth3_text{color:#555; font-size:16px; line-height:1.88;}
    .gnb .menu .depth1_item.active .depth2_item.active .depth3_item.active .depth3_text{color:#086dcd;}
    .gnb .menu .depth1_item.active .depth2_item.active .depth3_item.active .depth3_text:before{background-color:#086dcd;}
    .gnb .menu .depth1_item.active .depth2_item.active .depth3_text:before{opacity:1; visibility:visible; display:block}
    .gnb .menu .depth1_item.active .depth2_item.active .depth3_text[target='_blank']:after{width:14px; height:14px;}
    .gnb .menu .depth1_item.active .depth2_item.active .depth3_item.active .depth3_text[target='_blank']:after,
    .gnb .menu .depth1_item.active .depth2_item.active .depth3_text[target='_blank']:hover:after{opacity:1;}
    .gnb .menu .depth3_item.active.has .depth3_text:after{top:6px; height:1px; background-color:#555;}
}

#header .utility{display:flex; position:absolute; top:0; right:80px; bottom:0; z-index:30; align-items:center; gap:19px;}
#header .utility .utility_btn{display:inline-flex; padding:0 23px; border:1px solid #b4c2d2; border-radius:23px; color:#314558; font-size:17px; font-weight:700; line-height:43px; align-items:center; justify-content:center; gap:10px;}
#header .utility .utility_btn.join{border-color:#136acb; background-color:#136acb; color:#fff;}
#header .utility .utility_btn.join:after{width:7px; height:12px; background:url(../images/common/arrow_icon.png) no-repeat center / cover; content:'';}
@media (max-width:1640px){
    #header .utility{right:30px; gap:10px;}
}
@media (max-width:1400px){
    #header .utility{right:30px; gap:7px;}
    #header .utility .utility_btn{padding:0 16px; font-size:15px; line-height:30px;}
    #header .utility .utility_btn.join{}
    #header .utility .utility_btn.join:after{display:none}
}
@media (max-width:1100px){
    #header .utility{flex-direction:column;justify-content:center;}
    #header .utility .utility_btn{width:100%;}
}
@media (max-width:1000px){
    #header .utility{right:52px; flex-direction:row;}
    #header .utility .utility_btn{width:auto; padding:0 12px; font-size:14px;}
}

/* 하단 */
#footer{padding:59px 0 140px; background-color:#212121;}
#footer .wrap{padding-right:100px; padding-left:100px;}
#footer .footer_logo{width:199px;}
#footer .footer_info{display:flex; position:absolute; top:20px; right:130px; gap:121px; flex-wrap:wrap; justify-content:end;}
#footer .footer_info p{color:#a3a3a3; font-size:17px; font-weight:500;}
#footer .footer_info > p{position:absolute; left:0; bottom:-90px;}
#footer .footer_info ul{display:flex; position:relative; flex-direction:column; gap:10px;}
#footer .footer_info ul:first-child:before{opacity:0.3; position:absolute; top:0; right:-63px; bottom:0; width:1px; height:73px; background-color:#a3a3a3; content:'';}
#footer .footer_copyright{margin-top:122px; color:#fff; font-size:17px;}
#footer .footer_top{position:absolute; top:16px; right:-37px; width:70px; height:70px; border-radius:50%; background-image:linear-gradient(to bottom, #de2f54, #094fc3);}
#footer .footer_top img{width:17px;}
@media (max-width:1760px){
    #footer .footer_info{right:160px;}
    #footer .footer_top{right:30px;}
}
@media (max-width:1640px){
    #footer .wrap{padding-right:30px; padding-left:30px;}
}
@media (max-width:1300px){
    #footer{padding-bottom:59px;}
    #footer .footer_info{position:relative; top:auto; right:auto; margin-top:50px; justify-content:start; gap:44px 121px;}
    #footer .footer_info > p{position:relative; left:auto; bottom:auto; width:100%;}
    #footer .footer_copyright{margin-top:45px;}
}
@media (max-width:1000px){
    #footer{padding-top:30px; padding-bottom:40px;}
    #footer .wrap{padding-right:18px; padding-left:18px;}
    #footer .footer_logo{width:170px;}
    #footer .footer_info{flex-direction:column; gap:10px;}
    #footer .footer_info p{font-size:15px;}
    #footer .footer_info > p{order:0;}
    #footer .footer_info ul{order:2;}
    #footer .footer_copyright{font-size:15px; line-height:1.6;}
    #footer .footer_top{top:-4px; right:18px; width:50px; height:50px;}
    #footer .footer_top img{width:12px;}
}

/* 서브 */
#sub .wrap{max-width:1470px;}

.sub_head{margin-bottom:152px; padding-top:127px;}
.sub_head .sub_title{color:#000; font-size:80px; font-weight:700;}
.sub_head .breadcrumbs{position:relative; z-index:10; margin-top:20px; margin-right:-19px;}
.sub_head .breadcrumbs .breadcrumbs_list{display:flex; justify-content:end;}
.sub_head .breadcrumbs .breadcrumbs_item{position:relative; min-width:258px;}
.sub_head .breadcrumbs .breadcrumbs_item + .breadcrumbs_item:before{position:absolute; top:0; left:0; bottom:0; z-index:2; width:1px; height:20px; margin:auto 0; background-color:#ddd; content:'';}
.sub_head .breadcrumbs .breadcrumbs_item.home{min-width:auto;}
.sub_head .breadcrumbs .breadcrumbs_item.home .breadcrumbs_anchor{width:76px; height:100%; background:url(../images/sub/breadcrumbs_home.png) no-repeat center / 16px; font-size:0;}
.sub_head .breadcrumbs .breadcrumbs_item .breadcrumbs_btn{position:relative; z-index:1; width:100%; height:60px; padding:0 27px; background-color:#fff; color:#000; font-size:18px; font-weight:700; text-align:left; line-height:1.1; word-break:keep-all;}
.sub_head .breadcrumbs .breadcrumbs_item .breadcrumbs_btn:after{position:absolute; top:0; right:20px; bottom:0; width:14px; height:8px; margin:auto 0; background:url(../images/sub/breadcrumbs_arrow.png) no-repeat center / cover; content:''; transition:.25s ease-in-out;}
.sub_head .breadcrumbs .breadcrumbs_item .breadcrumbs_list_depth2{display:flex; opacity:0; visibility:hidden; position:absolute; top:0; left:0; right:0; padding:20px 26px; border:1px solid #ddd; border-radius:12px; background-color:#fff; transition:.25s ease-in-out; flex-direction:column; gap:17px;}
.sub_head .breadcrumbs .breadcrumbs_item .breadcrumbs_list_depth2 li a{display:block; color:#7c7c7c; font-size:18px; font-weight:500;}
.sub_head .breadcrumbs .breadcrumbs_item .breadcrumbs_list_depth2 li.active a{color:#0075df;}
.sub_head .breadcrumbs .breadcrumbs_item.active .breadcrumbs_btn:after{transform:rotate(180deg);}
.sub_head .breadcrumbs .breadcrumbs_item.active .breadcrumbs_list_depth2{opacity:1; visibility:inherit; top:100%;}
.sub_head .sub_visual{position:relative; height:450px; margin-top:21px;}
.sub_head .sub_visual:before{position:absolute; top:0; left:50%; bottom:0; width:100vw; background:url(../images/sub/visual_img.jpg) no-repeat center / cover; content:''; transform:translateX(-50%);}

#tab{overflow:hidden; position:relative; margin-bottom:60px;}
#tab:before{position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #d1d1d1; content:'';}
#tab .tab_btn{display:none;}
#tab .tab_list{display:flex; margin-right:-1px; margin-bottom:-1px; flex-wrap:wrap;}
#tab .tab_list li{position:relative; width:calc(100% / 5); border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
#tab .tab_list li a{display:flex; position:relative; height:68px; padding:0 5px; color:#545454; font-size:20px; align-items:center; justify-content:center;}
#tab .tab_list li.active{z-index:10;}
#tab .tab_list li.active a{background-image:linear-gradient(to right, #0192d4, #004593); color:#fff; font-weight:700;}

#contents{position:relative; min-height:600px; margin-bottom:152px; color:#5a5a5a; font-size:20px;}
#contents p{word-break:keep-all;}
@media (max-width:1000px){
    .sub_head{margin-bottom:80px; padding-top:24px;}
    .sub_head .sub_title{font-size:34px;}
    .sub_head .breadcrumbs{margin-right:0;}
    .sub_head .breadcrumbs .breadcrumbs_list{justify-content:start; gap:8px;}
    .sub_head .breadcrumbs .breadcrumbs_item{min-width:auto; flex:1 0 0;}
    .sub_head .breadcrumbs .breadcrumbs_item + .breadcrumbs_item:before{display:none;}
    .sub_head .breadcrumbs .breadcrumbs_item .breadcrumbs_btn{height:44px; padding:0 29px 0 15px; border:1px solid #ddd; border-radius:22px; font-size:14px; transition:.25s ease-in-out;}
    .sub_head .breadcrumbs .breadcrumbs_item.active .breadcrumbs_btn{border-color:#000;}
    .sub_head .breadcrumbs .breadcrumbs_item .breadcrumbs_btn:after{right:15px; width:10px; height:6px;}
    .sub_head .breadcrumbs .breadcrumbs_item .breadcrumbs_list_depth2{padding:14px; gap:8px;}
    .sub_head .breadcrumbs .breadcrumbs_item.active .breadcrumbs_list_depth2{top:calc(100% + 10px);}
    .sub_head .breadcrumbs .breadcrumbs_item .breadcrumbs_list_depth2 li a{font-size:14px;}
    .sub_head .breadcrumbs .breadcrumbs_item.home{width:16px; margin-right:27px; flex:0;}
    .sub_head .breadcrumbs .breadcrumbs_item.home:after{position:absolute; top:0; right:-18px; bottom:0; width:1px; height:20px; margin:auto 0; background-color:#ddd; content:'';}
    .sub_head .breadcrumbs .breadcrumbs_item.home .breadcrumbs_anchor{width:16px;}

    .sub_head .sub_visual{height:280px; margin-top:33px;}
    .sub_head .sub_visual:before{background-position:right 32% center;}

    #tab{overflow:visible; position:relative; z-index:10; margin-bottom:25px;}
    #tab:before{display:none;}
    #tab .tab_btn{display:block; position:relative; z-index:1; width:100%; height:50px; padding:0 48px; background-image:linear-gradient(to right, #0192d4, #004593); color:#fff; font-size:18px; font-weight:500;}
    #tab .tab_btn:after{position:absolute; top:0; right:30px; bottom:0; width:14px; height:14px; margin:auto 0; background:url(../images/sub/tab_arrow.png) no-repeat center / 14px; content:''; transition:.25s ease-in-out;}
    #tab .tab_list{opacity:0;visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;right:0;margin:0;border: 1px solid #d1d1d1;background-color:#fff;transition:.25s ease-in-out;flex-direction:column;}
    #tab .tab_list li{width:100%; border:0;}
    #tab .tab_list li + li{border-top:1px solid #d1d1d1;}
    #tab .tab_list li a{display: flex;padding: 6px;font-size:16px;text-align:center;line-height:normal;min-height: 36px;justify-content: center;align-items: center;height: auto;font-weight: 500;}
    #tab .tab_list li.active a{color:#0075df;background: none;font-weight: 600;}
    #tab.active .tab_btn:after{transform:rotate(180deg);}
    #tab.active .tab_list{opacity:1;visibility:inherit;top: 100%;}

    #contents{margin-bottom:80px; font-size:16px;}
}