@charset "utf-8";
@import url(base.css);
@import url(board.css);



/* default */
@font-face {
  font-family: 'NG';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'NGB';
  font-style: normal;
  font-weight: 700;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'NGEB';
  font-style: normal;
  font-weight: 700;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}



/* default */
body {font-size:17px; line-height:30px;  font-family:"NG", "돋움", "Lucida Grande", "Verdana"; color:#555;}


a:link {text-decoration:none; color:#555; }
a:visited {text-decoration:none; color:#555;}
a:active {text-decoration:none; color:#555;}
a:hover {text-decoration:none; color:#0089d0;}




.cboth {clear:both;}
.clear:after{content:"";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.clear{zoom:1;display:block;}


/* Layout */
#wrapper {position: relative; width:100%; }



#gnb_wrap {position:relative; height:50px; background:#2c2f36;}
#gnb_wrap .gnb {position:relative; width:1060px; margin:0 auto;}
#gnb_wrap .gnb ul li {float:left; margin-left:30px;}
#gnb_wrap .gnb ul li a {color:#858890; font-size:11px; line-height:50px;}
#gnb_wrap .gnb ul {position:absolute; right:0;}


#header{position: absolute; width:100%; height:80px; z-index:10000;background:url(../images/common/line.png) repeat-x bottom; }
#header .top {position:relative; width:1060px; margin:0 auto;}
#header .top h1 {position: absolute; left:0; top:0;}
#header .top .lnb {position: absolute; right:0; }
#header .top .lnb ul li {float:left; margin-left:60px;}
#header .top .lnb ul li a {color:#fff;  font-family: 'NGB'; font-size:17px; line-height:80px;}


/* footer */ 
#footer_wrap {clear:both; position: relative; background:#fff; padding:30px 0; color:#858585; font-size:13px; border-top:1px solid #dfdfdf;}
#footer_wrap .footer {clear:both; position: relative; width:1060px; margin:0 auto;}
#footer_wrap .footer span {margin-left:20px; border-left:1px solid #dfdfdf; padding-left:20px;}
#footer_wrap .footer .nts {position: absolute;  right:5px; top:0;}





#container {position:relative; clear:both; width:100%; }
#contents_wrap {position:relative; clear:both; width:1060px; margin:0 auto;}





/* ====================== main ======================== */

#full_width_wrap{ position:relative; overflow:hidden; width:100%; height:700px; background:#ddd; min-width:1040px;}
#full_width_wrap #full_width{ margin-left:-960px; padding-left:50%;}
/* flexslider */
.flexslider{ width:100%; height:700px;}
.flexslider .slides li .photo{ display:block; overflow:hidden; height:700px; vertical-align:top;}
.flexslider .slides li .photo img{ display:block; max-width:none;}
.flexslider .slides li .text{ position:absolute; top:230px; left:50%; margin-left:-460px; overflow:hidden;}

/* flex-direction-nav */
.flex-direction-nav a{ display:block; position:absolute; top:340px; left:50%;  width:36px; height:72px;text-indent:-5000px; z-index:100;}
.flex-direction-nav .prev{margin-left:-566px;  background:url(../images/main/btn_prev.png) no-repeat 0 0;}
.flex-direction-nav .next{margin-left:530px;  background:url(../images/main/btn_next.png) no-repeat 0 0;}
/* flex-control-nav */
.flex-control-nav{ display:none; position:absolute; bottom:70px; left:50%; margin-left:-39px; width:auto; height:16px; text-indent:-5000px; z-index:100;}
.flex-control-nav a {float:left; margin:5px;  display:block; width: 16px; height: 16px; display: block; background: #0089d0;  cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-nav a.active {display:block; background: #fff;  cursor: default; }

.slogan {position:absolute; color:#fff; width:920px; top:340px; left:50%; margin-left:-460px; text-align:center; z-index:99; font-size:20px; line-height:32px;}
.slogan p {padding:20px 0;}
.slogan p.tt {font-size:44px;  line-height:56px; margin-bottom:10px;}
.s_slogan {position:absolute; color:#fff; width:920px; top:255px; left:50%; margin-left:-460px; text-align:center; z-index:99; font-size:20px; line-height:32px;}


#m_container_wrap {position:relative; clear:both; background:#eeeeee;}
#m_contents h2 {color:#fff; font-family: 'NGB'; font-size:19px; margin-bottom:10px;}
#m_contents a { color:#fff;}
#m_contents {position:relative; clear:both; width:1050px; margin:0 auto; top:-50px; border:5px solid #eee; color:#fff; background:#eee;}
#m_contents .mintroduce {position:relative; float:left; width:440px; height:150px; padding:40px; background:url(../images/main/introduce_bg.jpg) no-repeat;}
#m_contents .mbbs {position:relative; float:left; width:260px; height:150px; padding:40px 0; text-align:center; background:#73757a; margin-left:5px;}
#m_contents .mgallery {position:relative; float:right; width:260px; height:150px; padding:40px 0; text-align:center;  background:#474a50;}




/* ====================== sub ======================== */



#s_visual {position:relative; clear:both; height:400px; text-align:center;}
#s_visual img {margin-top:210px;}
.vis01 {background:url(../images/sub/visual01.jpg) no-repeat center;}
.vis02 {background:url(../images/sub/visual02.jpg) no-repeat center;}
.vis03 {background:url(../images/sub/visual03.jpg) no-repeat center;}
.vis04 {background:url(../images/sub/visual04.jpg) no-repeat center;}
.vis05 {background:url(../images/sub/visual05.jpg) no-repeat center;}
.vis06 {background:url(../images/sub/visual06.jpg) no-repeat center;}
.vis07 {background:url(../images/sub/visual07.jpg) no-repeat center;}

#s_container {position:relative; clear:both; padding:60px 0 0 0;}
#s_container h2 {color:#222;  font-size:30px; line-height:32px;  font-family:'NGB'; text-align:center; }


#introduce {position:relative; clear:both; text-align:center; font-size:18px; line-height:30px; padding:60px 0;}
#introduce .round{position:relative; clear:both; margin-top:50px; text-align:center;}
#introduce .round ul li {display:inline-block;  .display:inline-block;zoom:1;#display:inline;  letter-spacing:-0.03em; background:#3f3497; border-radius:50px; color:#fff; font-family: 'NGB'; padding:15px 40px; margin:0 10px;}

#history {position:relative; clear:both;  font-size:18px; line-height:30px; background:#f8f8f8;  padding:60px 0;}
#history .info {position:relative; clear:both;  width:1060px; margin:0 auto; margin-top:30px;}
#history .info ul {clear:both;}
#history .info ul li {float:left;  margin:10px 10px; background:url(../images/main/icon_black.jpg) no-repeat 0 9px; padding-left:10px;}
#history .info ul li.year {width:60px; color:#3f3497; font-family: 'NGEB';}

#location {position:relative; clear:both;  text-align:center; background:#f0ede5; padding:60px 0;}
#location  p { font-size:18px; margin-top:60px;}
#map {position:relative; clear:both;  border-top:1px solid #dad3c2; border-bottom:1px solid #dad3c2; overflow:hidden;}
#map .frame {width:1920px; height:400px; margin-left:-960px;padding-left:50%;}

#contents .stitle {position:relative; clear:both; }
#contents .stitle  ul li {float:left;}
#contents .stitle ul li.loca{float:right; color:#5a5a5a; font-size:14px; font-family:'NG';}
#contents .stitle ul li.loca strong {font-family:'NGEB'; color:#444;}
#contents .con {position:relative; clear:both;}
#contents .con h3 {color:#333;  font-family: 'NGB'; font-size:19px; margin-bottom:20px;}


#board {position:relative; clear:both; width:1060px; margin:0 auto; padding:60px 0;}


#activity {position:relative; clear:both; text-align:center;}


#people {position:relative; clear:both; width:1060px; margin:0 auto; padding:60px 0;}
#people .text {float:left; width:560px; height:430px; padding:35px 50px; background:#f9f9f9;}
#people .text ul {clear:both;}
#people .text ul li {float:left; width:48%; margin:15px 0;background:url(../images/people/icon_violet.jpg) no-repeat 0 13px; padding-left:2%;}
#people .img {float:right; width:400px; height:500px;}
#people .inquiry {position:relative; clear:both; text-align:center; font-size:19px; font-family: 'NGB';}

table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}

.con_table {position:relative; clear:both; border-top:2px solid #5cb010; border-right:1px solid #e6e6e6; margin-top:10px; text-align:left;}
.con_table th { color:#2a2a2a;  font-family:'NGB';  background:#f3f3f3;}
.con_table td.a_l {text-align:left;}
.con_table th, .con_table td {padding:10px 15px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}



.privacy_txt {clear:both;position:relative; padding:2%; width:95%; height:330px; overflow-y:scroll; overflow-x:hidden; text-align:left; 
border:1px solid #dfdfdf; ;background:#fcfcfc;
scrollbar-face-color:#FFFFFF;		
scrollbar-highlight-color:#CFCFCF;		
scrollbar-3dlight-color:#FFFFFF;		
scrollbar-shadow-color:#CFCFCF;		
scrollbar-darkshadow-color:#FFFFFF;		
scrollbar-track-color:#FFFFFF;		
scrollbar-arrow-color:#D0D0D0;	}
.privacy_txt h4 {font-size:15px; background:none; margin:30px 0 10px 0; }
.privacy_txt h5 {font-size:16px; color:#333; margin-top:20px;}
.privacy_txt p {padding-left:20px; margin-bottom:10px;}
.privacy_txt p.agree {padding-left:0;}


.ml20 {margin-left:20px;}