@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");

html,body { font-family: 'Nanum Gothic', sans-serif;font-size:13px;color:#666; -moz-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust: none;  background: #b5b9c3 url(../m_images/main-bg.jpg) no-repeat; background-size:cover; height : 100%; min-height : 700px; width : 100% }
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:fixed; left : 0; bottom:0; width : 100%; 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 { height : 100%; min-height:100%; margin:60px 0 -105px 0 }
.container-inner { padding:30px 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 }



/* main slider */


.main-slider { position:relative; top:0px; width:100%; height : 100%; }
.slider { float: left; }
.slider .jquery-reslider .slider-block { width: 100%;  height: 80%; position: relative; top : 10%; bottom : 10%; background-position: 50% 50%; background-size: cover; opacity: 0; z-index: 1; box-sizing : border-box; padding : 50px 0 100px 0 }
.slider .jquery-reslider .slider-direction { width: 60px; height: 60px; position: absolute; top: 45%; cursor: pointer }
.slider .jquery-reslider .slider-dots { position: absolute; width: 100%; text-align: center; bottom: 80px }
.slider .jquery-reslider .slider-dots li {  width: 15px; height: 15px; border-radius: 100px; display: inline-block;  margin: 10px; border: 1px solid #fff; cursor: pointer }
.slider .jquery-reslider .slider-dots li.active { background-color: #ffffff; }
.slide-text1 > div { position : absolute; top : 20%; bottom : 20%; left : 10%; right : 10%; width : 80% }
.slide-text1 > div h1 { font-size : 50px; font-weight : bold; color : #fff; text-align : center; line-height : 150%; border : 10px solid #fff; padding : 50px 0;  }



.main-slide-text-01 { display : table; width : 80%; margin : 30px auto }

.main-slide-text-01 h1 { font-size : 60px; padding : 80px 30px; border : 10px solid #fff; text-align : center; font-weight : bold  }




.main-slide-text-wrap { position : relative; left : 5%; right : 5%; width : 90%; background : rgba(0,0,0,0.5)}
.main-slide-text-wrap > div { padding : 30px 20px }
.main-slide-text-wrap > div > h1 { font-size : 30px; color : #fff; text-transform : uppercase; text-align : center; font-family : 'Malgun Gothic', '맑은고딕', 'Nanum Gothic', '나눔고딕', 'Dotum', '돋움'; }
.main-slide-text-wrap > div > h1 strong { display : block; font-size : 60px; }
.main-slide-text-wrap .main-slide-text { display : table; width : 100% }
.main-slide-text-wrap .main-slide-text ul { display : table-row; border-bottom : 1px sold } 
.main-slide-text-wrap .main-slide-text ul li { display : table-cell; vertical-align : middle; padding : 20px; border-bottom : 2px dotted #9ea0a2; text-align : left; }
.main-slide-text-wrap .main-slide-text ul li h1 { font-size : 16px; margin-bottom : 10px  }
.main-slide-text-wrap .main-slide-text ul li p { }
.main-slide-text-wrap .main-slide-text ul li img { max-width : 100% }
.main-slide-text-wrap .main-slide-text ul li:first-child { max-width : 100px; min-width : 50px; padding : 20px 0 }
.main-slide-text-wrap .main-slide-text2 { display : table; width : 100% }
.main-slide-text-wrap .main-slide-text2 ul { display : table-row; border-bottom : 1px sold } 
.main-slide-text-wrap .main-slide-text2 ul li { display : table-cell; vertical-align : middle; padding : 20px; border-bottom : 2px dotted #9ea0a2; text-align : left  }
.main-slide-text-wrap .main-slide-text2 ul li:last-child { max-width : 100px; padding : 20px 0 }
.main-slide-text-wrap .main-slide-text2 ul li img { max-width : 100% }





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


@media (max-width : 440px) { 
	.main-slide-text-wrap > div > h1 strong { font-size : 24px }
}