@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
@import url("component.css");
@import url("jquery.mCustomScrollbar.css");
@import url("reset.css");
@import url("common.css");
@import url("content.css");


html,body { font-family: 'Nanum Gothic', sans-serif;font-size:13px;color:#666; min-width:320px; -moz-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust: none;  }
select, input[type="text"], input[type="password"], , input[type="email"], textarea, button { font-family: 'Nanum Gothic', sans-serif; font-size:13px }


header { position:fixed; top:0; left:0; right:0; background:#fff; border-bottom:1px solid #eaeaea; z-index:99 }
header .logo a { display:inline-block; width:130px; margin:8px }
header .logo img { max-width:100%; height:auto }
header .site-menu { position:absolute; top:0; right:0; overflow:hidden }
header .site-menu li { width:60px; height:60px; float:left }
header .site-menu li:last-child { background:url(../m_images/dvd-bar-t1.gif) no-repeat left center }
header .site-menu a { display:block; height:100%; text-align:center; transition:all .5s ease }
header .site-menu li:first-child a { background:url(../m_images/top-btn-map.png) no-repeat 0 0 }
header .site-menu li:last-child a { background:url(../m_images/top-btn-gnb-open.png) no-repeat 0 0 }
header .site-menu li:first-child a:hover { background-color:#b148cc; background-position:0 -60px }
header .site-menu li:last-child a.active { background:url(../m_images/top-btn-gnb-close.png) no-repeat 0 -60px #14c9a1 }


footer { position:relative; bottom:0; background:#333; text-align:center; color:#fff; padding:10px; z-index: 999 }
footer li { display:inline-block; font-size:11px; line-height:14px; border-right:1px solid #777 }
footer li:last-child { border:0px none }
footer li a { display:block; padding:0 7px; color:#b8b8b8 }
footer address { font-size:12px; margin-top:8px }
footer address img { vertical-align:-3px; margin-right:5px }
footer address strong { display:inline-block; vertical-align:baseline; font-size:14px; margin-right:5px }

#container { min-height:100%; margin:-60px 0 -105px 0; padding-top : 60px }
body#main { height : 100%; min-height : 100%; margin : 60px 0 -105px 0 }
.container-inner { padding:90px 10px 175px 10px }

.gnb { display:none; position:fixed; z-index:50; top:60px; bottom:0; width:100%; background:rgba(0,0,0,0.8); letter-spacing:-1px; }
.gnb li.dep1 { margin-bottom:1px }
.gnb li.dep1 > a { display:block; position:relative; height:100%; line-height:50px; background:rgba(255,255,255,0.1); color:#fff; font-size:17px; font-weight:bold; transition:all .3s ease }
.gnb li.dep1 > a:before { display:inline-block; vertical-align:top; content:""; width:50px; height:50px; background:url(../m_images/gnb-ic-1.png) no-repeat 0 0; background-size:cover; transition:all .3s ease }
.gnb li.dep1 > a:after { display:inline-block; vertical-align:top; content:"--"; letter-spacing:-5px; position:absolute; top:0; right:0; font-size:30px; width:50px; font-weight:normal; text-align:center }
.gnb li.has-sub > a:after { display:inline-block; vertical-align:top; content:"+"; position:absolute; top:0; right:0; font-size:30px; width:50px; text-align:center }
.gnb li.active > a:after { content:"--"; letter-spacing:-5px; }
.gnb li.active > a { background-color:#cdcdcd; color:#464646 }
.gnb li.active > a:before { background-position:0 -50px ! important }
.gnb li.dep1:nth-child(2) > a:before { background:url(../m_images/gnb-ic-2.png) no-repeat 0 0; background-size:cover }
.gnb li.dep1:nth-child(3) > a:before { background:url(../m_images/gnb-ic-3.png) no-repeat 0 0; background-size:cover }
.gnb li.dep1:nth-child(4) > a:before { background:url(../m_images/gnb-ic-4.png) no-repeat 0 0; background-size:cover }
.gnb li.dep1:nth-child(5) > a:before { background:url(../m_images/gnb-ic-5.png) no-repeat 0 0; background-size:cover }
.gnb li.dep1:nth-child(6) > a:before { background:url(../m_images/gnb-ic-6.png) no-repeat 0 0; background-size:cover }
.gnb li.dep1:nth-child(7) > a:before { background:url(../m_images/gnb-ic-7.png) no-repeat 0 0; background-size:cover }
.gnb li ul { display:none; overflow:hidden; background:#ababab }
.gnb li ul li { float:left; width:50%; line-height:40px; border-bottom:1px solid #bcbcba }
.gnb li ul li a { display:block; height:100%; padding-left:30px; font-size:14px; background:#ababab; border-right:1px solid #bcbcba; color:#333 }
.gnb li ul li:nth-child(2n) { border-right:0px none }





.pagetitle { margin-bottom:20px }
.pagetitle h1 { font-size:28px; font-weight:bold; color:#333 }