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

/* ============ 
	Nanum Gothic
===============	*/
@font-face {
font-family:"NanumGothicR";
font-style:normal;
    src: url('../fonts/NanumGothic-Regular.eot');
    src: url('../fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NanumGothic-Regular.woff') format('woff'),
         url('../fonts/NanumGothic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family:"NanumGothicB";
	src: url('../fonts/NanumGothic-Bold.eot');
    src: url('../fonts/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NanumGothic-Bold.woff') format('woff'),
         url('../fonts/NanumGothic-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family:"NanumGothicEB";
	src: url('../fonts/NanumGothic-ExtraBold.eot');
    src: url('../fonts/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NanumGothic-ExtraBold.woff') format('woff'),
         url('../fonts/NanumGothic-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body, h1, h2, h3, h4, h5, input, textarea, select, th, td { font-family:'NanumGothicR','맑은 고딕',Malgun Gothic,'돋움',dotum,Tahoma,Verdana,Helvetica,sans-serif; color:#333333; font-size:13px; }
a { color:#fcde58; }

/* skipnavigation */
* { -webkit-text-size-adjust:none;}



#skipnavigation {position:absolute;top:0;left:-1000%;}


/* ============
	기본레이아웃
===============	*/
html, body { }



#header { width:100%;  border-bottom:1px solid  #dddfe2;  background-color:#fff;  height:130px;    /*position:fixed; top:0;   z-index:1000;	*/}
	

.header_wrap	{width:1000px;  margin:0 auto; }
.header_wrap:after {content:""; clear:both; display:block;}
.header_wrap h1 {  margin:35px 0 20px;  width:250px;  float:left; }
.header_wrap h1 img {width:90%; height: auto;}
#navigation { width:750px;  float:left;} 
#navigation li{  margin-top:65px ;  margin-left:40px;  display:inline-block;  height:35px; float:right; text-align:center; font-size:19px; font-weight:bold; }
#navigation li a {color:#464141;}
#navigation li a:hover{color:#f49a91;}
#navigation li a.on{color:#f49a91;}





#container { width:100%;  max-width:100%}
#content { width:1000px; margin:0 auto; padding:0 0 40px 0; }
#content h2 { text-align:left; height:50px; line-height:50px; font-size:26px; color:#333333; font-weight:normal; font-family:'NanumGothicB'; display:inline-block;}
#content h2 > i { font-size:25px; vertical-align:middle; margin-right:7px; }
#content h3 { height:30px; line-height:30px;font-size:15px; color:#333333; font-weight:normal; font-family:'NanumGothicB'; }
#content h3 > i { font-size:16px; vertical-align:middle; margin-right:5px; color:#8394bb; }

/* header */
#nav { width:1000px; margin:0 auto }
#nav:after {content:""; clear:both; display:block;}
#nav li { float:left; width:249px; height:45px; border-left:1px solid #0067a6; }
#nav li:first-child { width:250px; border-left:none; }
#nav li a { display:inline-block; width:100%; height:100%; background:#007bbd; color:#fff; line-height:40px; text-align:center; font-size:17px; font-family:'NanumGothicB'; }
#nav li a:hover, #nav li.on a { background:#0067a6; }


/*행사안내 */
#poster { background:#364353; padding:40px; font-size:14px; color:#d1d1d1;  line-height:1.4em;  }
#poster .bg {background:url(../images/bg.jpg) right 420px no-repeat; background-size:53% auto; border:0;}
#poster h2{font-size:40px; color:#fcde58; line-height:40px; letter-spacing:-0.07em; text-align:center;  font-family:'NanumGothicB'; padding-bottom:40px; }
#poster h3{font-size:22px; color:#faa634; line-height:22px; letter-spacing:-0.06em; text-align:center;  font-family:'NanumGothic';}
#poster h4{font-size:16px; color:#fff; line-height:16px; padding:30px 0 10px;}
#poster h5{font-size:15px; color:#fbc4c2; line-height:15px; padding:20px 0 10px;}
#poster h5.pd5 {padding-top:5px;}
#poster h4 span.a{display:block;  background:url(../images/title_bg1.jpg) no-repeat; width:97px; height:30px;  line-height:30px; color:#364353; padding-left:10px; box-sizing:border-box;  }
#poster h4 span.b{display:block;  background:url(../images/title_bg2.jpg) no-repeat; width:97px; height:30px;  line-height:30px; color:#364353; padding-left:10px; box-sizing:border-box;  }
#poster h4 span.c{display:block;  background:url(../images/title_bg3.jpg) no-repeat; width:97px; height:30px;  line-height:30px; color:#364353; padding-left:10px; box-sizing:border-box;  }
#poster h4 span.d{display:block;  background:url(../images/title_bg4.jpg) no-repeat; width:97px; height:30px;  line-height:30px; color:#364353; padding-left:10px; box-sizing:border-box;  }
#poster h4 span.e{display:block;  background:url(../images/title_bg5.jpg) no-repeat; width:97px; height:30px;  line-height:30px; color:#364353; padding-left:10px; box-sizing:border-box;  }
#poster p{color:#a1d8d3;  width:80%; }
#poster .list { font-size:14px; }
#poster .list li {height:20px;  background:url(../images/icon_bg.jpg) left 5px no-repeat ;  padding-left:20px;}
#poster .schedule {width:100%; border:1px solid #bfc4e2; text-align:center;}
#poster .schedule  th{padding:10px 5px;  height:25px; border-bottom:1px solid #364353; color:#364353; font-size:15px; background-color:#bfc4e2; border-right:1px solid #364353; font-weight:bold;}
/*#poster .schedule  td{padding:7px 5px; border-bottom:1px solid #bfc4e2; color:#d1d1d1; font-size:13px; border-right:1px solid #bfc4e2; } */
#poster .schedule  td{padding:7px 5px; border-bottom:1px solid #364353; color:#333333; font-size:13px; border-right:1px solid #364353; background-color:#fff }

#poster a{color:#fcde58; text-decoration:underline; margin-right:10px; padding-bottom:10px; font-weight:bold;}
.green{color:#83c283;}
.sky_blue{color:#bfc4e2;}
.yellow{color:#e5c66b;}
.pink{color:#f69896;}

.data_view { width:100%; border-bottom:2px solid #8394bb; }
/* 테이블 */

/* 공지사항 게시판 */
.board_top		{padding-bottom:10px;text-align:right;color:#767676;}
.board_top img	{padding:0 5px;}
.board_top span	{color:#408fcd;}

#notice_list	{position:relative;width:1000px;border-top:2px solid #7b909d;border-bottom:1px solid #c7c7c7;text-align:center;}
#notice_list th {padding:14px 5px; border-bottom:1px solid #e5e5e5; color:#333; font-size:14px;}
#notice_list th img {vertical-align:middle;}
#notice_list td			{padding:14px 5px;border-bottom:1px solid #e5e5e5;color:#626262; }
#notice_list td.left	{text-align:left;height:14px;color:#333;}
#notice_list td.left img{vertical-align:middle;padding-right:10px;}
#notice_list td.left span	{color:#408fcd; }
#notice_list td.num		{padding:15px 0;font-family:"Tahoma";font-weight:bold;}
#notice_list td.r_num_r	{padding:15px 0;font-family:"Tahoma";text-align:left;color:#fc5903;}
#notice_list td.r_num_b	{padding:15px 0;font-family:"Tahoma";text-align:left;color:#056aab;}

/* 레이어 팝업 */


#pop1	{ position:relative; /*background:url(/highone/images/pw_bg.png) left top no-repeat; */background:#fff; display:none; width:484px; height:295px; padding:27px 30px; border:1px solid #364353;}
#pop1 .pop_tit	{ font-size:30px; color:#000; letter-spacing:-1px; padding-bottom:15px; border-bottom:2px solid #7b909d; }
#pop1 .close	{ position:absolute; top:27px; right:30px; }

.pop_tong	{ margin:75px 55px 0; }
.pop_tong p { padding-bottom:10px;}
.pop_pw		{ padding:3px 5px 0; width:279px; height:36px; font-size:15px; color:#333; background-color:#f0f0f0; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0; border-left:2px solid #c0c0c0;  }
.pop_tong p a input {position:absolute; bottom:128px; right:90px; width:80px; height:43px;  line-height:35px; font-size:16px; color:#fff; background:#7b909d; border:1px solid #556975; border-radius:2px; }


/* simple modal Overlay */
#simplemodal-overlay { background-color:#000; cursor:wait; }



#notice_view		{width:1000px;padding:25px 0 5px;border-top:2px solid #7b909d;border-bottom:1px solid #c7c7c7;}
#notice_view .tit	{padding:0 15px 15px;font-size:24px;}
#notice_view .info		{height:12px;margin-bottom:20px;}
#notice_view .info li	{float:left; padding:0 10px;background:url(../images/footer_bar.gif) left 0.2em no-repeat;}
#notice_view .info li.right	{float:right; background:none;}
#notice_view .info li:first-child	{background:none;padding-left:15px;}
#notice_view .info li span	{color:#767676;}
#notice_view .body	{padding:10px 25px; border-top:1px solid #c7c7c7; line-height:35px; }
#notice_view .body img {width:98%;  height:auto; padding:20px 0;}
#notice_view .re_tit{padding:12px 20px; background-color:#f1f1f1;color:#408fcd; border-top:1px solid #c7c7c7;}

#notice_view .body .video {text-align:center;}

#notice_view .infoLine {border-top:1px solid #c7c7c7; line-height:30px; background:#f9f9f9; display:inline-block; width:100%; }
#notice_view .infoLine ul {display:inline-block; height:24px;}
#notice_view .infoLine li:first-child	{background:none; padding-left:15px;}
#notice_view .infoLine li	{float:left; padding:0 10px;background:url(../images/footer_bar.gif) left 0.9em no-repeat; line-height:34px;}
#notice_view .infoLine li span	{color:#767676;}

#notice_write		{position:relative;width:1000px;border-top:2px solid #7b909d;border-bottom:1px solid #c7c7c7;text-align:center;}
#notice_write th	{padding:10px 5px; border-bottom:1px solid #e5e5e5; color:#333; font-size:13px; background-color:#ececec; border-right:1px solid #c7c7c7;}
#notice_write td	{padding:10px 20px;border-bottom:1px solid #e5e5e5;color:#626262;text-align:left;}
#notice_write td span {display:block; padding-top:10px; }
#notice_write td span img {width:18px; height:18px; background:none; margin:2px 0 0 2px;}
#notice_write input {height:30px;}


#notice_write td a * {background:#b4b0b0; border:0px;  color:#fff;  width:79px; height:32px; padding-bottom:3px; font-weight:bold; font-size:14px; font-family:'NanumGothicB','맑은 고딕',Malgun Gothic,'돋움',verdana,tahoma,sans-serif;cursor:pointer;display:inline-block;text-align:center; }
#notice_write td a *:hover { cursor:pointer; _cursor:hand;  filter:alpha(opacity=80); -khtml-opacity:0.8; -moz-opacity:0.8; opacity:0.8;  }


/* 게시판 페이지 */
#board_paging  {position:relative;clear:both;width:1000px;margin:30px 0;font-size:12px;line-height:12px;text-align:center;letter-spacing:0; height:24px;}
#board_paging a {display:inline-block;width:20px;height:14px;padding:5px 2px;color:#666;}
 /* #board_paging strong {display:inline-block;width:20px;height:14px;padding:5px 2px;color:#fff;background:url(/highone/images/icon_circle.gif) left top no-repeat;} URL 부분 수정.20161017 고소영*/
#board_paging strong {display:inline-block;width:20px;height:14px;padding:5px 2px;color:#fff;background:url(../images/icon_circle.gif) left top no-repeat;}
#board_paging span.prev a {display:inline-block;width:22px;height:14px;vertical-align:middle;text-align:center;}
#board_paging span.next a {display:inline-block;width:22px;height:14px;vertical-align:middle;text-align:center;}
#board_paging span.page {position:relative;vertical-align:middle;}
#board_paging span.prev img {vertical-align:text-bottom;}
#board_paging span.next img {vertical-align:text-bottom;}


.search_bar	{clear:both;width:620px;height:32px;padding:22px 0 20px 130px;background-color:#f1f1f1;}
.search_bar .select_search	{float:left;padding:3px;border:1px solid #e3e3e3;background-color:#fff;}
*:first-child+html .search_bar .select_search	{float:left;padding:3px 5px;margin-top:1px;border:1px solid #e3e3e3;background-color:#fff;}
.search_bar img		{vertical-align:middle;}
select.search		{background-color:#fff;border:1px solid #fff;}
.search_inputText	{width:354px;height:19px;padding:3px;margin-left:5px;border:1px solid #e3e3e3;background-color:#fff;color:#777;vertical-align:middle;}

/* 갤러리 */

.gallery_line{border-top:2px solid #7b909d; width:100%; margin-bottom:30px; }
#gallery ul{margin-bottom:20px; width:1000px; }
#gallery ul:after {content:""; clear:both; display:block;}
#gallery li{width:300px; height:338px; border:1px solid #e9eaeb; margin-left:46px; float:left; background:#f9f9f9;}
#gallery li:first-child { margin-left:0px;}
#gallery li img{width:300px; height:230px;}
#gallery p{display:inline-block; background:#f9f9f9; width:270px; padding:20px 15px; color:#666; font-size:16px; line-height:1.3em;}
#gallery p span{color:#777777; font-size:12px; }
#gallery p span.g1{color:#e5e5e5; }
#gallery p em{color:#afaca9; font-size:12px;}


/* 수상작 */
.sBox {display:inline-block; float:right; margin-top:10px;}

#premier ul:after {content:""; clear:both; display:block;}
#premier ul .premierBox { width:278px; height:190px; border:1px solid #e9eaeb; margin:0 20px 20px 0; float:left; background:#f9f9f9; padding:30px 20px 0; text-align:center;}
#premier .premierBox:nth-child(3n) {margin-right:0px;}
#premier .premierBox a {width:100%; height:100%; display:inline-block;}
#premier .premierBox h3 {color:#333; font-size:22px; font-weight:bold; padding-bottom:10px; line-height:28px;}
#premier .premierBox h3 span {background:url(../images/line_y.jpg) left 18px repeat-x; }
#premier .premierBox em {color:#666; font-size:18px; display:block; padding:10px 0; font-weight:bold;}
#premier .premierBox .infoList li {width:268px; color:#666; font-size:16px; position:relative; padding:2px 10px; line-height:24px; } 
/*#premier .premierBox .infoList li::before {content:''; background:#7b909d; width:3px; height:3px; position:absolute; top:12px; left:0; }*/
#premier ul .premierBox { width:278px; height:178px; border:1px solid #e9eaeb; margin:0 20px 20px 0; float:left; background:#f9f9f9; padding:40px 20px 0; text-align:center;}
#premier ul .premierBox a > span {font-size:18px; font-weight:bold; display:inline-block; padding-bottom:2px; color:#555;}

/* 버튼 */
.btn_area	{ padding:10px 0 10px; text-align:right;}

.btn_type01 * {background:#389dfe; border:1px solid #556975; border-radius:35px; color:#fff;  width:145px; height:53px; padding-bottom:3px; font-weight:bold; font-size:20px; font-family:'NanumGothicB','맑은 고딕',Malgun Gothic,'돋움',verdana,tahoma,sans-serif;cursor:pointer;display:inline-block;text-align:center; }
.btn_type01 *:hover { cursor:pointer; _cursor:hand;  filter:alpha(opacity=80); -khtml-opacity:0.8; -moz-opacity:0.8; opacity:0.8;  }

.btn_type02 * {background-color:#eeeeeb; border:1px solid #ababaa;  border-radius:15px;  color:#111;  width:79px; height:33px; padding-bottom:3px; font-weight:bold; font-size:14px; font-family:'NanumGothicB','맑은 고딕',Malgun Gothic,'돋움',verdana,tahoma,sans-serif;cursor:pointer;display:inline-block;text-align:center; }
.btn_type02 *:hover { cursor:pointer; _cursor:hand;  filter:alpha(opacity=80); -khtml-opacity:0.8; -moz-opacity:0.8; opacity:0.8;  }


 .tap li{width:498px; background-color:#fbfbfb;  border:1px solid #afb2d3;  height:48px; font-size:18px; color:#666666; float:left; text-align:center; line-height:48px; margin:30px 0 20px 0; letter-spacing:1px; }
/*.tap li{width:332px; background-color:#fbfbfb;  border:1px solid #afb2d3;  height:48px; font-size:18px; color:#666666; float:left; text-align:center; line-height:48px; margin:30px 0 20px 0; } */
.tap li.on{background-color:#bfc4e2;     color:#000;}
.tap li:first-child  {border-right:0px;}
.tap li a{color:#666666;}
.tap li.on a{color:#000;}
.tap:after {content:""; clear:both; display:block;}


.tabEa3 li{width:332px; background-color:#fbfbfb;  border:1px solid #afb2d3;  height:48px; font-size:18px; color:#666666; float:left; text-align:center; line-height:48px; margin:30px 0 20px 0; margin-left:-1px; }
.tabEa3 li.on{background-color:#bfc4e2; color:#000;}
.tabEa3 li:first-child  { margin-left:0; width:331px; }
.tabEa3 li a{color:#666666;}
.tabEa3 li.on a{color:#000;}
.tabEa3:after {content:""; clear:both; display:block;}



.tabEa4 li{width:calc(25% - 2px); background-color:#fbfbfb;  border:1px solid #afb2d3;  height:48px; font-size:20px; color:#666666; float:left; text-align:center; line-height:48px; margin:30px 0 20px 0; margin-left:-1px; font-weight:bold; }
.tabEa4 li.on{background-color:#bfc4e2; color:#000;}
.tabEa4 li:first-child  { margin-left:0; width:calc(25% - 2px); }
.tabEa4 li a{color:#666666;}
.tabEa4 li.on a{color:#000;}
.tabEa4:after {content:""; clear:both; display:block;}


.line{border-top:1px solid #bec2c5; width:100%; height:20px;  }

.cb{clear:both;}



#notice, #data, #poster, #gallery, #premier {  margin-top:50px;}

/* 검색 */
.sBox input	{ padding:3px 5px 0; width:279px; height:25px; font-size:15px; color:#333; background-color:#fff; border:1px solid #ccc; }
.sBox .btnSearch {display:inline-block;}
.sBox .btnSearch a { width:80px; height:28px; color:#fff; text-align:center; line-height:25px; font-size:14px; color:#fff; background:#7b909d; border:1px solid #556975; border-radius:2px; display:inline-block; }
.sBox .btnSearch a:hover { cursor:pointer; _cursor:hand;  filter:alpha(opacity=80); -khtml-opacity:0.8; -moz-opacity:0.8; opacity:0.8; }