@charset "UTF-8";

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, input, textarea, select, table, button { font-size: 14px; line-height: 1.5; color: #333; font-family: "맑은 고딕", Malgun Gothic, dotum, Sans-serif; }

body, html { height: 100%; }

fieldset, img { border: 0 none; }

fieldset { clear: both; }

legend { display: none; }

em, address { font-style: normal; }

ul, ol, dl { list-style: none; }

button { cursor: pointer; border: 0 none; }

hr { clear: both; }

label { cursor: pointer; }

table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration: none; cursor: pointer; }
a:hover, a.active { text-decoration: underline; }

img { vertical-align: top; }

a:focus, button:focus { outline: 1px dotted #999 !important; }

input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-color: #999 !important; outline: none; }

header, hgroup, article, nav, footer, figure, figCaption, canvas, section, menu, details, aside { display: block; }

button, input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

button, input, textarea { margin: 0; outline: none; }

input, label { vertical-align: middle; }

input[type='checkbox'], input[type='radio'] { margin: 0; padding: 0; *margin: -3px; *margin-left: -4px; }


body { width: 100%; height: 100%; background:#876f51 url(../images/bg.jpg) no-repeat top center; }

.mgmt-wrap { width:100%; margin:0 0 -65px 0;}
.mgmt { position:relative; width: 100%; padding:0 0 65px 0;}
.mgmt .cont-head { position:relative; min-width:900px; margin:0 auto; *zoom:1; padding-top:90px; padding-bottom:34px; border-color:#737c9f; border-color:rgba(255,255,255,0.3); border-width:0 0 1px 0; border-style:solid; text-align:center;  }
.mgmt .cont-head .header { position:relative; width:900px; margin:0 auto; }
.mgmt .cont-head .header:before, .mgmt .cont-head .header:after {content:''; display:table;	}
.mgmt .cont-head .header:after { clear:both;}
.mgmt .cont-head h1 {  float:left; background:url(../images/bi.png) no-repeat 0 0; width:162px; height:118px; background-size:162px 118px;  font-size:0; line-height:0; text-indent:-9999px;}
.mgmt .cont-head .check-info { float:left; margin:0 0 0 40px; }
.mgmt .cont-head .check-info .title { font-size:3.214em; margin-bottom:16px; margin-left:-5px; color:#fff; font-weight:bold; line-height:1em; letter-spacing:-0.071em;}
.mgmt .cont-head .check-info p { font-size:1.286em; color:#fff; text-align:left;}
.mgmt .cont-head .check-info p strong { color:#fff;}
.mgmt .cont-head .download { position:absolute; top:0; right:0;}
.mgmt .cont-head .download a { display:block; font-size:1.286em; color:#fff;  letter-spacing:-0.071em; text-align:center; padding:14px 24px;   -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 1px 1px 0 0 rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 0 rgba(0,0,0,0.1); box-shadow: 1px 1px 0 0 rgba(0,0,0,0.1);}
.mgmt .cont-head .download a:hover { text-decoration:none;}
.mgmt .cont-head .download a.btn-download { background-color:#25ab9a; margin-bottom:10px; }
.mgmt .cont-head .download a.btn-download2 { background-color:#3192c9; }
.mgmt .cont-head .download a.btn-download:hover { background-color:#219a8a;}
.mgmt .cont-head .download a.btn-download2:hover { background-color:#2c83b5;}
.mgmt .cont-body { position:relative; margin:0 auto;padding:40px 0 0 0; max-width:900px;}
.mgmt .cont-body .cont { width:900px; }
.mgmt .cont-body .cont .banner-box:before, .mgmt .cont-body .cont .banner-box:after {content:''; display:table;	}
.mgmt .cont-body .cont .banner-box:after { clear:both;}
.mgmt .cont-body .cont .banner-box  { padding-bottom:25px; }
.mgmt .cont-body .cont .banner-box .event-box { float:left; width:620px; }
.mgmt .cont-body .cont .banner-box .title { color:#fff; font-size:1.286em; margin-bottom:15px; letter-spacing:-0.071em; line-height:1em; }
.mgmt .cont-body .cont .banner-box .event-box .event-list { overflow: hidden; visibility: visible; position: relative; margin:0; }
.mgmt .cont-body .cont .banner-box .event-box ul {float:left; width:578px; height:167px; padding-right:16px; margin-right:25px; border-width:0 1px 0 0; border-color:rgba(255,255,255,0.3); border-style:solid;}
.mgmt .cont-body .cont .banner-box .event-box ul li { float:left; width:280px; height:167px; margin-right:9px; }
.mgmt .cont-body .cont .banner-box .event-box .event-navi { display:none;}
.mgmt .cont-body .cont .banner-box .event-box ul li img { width:280px; height:167px;}
.mgmt .cont-body .cont .banner-box .go-link { float:left; width:280px;}
.mgmt .cont-body .cont .banner-box .go-link ul li img { width:280px; height:167px; }
.mgmt .cont-body .cont .banner-box .go-link ul li a {display:block;}
.mgmt .cont-body .cont .videos { position: relative; width:900px; overflow:hidden; }
.mgmt .cont-body .cont .videos .bg { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity: 0.5; filter: alpha(opacity=50);}
.mgmt .cont-body .cont .player { position: relative; overflow: hidden; width:618px; height:348px; margin:1px; }
.mgmt .cont-body .cont .player iframe,
.mgmt .cont-body .cont .player object,
.mgmt .cont-body .cont .player embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mgmt .cont-body .cont .videos .movie-list { position:absolute; top:0; right:0; width:240px; height:320px; margin:20px; }
.mgmt .cont-body .cont .movie-list ul { width:240px;}
.mgmt .cont-body .cont .movie-list ul:before, .mgmt .cont-body .cont .movie-list ul:after {content:''; display:table;	}
.mgmt .cont-body .cont .movie-list ul:after { clear:both;}
.mgmt .cont-body .cont .movie-list ul li { float:left; width:240px; margin:0 0 10px 0;  }
.mgmt .cont-body .cont .movie-list ul li a { position:relative; display:block; text-decoration:none;}
.mgmt .cont-body .cont .movie-list ul li a:hover .movie-info span strong { text-decoration:underline;}
.mgmt .cont-body .cont .movie-list ul li img { width:93px; height:70px;}
.mgmt .cont-body .cont .movie-list ul li .movie-thumb { float:left; width:93px;}
.mgmt .cont-body .cont .movie-list ul li .movie-thumb .thumb-border { display:none; position:absolute; top:0; left:0; border:2px solid #25ab9a; width:89px; height:66px;}
.mgmt .cont-body .cont .movie-list ul li a.active .thumb-border { display:block;}
.mgmt .cont-body .cont .movie-list ul li a:before, .mgmt .cont-body .cont .movie-list ul li a:after {content:''; display:table;	}
.mgmt .cont-body .cont .movie-list ul li a:after { clear:both;}
.mgmt .cont-body .cont .movie-list ul li .movie-info { position: absolute; top: 0; left:103px; right: 0;  bottom: 0; display: block; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap;  font-size:1em; margin:0; max-height:70px;}
.mgmt .cont-body .cont .movie-list ul li .movie-info span {  display:inline-block; max-width: 100%; white-space: normal; word-wrap: break-word; vertical-align: middle; margin:0; }
.mgmt .cont-body .cont .movie-list ul li a.active .movie-info span strong { color:#25ab9a;}
.mgmt .cont-body .cont .movie-list ul li .movie-info span strong { color:#aaa; font-weight:normal; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; font-size:1em; max-height:42px; }
.mgmt .cont-body .cont .movie-list ul li .movie-info:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

.sns-link { position:absolute; bottom:0; left:50%; width:30px; margin-left:475px;}
.facebook { display:inline-block; text-align:center; background-color:#1f5dbc; width:48px; height:32px; padding:8px 0;}
.facebook .ico-facebook { display:inline-block; background-image:url(../images/ico-facebook.png); background-repeat:no-repeat; font-size: 0; line-height: 0; vertical-align:middle; width:30px; height:30px; background-size:30px 30px;}
.youtube { display:inline-block; width:48px; height:32px; text-align:center; background-color:#ad2428; padding:8px 0;}
.youtube .ico-youtube { display:inline-block; width:30px; height:30px; background-image:url(../images/ico-youtube.png); background-repeat:no-repeat; background-size:30px 30px; font-size: 0; line-height: 0; vertical-align:middle;  }
.kakaoplus { display:inline-block; width:48px; height:32px; text-align:center; background-color:#eeb916; padding:8px 0;}
.kakaoplus .ico-kakaoplus { display:inline-block; width:30px; height:30px; background-image:url(../images/ico-kakaoplus.png); background-repeat:no-repeat; background-size:30px 30px; font-size: 0; line-height: 0; vertical-align:middle;  }
.copyright { width:100%; height:55px; padding-top:10px; font-size:11px; color:#a2abc5; color:rgba(255,255,255,0.5); text-align:center; }

/* media */
@media screen and (max-width:900px) {
	body {
		background:#876f51 url(../images/bg_m.jpg) no-repeat 0 0; background-size:cover;
	}
	.mgmt-wrap { width:100%; min-height:100%; margin:0;}
	.mgmt { position:relative; width: 100%; padding:0; }
	.mgmt .cont-head { width:100%; min-width:100%; padding-top:30px; padding-bottom:20px; }
	.mgmt .cont-head .header { width:100%; margin:0;  }
	.mgmt .cont-head h1 { float:none; margin:0 auto; width:81px; height:59px; background-size:81px 59px; }
	.mgmt .cont-head .check-info { float:none; margin:20px 0 0 0; text-align:center;}
	.mgmt .cont-head .check-info .title { font-size:2em; margin-bottom:9px; margin-left:0; }
	.mgmt .cont-head .check-info p { font-size:1em; text-align:center;  }
	.mgmt .cont-head .download {position:relative; margin-top:10px; }
	.mgmt .cont-head .download a { font-size:1em; display:inline-block; }
	.mgmt .cont-body {max-width:872px; padding:30px 0 0 0; margin:0 7px;  }
	.mgmt .cont-body .cont { width:100%; }
	.mgmt .cont-body .cont .movie-list ul {  width:240px; padding:0; }
	.mgmt .cont-body .cont .banner-box { padding-bottom:18px;}
	.mgmt .cont-body .cont .banner-box .title { font-size:1em; margin-bottom:6px; margin-left:5px;  }
	.mgmt .cont-body .cont .banner-box .event-box { width:50%;}
	.mgmt .cont-body .cont .banner-box .event-box .event-list { visibility: hidden;  margin:0 5px; }
	.mgmt .cont-body .cont .banner-box .event-box ul { position:relative; overflow:hidden;  float:none; width:100%; height:auto; padding:0; margin:0; border:none; }
	.mgmt .cont-body .cont .banner-box .event-box ul li { position:relative; width:100%; height:auto; margin:0; }
	.mgmt .cont-body .cont .banner-box .event-box ul li img { width:100%; height:auto;}
	.mgmt .cont-body .cont .banner-box .event-box .event-navi { display:block; height:6px; padding-top:6px; text-align:center;}
	.mgmt .cont-body .cont .banner-box .event-box .event-navi .slide-num {display: inline-block; width: 6px; height: 6px; overflow: hidden; margin: 0 3px; vertical-align: top; font-size: 0; line-height: 0;}
	.mgmt .cont-body .cont .banner-box .event-box .event-navi .slide-num i { position:relative; display: inline-block; width:6px; height:12px; background-image:url(../images/navi-dot.png); font-size: 0; line-height: 0; text-indent: -9999px; vertical-align:middle; background-position: 0 0; background-repeat:no-repeat; background-size:6px 12px; }
	.mgmt .cont-body .cont .banner-box .event-box .event-navi .slide-num.active i { background-position:0 -6px;}
	.mgmt .cont-body .cont .banner-box .go-link {  width:50%; }
	.mgmt .cont-body .cont .banner-box .go-link ul { margin:0 5px;}
	.mgmt .cont-body .cont .banner-box .go-link ul li img { width:100%; height:auto; }
	.mgmt .cont-body .cont .videos { width:auto; margin:0 5px; position:relative; }
	.mgmt .cont-body .cont .videos img { width:100%;}
	.mgmt .cont-body .cont .videos .player { position: relative; width:100%; padding-bottom: 56.25%; height: 0; margin:0; overflow: hidden; }
	.mgmt .cont-body .cont .videos .movie-list { position:relative; margin:15px 0 10px; width:100%; height:104px;  }
	.mgmt .cont-body .cont .movie-list ul { width:392px; padding:0 10px; }
	.mgmt .cont-body .cont .movie-list ul:before, .mgmt .cont-body .cont .movie-list ul:after {content:''; display:table;	}
	.mgmt .cont-body .cont .movie-list ul:after { clear:both;}
	.mgmt .cont-body .cont .movie-list ul li { float:left; width:88px; height:auto; margin:0 5px;  }
	.mgmt .cont-body .cont .movie-list ul li a { position:relative; display:block; text-decoration:none;}
	.mgmt .cont-body .cont .movie-list ul li a:hover .movie-info span strong { text-decoration:none;}
	.mgmt .cont-body .cont .movie-list ul li img { width:88px; height:66px;}
	.mgmt .cont-body .cont .movie-list ul li a.active .thumb-border { display:block;}
	.mgmt .cont-body .cont .movie-list ul li .movie-thumb { position:relative; display:block;}
	.mgmt .cont-body .cont .movie-list ul li .movie-thumb .thumb-border { display:none; position:absolute; top:0; left:0; width:84px; height:62px; border:2px solid #25ab9a;}
	.mgmt .cont-body .cont .movie-list ul li .movie-info  { position:relative; width:100%; left:0; display:block; }
	.mgmt .cont-body .cont .movie-list ul li .movie-info span strong { font-size:0.857em; margin-top:3px; max-height:32px; }
	.mgmt .cont-body .cont .movie-list ul li .movie-info:after {display:none;}
	.mgmt .sns-link { position:relative; left:0; top:0; width:100%; margin-top:30px; margin-left:0; padding-bottom:50px; text-align:center;}
	.mgmt .facebook { width:24px; height:24px; border:1px solid rgba(255,255,255,0.1); margin:0 1px; padding:0;  }
	.mgmt .facebook .ico-facebook {  width:15px; height:15px;  background-size:15px 15px; margin-top:2px; }
	.mgmt .youtube { width:24px; height:24px; border:1px solid rgba(255,255,255,0.1); margin:0 1px; padding:0;}
	.mgmt .youtube .ico-youtube { width:15px; height:15px; background-size:15px 15px; margin-top:2px; }
	.mgmt .kakaoplus { width:24px; height:24px; border:1px solid rgba(255,255,255,0.1); margin:0 1px; padding:0;}
	.mgmt .kakaoplus .ico-kakaoplus { width:15px; height:15px; background-size:15px 15px; margin-top:2px; }
	.copyright { font-size:10px; text-align:center; height:auto; padding-bottom:30px; }
}