@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

@font-face { font-family: 'NanumBarunGothic'; src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot); src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'), url(webfont/NanumBarunGothic/NanumBarunGothicWeb.woff) format('woff'), url(webfont/NanumBarunGothic/NanumBarunGothicWeb.ttf) format('truetype'); }

@font-face { font-family: 'NanumSquare'; src: url(webfont/NanumSquare/NanumSquareR.eot); src: url(webfont/NanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(webfont/NanumSquare/NanumSquareR.woff) format('woff'), url(webfont/NanumSquare/NanumSquareR.ttf) format('truetype'); }

@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);

#unit3782 #daumRoughmapContainer1563504442799 { width: 100% !important; }

audio::-internal-media-controls-download-button { display: none; }
.ui-sortable-handle { touch-action: auto !important; }

audio::-webkit-media-controls-enclosure { overflow: hidden; }

audio::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust as needed */ }

/* font select */

body * { font-family: NanumSquare, sans-serif; letter-spacing: 0px; word-break: keep-all; }

/* gnb */

.header { background: #373C42; padding: 20px 0; }
.header .left { float: left; display: inline-block; color: #979A9F; letter-spacing: 0; }
.header .left img { position: relative; top: 0px; }
.header .left span { margin: 0 15px; display: inline-block; font-size: 17px; }
.widget-login { display: inline-block; float: right; }
.widget-login a { font-size: 15px; display: inline-block; color: #979A9F !important; }
.widget-login a:hover { color: #fff; transition: 0.2s all; text-decoration: none; }
.widget-login span { margin: 0 8px !important; color: #979A9F !important; font-size: 17px; }


#component8361 .ui-sortable-handle { touch-action: auto !important; }

#gnb-wrap { padding: 15px 0; position: relative; }
#gnb-wrap img { float: left; margin-top: 10px; max-width: 100%; }
#gnb { float: right; /*margin-top:13px;*/ margin-top: 6px; letter-spacing: 0.5px; font-size: 20px; }
#gnb > li { float: left; padding: 0px 25px; position: relative; font-weight: bold; }
#gnb > li > a { font-size: 19px; color: #6f6f6f; text-decoration: none; transition: all ease 0.3s; font-weight: bold; line-height: 55px; }
#gnb > li > a:hover { color: #866849; border-bottom: 3px solid #866849; padding-bottom: 7px; transition: all ease 0.2s; font-weight: bold; line-height: 42px; }
#gnb > li > a.active { color: #866849; border-bottom: 3px solid #866849; padding-bottom: 7px; transition: all ease 0.3s; font-weight: bold; }
#gnb > li > ul { display: none; }

/* gnb2 */

.gnb2 { background: rgba(134, 104, 73); width: 100%; height: 0px; position: absolute; left: 0px; z-index: 9999; top: 91px }
.gnb2 .container { padding: 40px 0px 0px; margin: 0 auto; /*margin-right: 0;*/ }
.subtext-wrap { float: left; padding: 0px; display: none; width: 285px; text-align: center; margin-right: 30px; }
.subtext { display: inline-block; }
.subtext p { color: #333333; }
.subtext p:first-child { font-size: 14px; margin-bottom: 0px; display: none; }
.subtext p:nth-child(2) { font-size: 30px; color: #fff; font-weight: bold; }
.subtext img { display: inherit; position: relative; float: none !important; margin: 20px auto; }
.subul { margin: 0 auto; text-align: center; width: max-content; }
.subul > li { /*float:left; width:325px; margin:0px 40px 30px 0px;*/ }
.subul > li { float: left; margin: 0px 0px 30px 75px; text-align: center; }
.subul > li:last-child { margin-right: 0px; }
.subul > li > a { font-size: 17px; font-weight: 600; }
.subul > li > a > i { float: right; position: relative; top: 3px; }
.subul > li > ul { margin-top: 15px; }
.subul > li > ul > li { font-size: 13px; transition: all ease 0.3s; height: 29px; margin-top: 1px; text-align:left; }
.subul > li > ul > li:hover { background-color: #78aafb; }
.subul > li > ul > li > a { padding: 5px 7px; border-bottom: 1px solid #fff; display: inline-block; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.subul > li > ul > li > a > i { margin-right: 5px; position: relative; }
.subul li a { color: #fff; text-decoration: none; }

/* footer */

#footer { background: #343434; padding: 30px 0px; }
#footer > div > img { margin: 0 auto 35px; clear: both; display: block; vertical-align: top; }
#footer p { color: #A7A7A7; font-size: 17px; line-height: 25px; text-align: center; display: inline-block; }
#footer p img { position: relative; top: -3px; margin-right: 3px; }
.foot-text { font-size: 17px; color: #c3c3c3; }
#footer > span > a { font-size: 14px; }

/* mobile */

.header-mobile-gnb .toggle { color: #333333 !important; }
.mm-panels > #mm-1 { background-color: #866849 !important; }
.mm-panels > #mm-2,
.mm-panels > #mm-3,
.mm-panels > #mm-4,
.mm-panels > #mm-5,
.mm-panels > #mm-6,
.mm-panels > #mm-7,
.mm-panels > #mm-8,
.mm-panels > #mm-9,
.mm-panels > #mm-10,
.mm-panels > #mm-11 { background-color: #846f5a !important; }
.mm-navbar { padding: 20px 0px !important; height: inherit !important; }
.mm-navbar a { font-size: 22px; color: #fff !important; }
.mm-listview > li > a, .mm-listview > li > span { padding: 20px 25px !important; font-size: 17px; }
.mm-panels > .mm-panel > .mm-listview { margin: 20px 0px !important; }
.mm-btn { top: unset !important; }



/*Quick Menu*/
.quick-menu { position: fixed; top: 50vh; right: 4vw; transform: translate(0, -50%); display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 999; }
.quick-menu .quick-menu-wrap.quick-menu-button { width: 100%; padding: 10px; background-color: #fff; color: #000; text-align: center; }
.quick-menu .quick-menu-wrap.quick-menu-button a { font-size: 19px; text-decoration: none; font-weight: bold; color: #000; }
.quick-menu .quick-menu-wrap.quick-menu-button:hover img { transform: scale(1.15); transition: .3s; }

@media (min-width:992px) and (max-width:1199px) {
    #search form input { width: 89%; }
    #gnb > li { padding: 0px 20px; }
    #gnb > li > a { letter-spacing: 4px; }

    #sitemap-wrap img { width: 50%; }
    #sitemap > li { padding: 0px 20px; }
    #gnb { letter-spacing: -2.5px; margin-top: 9px; }

    .quick-menu { display: none; }
}

@media (min-width:768px) and (max-width:991px) {
    .header-mobile-gnb { float: right; margin-top: 0px; font-size: 30px; }
    #footer { text-align: center; }
    #footer p { font-size: 16px; text-align: center; position: initial; line-height: 25px; }
    header { padding: 20px 15px; }
    .widget-login { margin-right: 15px; }
    #gnb-wrap img { width: 35%; }
    #gnb > li { float: left; padding: 0px 35px; position: relative; font-weight: bold; margin-top: -10px; }
    #gnb > li > a { float: left; font-size: 17px; padding: 0px 35px; position: relative; font-weight: bold; margin-top: -10px; }
    #gnb { margin-top: 25px; }
    .widget-login { padding-top: 0; }

    .mob-login { text-align: center; margin: 35px 0 0; }
    .mob-login li { display: inline-block; padding: 0 10px; }
    .mob-login a { color: #fff; font-size: 17px; }

    .gnb2 { display: none; }

    .quick-menu { display: none; }
}

@media (max-width:767px) {

    .show-file { display: none; }
    header { padding: 10px 15px; }
    #quick li { width: 100%; border: none !important; }
    #main-section2 { margin: 0px 0px 15px; }
    .header-mobile-gnb { float: right; margin: 5px 0px 0px; font-size: 30px; }
    #footer { text-align: center; margin-top: 10px; }
    #gnb-wrap { padding: 0px; }
    #header { padding: 10px 15px; }
    #gnb-wrap img { width: 55%; margin: 5px 0; }
    header .left { display: none; }
    .widget-login a { font-size: 14px; }
    #footer p { font-size: 14px; line-height: 40px; margin: 0; }
    .widget-login { padding-top: 0; }
    .visible-xs { display: none; }

    .mob-login { text-align: center; margin: 35px 0 0; }
    .mob-login li { display: inline-block; padding: 0 10px; }
    .mob-login a { color: #fff; font-size: 17px; }

    .gnb2 { display: none; }

    .quick-menu { display: none; }
}