@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,100italic,300italic,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600italic,600,700,700italic,900,900italic);


body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,from {margin:0; padding:0;}
ul,ol,dl {list-style:none;}


h1,h2,h3,h4,h5 {margin:0; padding:0;}
h1 {font-size:24px;}
h2 {font-size:28px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:24px;}
h6 {font-size:30px;}

body {
 	  font-family: 'Lato','Source Sans Pro','Noto Sans KR','돋움', '돋움체', sans-serif !important;
	  font-size: 13px;
	  color:#666;
	  overflow-y:scroll;
	  height:100%;
	  width:100%;
	  position:absolute;
	  }

input, textarea, keygen, select, button {
	  font-family: 'Lato','Source Sans Pro','Noto Sans KR','돋움', '돋움체', sans-serif !important;
	  font-size: 13px;
	  color:#666;
}

.fl { float:left; }
.fR { float:right; }
.fN { float:none; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.alignCenter { text-align:center; }


.one-1 { width:100%; }

/* mpPlay */
.mpPlay { margin-bottom:30px !important; }

/* body */
.headers { float:left; width:100%; height:162px; background:url(../img/headerBg.jpg) repeat-x left top; }
.nav { width:960px; padding:120px 0 0; margin:0 auto; position:relative; }
.logo { position:absolute; left:0; top:122px; }
.logo > a > img { max-width:152px; }

.gnb { float:right; margin-top:10px; margin-right:2px; }
.menuBox { overflow:hidden; }
.menuBox .menu { float:left; list-style: none; }
.menuBox .menu li { float:left; list-style:none; text-align:left; }
.menuBox .menu li a { padding:0; display:inline-block; border:0; color:#fff; font-weight:100; font-size:12px; }
.menuBox .menu li a:hover { color:#ff9900; }

.menuBox .menu li#topMenu, .menuBox .menu li#topMenu1 { margin-right:41px; }
.menuBox .menu li#topMenu2 { margin-right:36px; }
.menuBox .menu li#topMenu3, .menuBox .menu li#topMenu4, .menuBox .menu li#topMenu5, .menuBox .menu li#topMenu6 { margin-right:35px; }

.boardList .thumb a:hover img { background: #ffffff; opacity:0.75; filter:alpha(opacity=75); transition:all 0.7s; -webkit-transition:all 0.7s; }


#wrap { float:left; width:100%; margin-bottom:30px; }
.content { width:960px; margin:50px auto 30px auto; position:relative; }

/* about */
.aboutGallery { width:960px; margin:0 auto; }
.aboutGallery thead { display:none; }
.aboutGallery .thumbList { padding:0; }


/* sub */
.m1 { padding:50px 0; }
.m1-2 { padding:80px 0; background:#f5f5f5; }


/* board */
.addthis_toolbox { display:none; }
.boardReadBody { margin-top:50px; }
.thumbList li .title a { color:#818181 !important; }
.pagination > strong { color:#ff9900 !important; }
.boardSearchForm .inputText, .board .editorOption .inputText, .boardWrite .boardWriteHeader .inputText { height:auto; }
.extraVarsList td { background-color:#f3f2f2; }
.extraVarsList th, .extraVarsList td { border-color:#fff; }

.extraVarsList tr th { text-align:right !important; }
.board .editorOption .inputText, .extraVarsList tr td .email_address, .extraVarsList tr td .text { width:100%; height:26px; display: inline-block; margin: 0; padding: 3px 6px; background: #fbfbfb; border-radius: 3px; border: 1px solid; border-color: #BBB #DDD #DDD #BBB; }
.board .editorOption .inputText.userName, .board .editorOption .inputText.userPw { width:150px; }
.board .editorOption .inputText.userName { margin-right:6px; }
.extraVarsList td select { min-width:120px; height:26px; margin:0; padding:3px 6px; background: #fbfbfb; border-radius: 3px; border: 1px solid; border-color: #BBB #DDD #DDD #BBB; }
.extraVarsList tr td .date { height:26px; margin:0; padding:3px 6px; background: #fbfbfb; border-radius: 3px; border: 1px solid; border-color: #BBB #DDD #DDD #BBB; }
.extra_vars1 { width:50%; }
.extraVarsList { margin-bottom:0; width:100%; }

.board .boardNavigation { padding-bottom:0 !important; }
.smallBox > .header >  h3 { text-align:center; margin-bottom:20px; }


/* main Slider */
#wrapMain { position:relative; width:100%; height:100%; display:table; vertical-align:middle; text-align:center; }
#text-box { position:absolute; width:100%; height:466px; display:block; vertical-align:middle; margin:auto; top:48.88%; //left:50%; margin-top:-233px; //margin-left:-600px; }
.titleIntro {z-ndex:99; color:#fff; display:block; font-size:20pt; font-weight:200; line-height:0.9; margin:auto auto 20px; width:100%; }
.intro_logo {margin:70px 10px  30px  10px;}
.btnBox > .btn { display:inline-block; width:200px; padding:0px; margin:5px 10px; font-weight:normal; font-size:16px; border:2px solid #fff; height:40px; }
.btnBox > .btn:hover {  }
.btnBox > .btn a {  }
.copyinfo { }
.copyinfo .cpif { }
.copyinfo .cpif a { }



.board .boardNavigation { border:none; }
.document_popup_menu { display:none; }

.copyright { height:44px; background:#2f2f2f; margin-top:60px; }
.copyright > div { padding-top:12px; }
.copyright > div > a { margin:0 auto; color:#999; }

/* top */
.tops { position:fixed; bottom:20px; right:30px; background: url(../img/top.png) no-repeat; width:50px; height:50px; background-color: rgba(235, 235, 235, 0.80); cursor:pointer; -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; border-radius: 0.8em; }
.tops:hover { background-color: rgba(156, 156, 156, 0.30; transition:all 0.7s; -webkit-transition:all 0.7s; }