@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'),
      url(webfont/AritaBuri/ARITA-BURISB.OTF) format('truetype');
}

body * { font-family:NanumSquare; letter-spacing : -0.3px;}
@media (min-width: 1500px) { .container { width: 1220px!important; } }
@media (min-width: 1500px) { #headerTop .container, #headerBottom .container { width: 1500px!important; } }

#headerTop { overflow:hidden; background:#114986; }
#headerTop ul { margin:10px 0; }
#headerTop li { float:right;text-align:center; }
#headerTop li a { text-decoration:none; color:#fff; font-size:14px; padding:0 15px; display:inline-block; border-right:1px solid #fff; transform: skew(-0.05deg); font-weight:bold; }
#headerTop li:first-child a { border-right:none; padding-right:0; }
#headerTop #allMenu { display:inline-block; background:#917134; width:50px; height:50px; padding:15px;  }
#headerBottom { overflow:hidden; position:relative; }
#headerBottom #main-logo { margin:25px 0; }
#headerBottom #gnb { margin-top:32px; margin-right:60px; }
#headerBottom #gnb > li { display:inline-block; padding:0 35px;}
#headerBottom #gnb > li > a { font-size:19px; color:#000; text-decoration:none; font-weight:bold; }
#headerBottom #gnb > li > a:hover { border-bottom:4px solid #114986; padding-bottom:10px; transition:.3s all; }
#headerBottom #gnb > li > ul { display:none; }
#allMenu { margin-top:35px; }

.gnb2 {background: #114986; width:100%; height:0px; position:absolute;left:0px; z-index:9999; overflow:hidden; text-align:center; }
.gnb2 .container-fluid { padding:23px 0px 0px; }
.subul > li { display:inline-block; text-align:center; vertical-align:top; margin:0 8px; }
.subul > li:last-child { margin-right:0px; }
.subul > li > a { font-size:18px; }
.subul > li > a > i { float:right; position:relative; top:3px; }
.subul > li > ul { margin:15px 0; display:none;}
.subul > li > ul > li { font-size:15px; transition:all ease 0.3s;height: 29px;margin-top:1px; }
.subul > li > ul > li:hover { background-color:#1f4346;}
.subul > li > ul > li > a { padding: 5px 7px;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; }

.gnb-all { display: none; position: absolute; z-index: 9999; top: 129px; left: 0; width: 100%; height: 100%; text-align: center;}
.gnb-all a { color: #fff; text-decoration: none;}
.all-wrapper { background: #fff; padding:0 0 40px; border-bottom: 4px solid #114986; }
.gnb-all .all-wrapper .all-close { color: #333; cursor: pointer; font-weight: 600; font-size: 3em; float: right; margin: 20px 0 15px;}
.gnb-all .all-wrapper .container a { display: block; color: #333;}
.gnb-all .all-wrapper .container a:hover { color:#114986; transition:.3s all; }
.gnb-all .all-wrapper .container > div { overflow:hidden; }
.gnb-all .all-wrapper .container > ul > li { width: 20%; float: left; position: relative; border-right: 1px solid #eee; text-align: left; padding: 0 15px;}
.gnb-all .all-wrapper .container > ul > li:nth-child(1) { border-left: 1px solid #eee;}
.gnb-all .all-wrapper .container > ul > li > a { margin: 0px 0px 15px; font-size: 19px; font-weight: 600; text-decoration: none; border-bottom: 3px solid #114986; padding-bottom: 8px; }
.gnb-all .all-wrapper .container > ul > li > ul > li > a { color: #333; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; font-size: 16px; padding: 0px; font-weight: bold; margin:10px 0; }
 gnb-all .all-wrapper .container > ul > li > ul > li > a:hover { font-weight: bold; transition: 0.2s all ease; }
.gnb-all .all-wrapper .container > ul > li > ul > li > ul > li > a { color: #333; display: block; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px;  padding: 0 15px;     transform: skew(-0.05deg); }

#footer-quick { background:#1E71C1; }
#footer-quick li { text-align:center; float:left; width:16.6%; border-right:1px solid #fff; }
#footer-quick li:hover { background:#4d9eec; transition:.3s all; }
#footer-quick li:first-child { border-left:1px solid #fff; }
#footer-quick li a { color:#fff; text-decoration:none; display:inline-block; width:100%; padding:20px 0; font-size:18px; }
#footer { background:#F1F2F7; padding:60px 0px 80px; position:relative; }
#footer img { float:left; margin-top:3px; }
#footer p { float:left; font-size:14px; transform: skew(-0.05deg); color:#929196; font-weight:bold; margin-bottom:0; margin-left:60px; line-height:25px; }
#footer p a { text-decoration:none; color:#929196; }
#topBtn { position:absolute; top:-35px; right:135px; margin:0!important; box-shadow: rgba(113, 113, 113, 0.28) 5px 7px 7px; cursor:pointer; }

.header-mobile-gnb {float:right; margin: 34px 10px 34px 0; font-size:30px;}
.header-mobile-gnb .toggle {color:#384565!important;}
.mm-panels { background:#114986!important; }
.mm-navbar { padding:20px 0px!important; height:inherit!important; position:relative!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;}

@media (min-width:1200px) and (max-width:1499px) {
    #headerBottom #gnb > li { padding:0 5px; }
    .subul > li { margin:0 5px; }
    .gnb-all .all-wrapper .container > ul > li { padding:0 10px; }
}

@media (min-width:993px) and (max-width:1199px) {
    .subul > li { margin:0 5px; }
    .subul > li > a { font-size:16px; }
    #headerBottom #gnb { margin-right:15px; margin-top:35px; }
    #headerBottom #gnb > li { padding:0 5px; }
    #headerBottom #gnb > li > a { font-size:16px; }
    .gnb-all .all-wrapper .container > ul > li  { padding:0 10px; }
    .gnb-all .all-wrapper .container > ul > li > a { font-size:15px; }
    .gnb-all .all-wrapper .container > ul > li > ul > li > a { font-size:14px; }
    .gnb-all .all-wrapper .container > ul > li > ul > li > ul > li > a { font-size:13px; }
}

@media (min-width:768px) and (max-width:992px) {
    .header-mobile-gnb { float: right; margin: 25px 10px 22px 0; font-size: 30px; }
    #allMenu { display:none; }
    #topBtn { display:none; }
    #headerBottom #main-logo { margin-left:15px; }
    #footer-quick li a { font-size:16px; padding:15px 0; }
    #footer p { font-size:13px; margin-left:15px; }
}

@media (max-width:767px) {
    #allMenu { display:none; }
    #topBtn { display:none; }
    #footer { padding:30px 0; text-align:center; }
    #footer img { float:none; margin:0 0 15px; max-width:150px; }
    #footer p { float:none; margin:0; padding:0 15px; font-size:14px; }
    #footer-quick li { width:33.333%; border:none!important; }
    #footer-quick li a { font-size:15px; padding:10px 0; transform: skew(-0.05deg); }
    #headerTop .row { margin:0; }
    #headerBottom #main-logo img { max-width:150px; margin-left:15px; }
    .header-mobile-gnb { float: right; margin: 20px 15px 10px 0; font-size: 30px; }
    .mm-panels > .mm-panel { padding:0 10px!important; }
    #headerTop li a { font-size:13px; padding:0 10px; }
    .mm-navbar { padding:10px 0!important; }
    .mm-navbar a { font-size:19px; }
    .mm-listview > li > a, .mm-listview > li > span { padding:10px 15px!important; font-size:15px; transform: skew(-0.05deg); }
}