@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');
}


/* font select */

body * { font-family:NanumSquare; letter-spacing : -0.3px;}
@media (min-width: 1200px) { .container { width: 1190px!important; } }

#gnb-wrap {background:#63548D; position:relative; text-align:center; }
#gnb { margin:0 auto; overflow:hidden; width:100%; text-align:center; padding:35px 0; }
#gnb > li  { display:inline-block; padding:0px 40px; position:relative;}
#gnb > li > a { font-size:22px; color:#fff; text-decoration:none; transition:all ease 0.2s; font-weight:normal;}
#gnb > li > a:hover {  border-bottom:3px solid #af93ff; padding-bottom:7px; transition:all ease 0.2s; font-weight:bold; }
#gnb > li > a.active { color:#fff; border-bottom:3px solid #af93ff; padding-bottom:7px; transition:all ease 0.2s; font-weight:bold; }
#gnb > li > ul { display:none; }
#main-logo { position:absolute; left:130px; top:17px; }
.header-box-right { font-size: 17px; position:absolute; right:80px; top:38px; }
.header-box-right a { display:inline-block; color:#fff; text-decoration:none; }
.header-box-right span { display:inline-block; color:#fff; }
.header-box-right a:hover { font-weight:bold; transition:0.3s all ease;}

/* gnb2 */

.gnb2 {background: #9086ab; width:100%; height:0px; position:absolute;left:0px; z-index:9999; overflow:hidden; text-align:center; }
.gnb2 .container { padding:23px 0px 0px; }
.subtext-wrap { float:left;  padding:0px; display:none; width:220px; 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 > li { display:inline-block; text-align:center; vertical-align:top; margin:0 20px; }
.subul > li:last-child { margin-right:0px; }
.subul > li > a { font-size:18px; font-weight:600;}
.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; }

/* footer */

#footer { background:#2D283C; padding:50px 0px; position:relative;}
#footer > div  {position:relative;}
#footer img { margin-right: 10px; clear:both; display:inline-block; vertical-align:top;}
#footer ul { display:block; margin:10px 0 0 35px;}
#footer ul li { color:#fff; font-size:15px; padding:0px; margin:3px 0;}
#footer ul li:first-child { font-weight:bold;}
#footer h5 { font-size:14px; font-weight:bold; margin:4px 0px 4px; color:#fff; display:inline-block;}
#footer p { font-size:14px; color:#9DA1A4; margin:0px 0px 30px;}
#footer .copy { position:absolute; right:100px; bottom:0; font-size:13px; color:#fff; padding:25px 0;}
#footer .foot-1 table {border:none; margin-left:38px; width:100%;}
#footer .foot-1 tr {margin-bottom:5px;}
#footer .foot-1 td:first-child { width:30%;}
#footer .foot-1 td:nth-child(2) { width:34%;}
#footer .foot-1 td {color:#fff; font-size:14px; padding:2px 0;}
#footer .foot-2 table {border:none; width:100%;}
#footer .foot-2 tr {margin-bottom:5px;}
#footer .foot-2 td:first-child { width:18%;}
#footer .foot-2 td:nth-child(2) { width:28%;}
#footer .foot-2 td:nth-child(3) { width:38%;}
#footer .foot-2 td {color:#fff; font-size:15px; padding:2px 0;}

.header-mobile-gnb {float:right; margin:20px 0px 20px 0; font-size:30px;}
.header-mobile-gnb .toggle {color:#fff!important;}
.mm-panels > #mm-1 {background-color:#63548D!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,
.mm-panels > #mm-12,
.mm-panels > #mm-13,
.mm-panels > #mm-14,
.mm-panels > #mm-15,
.mm-panels > #mm-16,
.mm-panels > #mm-17,
.mm-panels > #mm-18,
.mm-panels > #mm-19,
.mm-panels > #mm-20,
.mm-panels > #mm-21,
.mm-panels > #mm-22,
.mm-panels > #mm-23,
.mm-panels > #mm-24,
.mm-panels > #mm-25,
.mm-panels > #mm-26,
.mm-panels > #mm-27,
.mm-panels > #mm-28,
.mm-panels > #mm-29,
.mm-panels > #mm-30,
.mm-panels > #mm-31 { background-color: #63548D !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;}

#mob-log { background:#333; text-align:right; padding:8px 10px; }
#mob-log li { display:inline-block; font-size:14px; margin:0 5px;}
#mob-log a { color:#fff; text-decoration:none; }


@media (min-width:1200px) and (max-width:1499px) {
    #main-logo { left:15px; }
    .header-box-right { right:15px; }
    #gnb > li { padding:0 25px; }
}


@media (min-width:993px) and (max-width:1200px) {
    #main-logo { left:15px; }
    .header-box-right { right:15px; }
    #gnb > li { padding:0 5px; position:relative; left:40px; }
    #footer .copy { right:25px; }
}

@media (min-width:768px) and (max-width:992px) {
    #main-logo { position:relative; float:left; top:13px; left:0; max-width:200px; }
    .header-box-right { display:none; }
}

@media (max-width:767px) {
    #main-logo { position:relative; float:left; top:14px; left:0; max-width:170px; }
    .header-box-right { display:none; }
    .header-mobile-gnb { font-size:25px; }
    #footer { text-align:center;}
    #footer ul li:first-child { position:relative!important; top:0!important; left:0!important; }
    #footer ul { margin:0!important; }
    #footer .copy { position:relative; bottom:0; left:0; padding:15px 0 0; }
    #footer img { margin:0 0 15px; }
    #footer { padding:30px 0; }
}