/* 헤더 */
#header {position:relative; background:#fff;}
#header.zindex {z-index:9999;} /* 2024-10-21 추가 */

/* 탑메뉴 */
.topmenu_wrap {border-bottom:1px solid #e5e5e5;}
#topmenu {padding:60px 0 30px;}
#topmenu .link {top:26px; margin-top:0; right:0; line-height:1;}
#topmenu .link li {vertical-align:top;}
#topmenu .link li a {font-size:15px; font-weight:400; color:#000;}
#topmenu .link li::after {background:#c2c2c2; height:12px; margin-top:-6px;}

/* 로고 */
#topmenu h1 {position:relative; top:auto; left:auto; margin:auto; display:inline-block; vertical-align:middle;}
#topmenu h1 a {width:192px; height:55px; background: url("../images/img-header-logo.png") no-repeat; background-size:100% 100%;}

/* 태극기 */
.taegugki {display:inline-block; vertical-align:middle; width:81px; height:28px; margin-left:13px;}
.taegugki a {display:block; width:100%; height:100%; background:url("../images/img_taegeukgi.png") no-repeat; background-size:contain; font-size:0;}

/* gnb */
#navigation {float:right; height:55px; padding:0; width:calc(100% - 400px); background:none;}
#navigation .container .mainmenu {float:none; display:inline-block; vertical-align:middle;}
#navigation .container .mainmenu>ul>li {width:calc(20% - 3px); display:inline-block; vertical-align:top; float:none;}
#navigation .container .mainmenu>ul>li>a {height:55px; line-height:55px; color:#000; font-size:22px; font-weight:500; letter-spacing:-0.5px;}
#navigation .container .mainmenu>ul>li>a::before, #navigation .container .mainmenu>ul>li>a::after, #navigation .container .mainmenu>ul>li:first-child>a::before {display:none;}
#navigation .container .allmenu .scroller {z-index:100;} /* 231226 추가 */
#navigation:focus {outline:0 !important;}/* 2024-01-04 주메뉴 아웃라인 삭제 */

/* 검색 */
.btn_sch {display:inline-block; vertical-align:middle; background:url("../images/btn_gnb_sch.png") no-repeat; width:24px; height:24px; cursor:pointer; padding:0;} /* 231226 수정 */
.btn_sch.on {background:url("../images/btn_gnb_sch_on.png") no-repeat;}

/* 검색 박스 */
#search {display:none; position:absolute; width:100%; min-width:100%; padding:60px 0 126px; box-shadow:0 5px 5px rgba(0,0,0,0.25); z-index:10; background:#fff;}
#search .inner {max-width:960px; /*max-width:805px;*/ margin:0 auto; position:relative;} /* 2024-01-03 position 추가 */
#search .sch_inner {position:relative; border-bottom:2px solid #000; /*width:805px;*/ width:745px; /* 2024-01-03 width 수정 */ display:inline-block; vertical-align:middle;}
#search .btn_detail {display:inline-block; /* display:none;  none 임시 */ vertical-align:middle; background:#fff; border:1px solid #000; border-radius:50px; padding:12px 24px; text-align:center; font-size:22px; color:#000; line-height:1; margin-left:20px;}
#search .btn_detail.on {background:#000; color:#fff;}
#search .btn_detail.on:focus {outline-color:#fff !important;}/* 2024-01-04 추가 */
#search form {border:none;}
#search form select {color:#000; font-size:22px; width:167px; height:70px; background:url("../images/btn_sch_arrow.png") right center no-repeat; padding:0 20px;}
#search form input {width:calc(100% - 267px); height:70px; color:#000; font-size:22px; padding-left:60px;}
#search form input::placeholder {color:#757575; font-weight:300;}
#search form button {position:absolute; right:20px; bottom:18px; width:auto; height:auto;}
#search form button span {background:url("../images/btn_input_sch.png") no-repeat; width:37px; height:36px; background-size:100% auto;}
#search .keyword {margin-top:20px; padding:0 20px; /* display:none;  none 임시 */}
#search .keyword .tit {font-size:18px; color:#000; font-weight:500; display:inline-block; vertical-align:middle; margin-right:40px;}
#search .keyword ul {display:inline-block; vertical-align:middle;}
#search .keyword ul li {display:inline-block; vertical-align:top; margin-right:10px;}
#search .keyword ul li a {display: block; background:#f0f0f0; border-radius:50px; padding:10px 20px; font-size:16px; color:#000; line-height:1.1; font-weight:300;}
#search .sch_detail {display:none; margin-top:40px; border-top:1px solid #d7d7d7; padding:40px 0 0 20px;}
#search .sch_detail .tit {font-size:18px; color:#000; font-weight:500; display:inline-block; vertical-align:top; margin-right:50px;}
#search .sch_detail .sch_condi {width:812px; display:inline-block; vertical-align:top;}
#search .sch_detail .sch_condi .noti {color:#1d6cd6; font-size:16px; letter-spacing:-0.5px; margin-bottom:10px;}
#search .sch_detail .sch_condi dl {border-bottom:1px solid #000; padding:17px 0;}
#search .sch_detail .sch_condi dl dt {display:inline-block; vertical-align:middle; color:#000; font-size:16px; width:17%;}
#search .sch_detail .sch_condi dl dd {display:inline-block; vertical-align:middle; width:82%;}
#search .sch_detail .sch_condi dl dd input[type="text"] {width:100%; color:#000;}
#search .sch_detail .sch_condi dl dd input::placeholder {color:#757575;}
#search .sch_detail .sch_condi dl.chk dd label {font-size:16px; color:#000; margin-left:10px;}
#search .sch_detail .sch_condi dl.chk dd span {display:inline-block; width:12%;}
#search .sch_detail .sch_condi dl.year input[type="text"] {width:70px;}
#search .sch_detail .sch_condi dl.year dd span {display:inline-block; vertical-align:middle; margin:0 20px 0 15px;}
#search .sch_detail .btns {margin-top:20px;}
#search .sch_detail .btns button {display:inline-block; vertical-align:middle; background:#fff; border:1px solid #000; border-radius:50px; padding:12px 10px; min-width:120px; text-align:center; font-size:22px; color:#000; line-height:1;}
#search .sch_detail .btns .right {float:right;}
#search .sch_detail .btns button.guide {border:1px solid #1d6cd6; color:#1d6cd6;}
#search .sch_detail .btns button.sch {background:#000; color:#fff; margin-left:5px;}
#search .sch_detail .btns button.sch:focus {outline-color:#fff !important;} /* 2024-01-03 추가 */
#search .layer_close {display:block; background:url("../images/btn_search_close.png") center center #fff no-repeat; background-size:19px 19px; border:1px solid #000; border-radius:100%; line-height:1; text-indent:-9999px; width:48px; height:48px; position:absolute; top:11px; right:0;} /* 2024-01-03 닫기버튼 추가 */
/* 자동완성 */
#search .auto {background: url("../images/btn_sch_auto.png") no-repeat 50% 50%; display: inline-block; position:absolute; text-indent: -9999px; width: 18px; height: 30px; top:50%; margin-top:-15px; right:auto; transform:rotate(180deg);}
#search .auto.on {transform: rotate(0);}/* 2024-01-04 수정 */
#search .auto:focus {outline-offset: 6px;} /* 2024-01-04 추가 */
#search #ark {width: 100%; position: absolute; top: 0; left: 15px; margin-top: 5px;}
#search #ark #ark_wrap {float:right; top:67px; left:auto; right:90px; margin:0;}
.ark_wrap .ark_footer .right {color:#000;}/* 2024-01-04 추가 */
#ark_top .ark_wrap .ark_content .fl li {font-size:13px !important;}/* 2024-01-04 추가 */
#ark_sub .ark_wrap .ark_footer .right {color:#fff;}/* 2024-01-15 추가 */

/* 전체메뉴 */
#navigation .container .allmenu {float:none; display:inline-block; vertical-align:middle; width:auto; margin-left:30px;}
#navigation .container .allmenu .toggle {margin-top:0;}
#navigation .container .allmenu .toggle span {background:url("../images/btn_allmenu.png") no-repeat; width:26px; height:20px;}

/* 푸터 */
#footer {border-top:1px solid #000; background:#fff;}
#footer .inner {max-width:1260px; margin:0 auto; padding:40px 0;}
#footer .inner .logo {display:inline-block; vertical-align:top; margin-right:3%; width:13.65%;}
#footer .inner .utility {display:inline-block; vertical-align:middle; background:none; text-align:left; padding:0; width:62%; margin-top:0;}
#footer .inner .utility ul {color:#000; margin-bottom:10px;}
#footer .inner .utility ul li {margin-right:1.5%; padding-left:0;}
#footer .inner .utility ul li:first-child {color:#000; font-weight:500; padding-left:0;}
#footer .inner .utility ul li::before {display: none;}
#footer .inner .utility ul li a {padding:0; font-size:16px;}
#footer .inner .utility .addr, #footer .inner .utility .copy {color:#666; font-size:16px;}
#footer .inner .link {display:inline-block; vertical-align:middle; width:20.40%;}
#footer .inner .link li {display:inline-block; vertical-align:middle;}
#footer .inner .link li:first-child {width:33.46%; margin-right:9%;}
#footer .inner .link li:last-child {width:55.25%;}


/* 2024-01-03 웹접근성 추가 start */
#lnb nav>ul>li.active>a:after {content:''; display:inline-block; position:absolute; background:url("../images/icon_depth_here.png") no-repeat; width:7px; height:10px; right:23px; top:50%; margin-top:-5px;} /* 2024-08-01 수정 */ /* lnb active arrow */
/* 2024-01-03 웹접근성 추가 end */

/* 2024-10-10 메인 수정 start */
.visual-wrap {position: relative;}
#topmenu .link_wrap {position:relative;}
#topmenu .link {top:-34px;}
/* 2024-10-10 메인 수정 end */

@media (max-width: 1280px) {
    /* 탑메뉴 */
    #topmenu {padding:60px 20px 30px;}
    /* #topmenu .link {right:20px;} */ /* 2024-10-10 주석 */

    /* 로고 */
    #topmenu h1 a {width:150px; height:45px;}

    /* 태극기 */
    .taegugki {height:25px;}

    /* 전체메뉴 */
    #navigation {width:calc(100% - 270px);}
    #navigation .container .mainmenu>ul>li>a {font-size:20px;}

    /* 푸터 */
    #footer .inner {padding-right:20px; padding-left:20px;}
    #footer .inner .utility ul li a {font-size:15px;}
    #footer .inner .utility .addr, #footer .inner .utility .copy {font-size:15px;}
}

@media (max-width: 1200px) {
    /* 로고 */
    #topmenu h1 a {width:130px; height:38px;}

    /* 전체메뉴 */
    #navigation {width:calc(100% - 230px);}
    #navigation .container .allmenu {margin-left:15px;}
    #navigation .container .mainmenu>ul>li>a {height:45px; line-height:45px; font-size:18px;}

    /* 검색 박스 */
    #search {padding:50px 0 100px; top:auto; margin:0;}
    #search form select {height:60px; font-size:18px;}
    #search form input {height:60px; font-size:18px;}
    #search form button {bottom:10px;}
    #search form button span {width:30px;}
    #search #ark #ark_wrap {top:57px;}

    #search .layer_close {top:7px;} /* 2024-01-03 닫기버튼 추가 */
}

/* 기존 css 수정 */
@media (min-width: 981px) and (max-width: 1199px) {
    #search #ark {top: auto; width: 100% !important;}
}

@media (max-width: 1100px) {
    #navigation .container .mainmenu {width:88%;}

    /* 2025-07-29 메뉴수정 start */
    #navigation .container .mainmenu>ul>li {padding:0 13px;}
    /* 2025-07-29 메뉴수정 end */
}

/* 2024-10-10 메인 수정  start */
@media (min-width: 1280px) {
    #navigation .container .allmenu .scroller {top: 146px;}
}
@media (min-width: 1200px) and (max-width: 1279px) {
    #navigation .container .allmenu .scroller {top: 136px;}
}
@media (min-width: 981px) and (max-width: 1280px) {
    #navigation .container .allmenu .scroller>ul>li:first-child>span,
    #navigation .container .allmenu .scroller>ul>li>p>a {font-size: 16px !important;}
    #navigation .submenu>ul>li>a {font-size: 14px !important; padding: 0.2rem 0 0.2rem 1.825rem !important;}
}
@media (min-width: 981px) and (max-width: 1199px) {
    #navigation .container .allmenu .scroller {top: 129px !important;}
    #navigation .container .allmenu .scroller>ul>li>p a {padding: 0;}
}
@media (min-width: 981px) and (max-width: 1060px) {
    #navigation .submenu>ul>li>a {padding: 0.1rem 0 0.1rem 1rem !important; background-position: 0 center !important;}
    #navigation .container .allmenu .scroller>ul>li>p>a:before {display: none !important;}
}
@media (min-width: 981px) {
    [class^="main-"], #container, .main-visual {position: static !important;}
    #search_main.main_cont {z-index: 9000 !important; top: 558px;}
    /* .main-visual .slider_btns {top: 510px;} */
    #topmenu {position: static;}
    #navigation {position: static;}
    #navigation .container .allmenu {}
    #navigation .container .allmenu .toggle span {width: 26px; height: 24px; background-position: 0 2px;}
    #navigation .container .allmenu.active .toggle span {background: url(../images/btn_close.png) 50% 50% no-repeat;}
    #navigation .container .allmenu .scroller {position: absolute; min-height: 453px; background: url(../images/bg_topmenu.jpg) no-repeat 50% 0; background-size: cover;}
    #navigation .container .allmenu .scroller .toggle-close {display: none;}
    #navigation .container .allmenu .scroller>ul {display: table; width: 100%; max-width: 1260px; min-height: 453px; margin: 0 auto; padding-bottom: inherit; background-color: transparent;}
    #navigation .container .allmenu .scroller>ul>li {display: table-cell; vertical-align: top; border-right: 1px solid #e2e2e2;}
    #navigation .container .allmenu .scroller>ul>li:first-child>span {display: block; font-size: 18px; color: #000; padding: 1.45rem 1.5rem 0.25rem 1.5rem;}
    #navigation .container .allmenu .scroller>ul>li>p {padding: 1.45rem 0.825rem 0.25rem 0.825rem;}
    #navigation .container .allmenu .scroller>ul>li>p>a {font-size: 18px; color: #000; font-weight: 500;}
    #navigation .container .allmenu .scroller>ul>li>p>a:before {content: ''; display: inline-block; width: 23px; height: 23px; margin-top: 2px; margin-right: 7px; vertical-align: top; background-image: url(../images/icon_menu1dep.png); background-position: center 0; background-repeat: no-repeat;}
    #navigation .container .allmenu .scroller>ul>li:nth-child(2)>p>a:before {background-position: center -23px;}
    #navigation .container .allmenu .scroller>ul>li:nth-child(3)>p>a:before {background-position: center -46px;}
    #navigation .container .allmenu .scroller>ul>li:nth-child(4)>p>a:before {background-position: center -69px;}
    #navigation .container .allmenu .scroller>ul>li:nth-child(5)>p>a:before {background-position: center -92px;}
    #navigation .container .allmenu .scroller>ul>li:nth-child(6)>p>a:before {background-position: center -115px;}
    #navigation .container .allmenu .scroller>ul>li:nth-child(7)>p>a:before {background-position: center -138px;}
    #navigation .container .allmenu .scroller>ul>li:nth-child(4) .submenu {display: flex; flex-direction: row;}
    #navigation .submenu {background: none; padding: 0 0.825rem 1.25rem 0.825rem;}
    #navigation .submenu>ul {flex-flow: column wrap;}
    #navigation .submenu>ul>li {display: block; margin: 0;}
    #navigation .submenu>ul>li>ul {display: none;}
    #navigation .submenu>ul>li>a {padding: 0.1rem 0 0.1rem 1.825rem; font-size: 16px; color: #000; border: 0; text-align: left; background: url(../images/bull_submenu.png) no-repeat 12px center; transition: all 0.3s;}
    #navigation .submenu>ul>li>a:hover {color: #2062b6;}
    #navigation .submenu>ul>li>ul>li>a {}
    #navigation .allmenu .submenu a:focus, #navigation .allmenu .submenu a:active,
    #navigation .submenu>ul>li>a:focus, #navigation .submenu>ul>li>a:active,
    #navigation .submenu>ul>li>ul>li>a:focus, #navigation .submenu>ul>li>ul>li>a:active {outline: 2px dashed #000 !important}
}
/* 2024-10-10 메인 수정  end */

@media (max-width: 980px) {
    /* 기존 css 수정 */
    html {padding-top:0;}
    #search .toggle {display: none;}
    #search form {display: block; position:relative; top:auto; left:auto; right:auto; padding:0;}
    #search form fieldset {border-bottom:none;}
    #footer .utility {margin-top:0;}

    /* 헤더 */
    #header {height:67px;}

    /* 탑메뉴 */
    #topmenu {padding:18px 20px 14px;}

    /* 로고 */
    #topmenu h1 a {width:121px; height:35px;}

    /* 태극기 */
    .taegugki {height:19px; margin-left:9px;}

    /* 검색 */
    .btn_sch {position:absolute; top:23px; right:74px;}
    #search .auto {right:50px;}

    /* 전체메뉴 */
    #navigation {height:auto;}
    #navigation .container .mainmenu {display: none;}
    #navigation .container .allmenu .toggle {height:auto; top:25px; right:22px; padding:0;}
    #navigation .container .allmenu .toggle span {width:27px; height:22px;}
    #navigation .container .allmenu .scroller {top:68px !important; height: calc(100% - 68px) !important;}
    #navigation .container .allmenu.active .toggle span {background:url("../images/btn_close_m.png") no-repeat; background-size:100% auto; width:22px;}

    /* 검색 박스 */
    #search {padding:20px 20px 30px; top:auto; margin:0;} /* 231226 수정 */
    #search .inner {max-width:100%;}
    #search .btn_detail {font-size:14px; margin-left:5px; padding:10px 8px;} /* 231226 수정 */
    #search form select {width:auto; height:40px; font-size:14px; padding:0 15px 0 5px; background-size:10px auto;} /* 231226 수정 */
    #search form input {width:calc(100% - 110px); height:40px; font-size:14px; padding-left:10px;} /* 231226 수정 */
    #search form button {right:0; bottom:5px; padding:0;} /* 231226 수정 */
    #search form button span {width:20px; height:25px;} /* 231226 수정 */
    #search form fieldset .auto {right:27px;} /* 231226 추가 */
    #search .keyword {padding:0;}
    #search .keyword .tit {font-size:15px; margin-bottom:10px;} /* 231226 수정 */
    #search .keyword ul li {margin:0 5px 5px 0;}
    #search .keyword ul li a {font-size:14px; padding:10px;} /* 231226 수정 */
    #search .sch_inner {/* width:calc(100% - 79px); */ width:calc(100% - 120px);} /* 2024-01-03 width 수정 */
    #search .sch_detail {padding:20px 0; margin-top:20px;}
    #search .sch_detail .tit {font-size:16px; margin-bottom:10px;}
    #search .sch_detail .sch_condi {width:100%;}
    #search .sch_detail .sch_condi .noti {font-size:14px;}
    #search .sch_detail .sch_condi dl {padding:15px 0;}
    #search .sch_detail .sch_condi dl dt {font-size:14px; width:25%;} /* 231226 수정 */
    #search .sch_detail .sch_condi dl dd {font-size:14px; width:74%;} /* 231226 수정 */
    #search .sch_detail .sch_condi dl.chk dd span {width:calc(50% - 2px);} /* 231226 수정 */
    #search .sch_detail .sch_condi dl.chk dd label {font-size:14px;} /* 231226 추가 */
    #search .sch_detail .btns {margin-top:10px;}
    #search .sch_detail .btns button {font-size:14px; min-width:100px; padding:10px;}  /* 231226 수정 */
    #search .layer_close {width:36px; height:36px; top:3px; background-size:40% auto;} /* 2024-01-03 닫기버튼 추가 */

    /* 푸터 */
    #footer .inner {padding:20px 20px 30px;}
    #footer .inner .logo {display: block; width:120px; margin:0 auto 20px;}
    #footer .inner .utility {display: block; width:100%; text-align:center; margin-bottom:25px; font-size:13px;}
    #footer .inner .utility ul {margin-bottom:15px;}
    #footer .inner .utility ul li {margin-bottom:5px;}
    #footer .inner .utility ul li a {font-size:14px;}
    #footer .inner .utility .addr {margin-bottom:20px;}
    #footer .inner .utility .addr span {display: block;}
    #footer .inner .utility .addr, #footer .inner .utility .copy {font-size:14px;}
    #footer .inner .link {display: block; width:100%; text-align:center;}
    #footer .inner .link li:first-child {width:50px; margin-right:15px;}
    #footer .inner .link li:last-child {width:80px;}

    /* 2024-10-10 메인 수정  start */
    #navigation .container .allmenu .scroller>ul>li {border-bottom: 1px solid #e2e2e2;}
/*     #navigation .container .allmenu .scroller>ul>li:first-child {display: none;} */
    #navigation .container .allmenu .scroller>ul>li>p>a {color: #000;}
    #navigation .container .allmenu .scroller>ul>li>p>a:before {content: ''; display: inline-block; width: 23px; height: 23px; margin-top: 2px; margin-right: 7px; vertical-align: top; background-image: url(../images/icon_menu1dep.png); background-position: center 0; background-repeat: no-repeat;}
    #navigation .container .allmenu .scroller>ul>li:nth-child(2)>p>a:before {background-position: center -23px;}
    #navigation .container .allmenu .scroller>ul>li:nth-child(3)>p>a:before {background-position: center -46px;}
    #navigation .container .allmenu .scroller>ul>li:nth-child(4)>p>a:before {background-position: center -69px;}
    #navigation .container .allmenu .scroller>ul>li:nth-child(5)>p>a:before {background-position: center -92px;}
    #navigation .container .allmenu .scroller>ul>li:nth-child(6)>p>a:before {background-position: center -115px;}
    #navigation .container .allmenu .scroller>ul>li:nth-child(7)>p>a:before {background-position: center -138px;}
    #navigation .container .allmenu .scroller>ul>li .submenu>ul+ul {margin-top: 1px;}
    #navigation .container .allmenu .scroller>ul>li .submenu>ul>li>a {background: #e8e8e8; color: #000;}
    #navigation .container .allmenu .scroller>ul>li .submenu>ul>li>a:hover {color: #2062b6;}
    #navigation .container .allmenu .scroller>ul>li .submenu>ul>li>ul>li>a {color: #666;}
    #navigation .container .allmenu .scroller>ul>li .submenu>ul>li>ul>li>a:hover {background: #fff; color: #2062b6;}
    #navigation .container .allmenu .scroller>ul>li .submenu>ul>li.depth>a:after {background-position: 0 -60px;}
    #navigation .container .allmenu .scroller>ul>li .submenu>ul>li.active.depth>a:after {background-position: -30px -60px;}
    /* 2024-10-10 메인 수정  end */
}