@charset "utf-8";

.sub-img {clear:both; width:100%; height:120px; overflow:hidden; background:url(../images/main/img01.jpg) no-repeat center -180px;}
.sub-img1 {clear:both; width:100%; height:120px; overflow:hidden; background:url(../images/main/img03.jpg) no-repeat center -180px;}
.sub-img2 {clear:both; width:100%; height:120px; overflow:hidden; background:url(../images/main/img03.jpg) no-repeat center -180px;}
.sub-img3 {clear:both; width:100%; height:120px; overflow:hidden; background:url(../images/main/img04.jpg) no-repeat center -180px;}
.sub-img4 {clear:both; width:100%; height:120px; overflow:hidden; background:url(../images/main/img05.jpg) no-repeat center -180px;}

.sub-menu2 {clear:both; width:100%; height:50px; background:#484745;}
.sub-menu2 ul {width:1000px; height:50px; margin:0 auto; background:url(../images/sub/menu_line.jpg) no-repeat 0 0;}
.sub-menu2 ul li {float:left; width:16.5%; height:50px; line-height:47px; background:url(../images/sub/menu_line.jpg) no-repeat right 0;}
.sub-menu2 ul li a {display:block; height:50px; color:#FFF; text-align:center; font-size:15px; font-weight:bold; color:#FFF; letter-spacing:-0.05em;}
.sub-menu2 ul li a.over {background:#FFF; color:#000;}
.sub-menu2 ul.count5 li {width:20%;}
.sub-menu2 ul.count7 li {width:14.2%;}

#subContent {z-index:10; position:relative; clear:both; width:1000px; margin:0 auto; padding:40px 0; line-height:25px; font-size:14px;}

p.nav {position:absolute; top:40px; right:0; width:700px; text-align:right; color:#666;}
p.nav img {vertical-align:middle;}
p.nav strong {color:#000; font-weight:bold;}

#contents {float:left; padding-bottom:100px; color:#505050;}
#contents h1 {padding-bottom:45px; font-size:34px; color:#000; font-weight:bold;}
#contents ul.tab-menu {float:left; width:1000px; padding-left:1px; height:49px; margin-bottom:45px; border-bottom:1px solid #DDD;}
#contents ul.tab-menu li {float:left; width:201px; margin-left:-1px;}
#contents ul.tab-menu li a {display:block; height:48px; line-height:47px; border:1px solid #DDD; background:#F7F7F7; text-align:center; color:#000; font-size:14px; letter-spacing:-0.05em;}
#contents ul.tab-menu li a.over {height:50px; line-height:48px; border:0 none; background:#FFB900; font-weight:bold;}

.contents {font-size:14px; width: 1000px;}
.contents h2 {clear:both; background:url(../images/sub/depth_1.jpg) no-repeat 0 2px; padding:20px 0; font-size:24px; color:#000; margin-top: 10px;}
.contents h3 {clear:both; background:url(../images/sub/depth_2.jpg) no-repeat 0 6px; padding-left:25px; margin-bottom:20px; font-size:18px; color:#000; font-weight:bold;}
.contents h4 {clear:both; margin-bottom:10px; font-size:16px; font-weight:bold; color:#000;}
.contents p {padding:0 0 25px 0;}
.contents strong {font-weight:bold;}
.contents ul {clear:both; margin:0; padding: 0 0 25px 25px; list-style: none; }
.contents ul li {padding:0 0 5px 10px; background:url(../images/sub/depth_3.jpg) no-repeat 0 11px;}
.contents .dataTableWrap { border-top:2px solid #FFBA00; width: 100%;}
.contents .dataTableWrap table.auto {table-layout:auto;}
.contents .dataTableWrap td.left {text-align:left; padding:8px 10px;}
.contents .dataTableWrap table {border-collapse: collapse; width:100%; margin-bottom:35px; table-layout:fixed;}
.contents .dataTableWrap table th {vertical-align:middle;  padding:8px 5px; background:#f0f0f0; color:#000; border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; font-weight:bold;}
.contents .dataTableWrap table td {vertical-align:middle; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:8px 20px; text-align:center; border-left:1px solid #dfdfdf;}
.contents .dataTableWrap table td ul {padding-bottom: 0px; padding-left: 0px;}
.contents .dataTableWrap table th  strong.thBg {vertical-align:middle; padding-top:10px; padding-bottom:10px;  display:block; margin-left: 20px;  padding-left:60px;  font-size: 18px; color: #000; font-weight: normal; font-size: 18px; color: #000; font-weight: normal; text-align: left;}
.contents .dataTableWrap table th  strong.thBg01 {  background:url(../images/sub02/n_1.png) no-repeat left center ;  }
.contents .dataTableWrap table th  strong.thBg02 {  background:url(../images/sub02/n_2.png) no-repeat left center ;  }
.contents .dataTableWrap table th  strong.thBg03 {  background:url(../images/sub02/n_3.png) no-repeat left center ;  }
.contents .dataTableWrap table th  strong.thBg04 {  background:url(../images/sub02/n_4.png) no-repeat left center ;  }
.contents .dataTableWrap table th  strong.thBg05 {  background:url(../images/sub02/n_5.png) no-repeat left center ;  }
.contents .dataTableWrap table th  strong.thBg06 {  background:url(../images/sub02/n_6.png) no-repeat left center ;  }
.contents .dataTableWrap table th  strong.thBg07 {  background:url(../images/sub02/n_7.png) no-repeat left center ;  }
.contents .dataTableWrap table th strong .vrView {background: url(../images/sub02/c_icon.png) no-repeat left 10px; padding-left: 22px;}
.contents .dataTableWrap table th strong .vrView a {font-size: 14px; font-weight: bold; text-decoration: underline; color: #ff6c00;}
.contents .dataTableWrap .tableLink td {text-align: left; background:url(../images/sub03/home_icon.jpg) no-repeat 210px center ;}
.contents .dataTableWrap .tableLink td a { color: #000; font-weight: bold;}
.contents .dtWrap2 {width: 590px; margin-left: 30px; float: left;}

.contents .course {width: 100%;}
.contents .courseLink {padding: 0px; width: 100%;}
.contents .courseLink li {float:left; background:url(../images/sub02/arrow.jpg) no-repeat 182px 65px;padding-right: 38px; padding-bottom: 30px;}
.contents .courseLink li.last {background: none; padding-right: 0px;}

.contents .txtBox {width: 100%;}
.contents .txtBox .txtBoxBg {padding-left: 30px; padding-top: 20px; width: 458px; border: 1px solid #e7e7e7; margin-right: 20px; margin-bottom: 20px; float: left; background: #f6f6f6;}
.contents .txtBox .tit {font-size: 18px; color: #000; font-weight: bold; padding-bottom: 5px;}
.contents .txtBox .txtBox01 {background:url(../images/sub03/icon01.jpg) no-repeat 405px 40px #f6f6f6;}
.contents .txtBox .txtBox02 {background:url(../images/sub03/icon02.jpg) no-repeat 405px 40px #f6f6f6; margin-right: 0px;}
.contents .txtBox .txtBox03 {background:url(../images/sub03/icon03.jpg) no-repeat 405px 40px #f6f6f6;}
.contents .txtBox .txtBox04 {background:url(../images/sub03/icon04.jpg) no-repeat 405px 40px #f6f6f6; margin-right: 0px;}
.contents .txtBox .txtBox05 {background:url(../images/sub03/icon05.jpg) no-repeat 405px 40px #f6f6f6; min-height: 130px;}
.contents .txtBox .txtBox06 {background:url(../images/sub03/icon06.jpg) no-repeat 405px 40px #f6f6f6; margin-right: 0px;}
.contents .txtBox .txtBox07 {background:url(../images/sub03/icon07.jpg) no-repeat 405px 40px #f6f6f6;}
.contents .txtBox .txtBox08 {background:url(../images/sub03/icon08.jpg) no-repeat 405px 40px #f6f6f6; margin-right: 0px; min-height: 130px;}

.contents .txtBox2 {width: 438px;position:relative;  height: 383px; margin-right: 20px; padding: 30px 20px 30px 30px; border: 1px solid #e7e7e7; background: #f6f6f6; float: left; margin-bottom: 35px;}
.contents .last {margin-right: 0px;}
.contents .txtBox2 .tit {font-size: 18px; color: #000; font-weight: bold;}
.contents .txtBox2 .str {font-weight: bold; padding-bottom: 5px; color: #000;}
.contents .txtBox2 ul {padding-left: 0px;}

.contents .txtBox3 {padding:20px; border-top:2px solid #FEBA01; border-right:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; border-left:1px solid #E0E0E0;}
.contents .txtBox3 p {padding:0;}

.contents .txtBox4 {padding:40px; width: 920px; background: url(../images/sub01/box_pattern.jpg) repeat-y left top; margin-bottom: 35px;}
.contents .txtBox4 .txtSize {padding-bottom: 10px;}
.contents .txtBox4 .mov {background: url(../images/sub01/mov_icon.png) no-repeat 720px bottom; height: 452px; position: relative;}
.contents .txtBox4 .mov .movImg {width: 720px; height: 451px;}
.contents .txtBox4 .mov .play {position: absolute; top: 170px; left: 305px;}

.contents .txtSize {font-size: 18px;}

.contents .btn00 {  padding-bottom: 0px;  }
.contents .btn00 a {display: inline-block;border: 1px solid #f0ae00; padding:10px 0px; background: #ffbe0c; min-width:150px;  font-size: 16px; color: #000; font-weight: bold; text-align: center;}
.contents .btn01 {position:absolute; bottom:20px; left:30px; }
.contents .btn01 a {width: 200px;}
.contents .btn02 {text-align: center;}
.contents .btn02 a {width: 250px; margin-right: 10px;}

.contents .btn03 a {width: 400px; margin-right: 50px; float:left;}
.contents .btn04 a {width: 250px; float:left;}

.contents .btn05 {  padding-bottom: 0px; float: left;    margin-left: 32px;  }
.contents .btn05 a {display: inline-block;border: 1px solid #f0ae00; padding:10px 0px; background: #ffbe0c; min-width:150px;  font-size: 16px; color: #000; font-weight: bold; text-align: center;}

.contents .btn06 {  padding-bottom: 0px; float: left;      }
.contents .btn06 a {display: inline-block;border: 1px solid #f0ae00; padding:10px 0px; background: #ffbe0c; min-width:150px;  font-size: 16px; color: #000; font-weight: bold; text-align: center;}

.contents .btn07 {  padding-bottom: 0px; float: left;  margin-left: 20px;     }
.contents .btn07 a {display: inline-block;border: 1px solid #f0ae00; padding:10px 0px; background: #ffbe0c; min-width:100px;  font-size: 16px; color: #000; font-weight: bold; text-align: center;}


.contents .imgTxt {width: 1000px;}
.contents .imgTxt .imgLeft {float: left; text-align: center; padding-right: 30px;}

.contents .poem {background: url(../images/sub01/p_box.jpg) no-repeat left top; width: 930px; height: 148px; padding: 35px;}
.contents .poem .poemTit {font-weight: bold; font-size: 24px; padding-bottom: 15px; color: #000;}
.contents .poem .poemTxt {line-height: 200%;}

.contents .history {width: 100%;}
.contents .history .historyImg {float: left; padding-right: 60px;}
.contents .history .historyTxt {float: left; width: 570px;}
.contents .history .historyTxt dl {float: left; width: 570px; margin-bottom: 30px; margin-top: 10px;}
.contents .history .historyTxt dl dt {float: left; font-size: 18px; font-weight: bold; width: 90px; padding-bottom: 8px; color: #000;}
.contents .history .historyTxt dl dd {float: left; width: 480px; padding-bottom: 8px; color: #000; font-size: 18px;}

.contents .greeting {width: 100%;}
.contents .greeting .greetingImg {float: left; padding-right: 50px; width: 172px;}
.contents .greeting .greetingTxt {width: 705px; float: left;}
.contents .greeting .greetingTxt p {color: #000; font-size: 16px;}

.contents .map {width: 100%;}
.contents .map .mapImg {float: left; padding-right: 30px; width: 695px;}
.contents .map .mapTxt {float: left; width: 275px;}
.contents .map .mapTxt dl {float: left; font-size: 18px; padding-bottom: 15px;} 
.contents .map .mapTxt dl dt {width: 50px; padding-bottom: 3px;  text-align: center; color: #fff; background: #4c84cf; float: left; }
.contents .map .mapTxt dl dd {float: left; width: 215px; padding-left: 10px;}

.contents .tour {width: 100%;}
.contents .tour .tourBox {clear: both; width: 100%; position: relative;}
.contents .tour .tourBox dl {float: left; margin-bottom: 30px;}
.contents .tour .tourBox dl dt {float: left; padding-right: 25px;}
.contents .tour .tourBox dl dd p.tit {font-size: 24px; color: #000; line-height: 140%; padding-bottom: 15px;}
.contents .tour .tourBox dl dd p.tit span {display: inline-block; text-align: center; font-size: 28px; color: #fff; background: url(../images/sub02/num_bg.jpg) no-repeat center; height: 40px; width: 42px; padding-top: 2px; margin-right: 10px;}
.contents .tour .tourBox dl dd p.txt {color: #000; padding-bottom: 0;}
.contents .tour .tourBox dl dd p.btn {position: absolute; right: 0; top: 0;}
.contents .tour .tourBox dl dd p.btn a {display: block; background: url(../images/sub02/l_btn_bg.jpg) no-repeat left top; width: 84px; height: 34px; padding: 6px 0 0 50px ;color: #000; font-size: 16px;}


.contents .linkbtn {background:#333; color:#fff; padding:5px 10px;}

caption { position:absolute; top:-3000px; left:-3000px; line-height:0px; height:0px;  }
legend { position:absolute; top:-3000px; left:-3000px; line-height:0px; height:0px;  }

/*¼³¹®Á¶»ç*/

h3.survey_title {font-size: 18px; text-align: center; font-weight: bold; color: #000; padding: 10px; background: #f3f3f3; border-bottom: 1px solid #d5d5d5; border-top: 2px solid #FFBA00;}
p.survey_question_title {color:#000; font-weight:bold; padding: 0;}
ul.survey_answer {margin:5px 0px 5px 10px;padding:0px;list-style:none;}
ul.survey_answer label {vertical-align:top;}
ul.survey_answer li {background: none;}
p.survey_answer_text {margin:3px 0px 10px 0px; padding-bottom: 10px;}
p.survey_answer_text input {width:100%;}
p input {width: 85px; height: 32px; color: #000; font-weight: bold; background: #f2f2f2; border: 1px solid #dcdcdc;}

/*°Ô½ÃÆÇ ¹öÆ°*/
	.right_btn { text-align:right; }
	.right_btn  a { display:inline-block; text-align:center;margin-left:5px; width:85px; height:29px; padding-top:3px;color:#000; font-weight:bold;  background:#f2f2f2; border:1px solid #dcdcdc; }
	.right_btn  a.yellow {background:#ffbd0c; border:1px solid #efae00; }
	.center_btn { width:1000px; text-align:center;   }
	.center_btn  a { display:inline-block;font-weight:bold;  text-align:center;margin-left:5px;  width:85px; height:29px; padding-top:3px;color:#000;  background:#f2f2f2; border:1px solid #dcdcdc;  }
	.center_btn a.yellow { background:#ffbd0c; border:1px solid #efae00;}


/* °Ô½ÃÆÇ »ó´Ü ÆäÀÌÁö, °Ë»öÆû*/
	.contents .page_form { width:1000px; float:left;  margin-bottom:10px; }
	.contents .page_form p { padding-bottom:0px;  }
	.contents .page_form .page {width:350px; float:left;padding-top:7px; line-height:100%;  padding-bottom:0px;   }
    .contents .page_form .page .blue { color:#fa3a03;  font-weight:bold; }
	.contents .page_form .page strong { font-weight:bold;  }
	.contents .page_form form {  float:right;  }
	.contents .page_form form #list_top_sel {  width:80px; float:left; margin-right:3px;height:24px; border:1px solid #d5d5d5;  }
	.contents .page_form form #list_top_text {  width:235px; float:left; height:20px;  padding-top:2px;padding-left:3px;border:1px solid #d5d5d5; margin-right:3px;   }
	.contents .btn_s { float:left;  }
	.contents .btn_s a {  display:block; text-align:center;float:left;  width:57px; height:25px; color:#fff;  background:#4c4a4b; }

/*°Ô½ÃÆÇ ºäÆäÀÌÁö*/
	.view { width:100%;position:relative;margin-bottom:30px;   }
	.view .view_table { width:100%;  border-collapse:collapse; border-top:2px solid #FFBA00;}
	.view .view_table thead th {text-align:left;  padding:8px 10px 3px 10px; font-weight:bold; color:#000; background:#f3f3f3; border-bottom:1px solid #d5d5d5;  }
	.view .view_table tbody th {text-align:left; padding:8px 10px 3px 10px; font-weight:bold; color:#000; background:#f3f3f3; border-bottom:1px solid #d5d5d5;  border-right:1px solid #d5d5d5;}
	.view .view_table th .title  {font-size:18px; font-weight:bold; color:#000; }
	.view .view_table th .dateWrap  { width:100%; float:left;    }
	.view .view_table th .dateWrap .date{color:#505050; font-weight:bold; font-size:14px;  float:left;    }
	.view .view_table th .dateWrap .file{ float:right; font-weight:normal;color:#505050;  }
	.view .view_table th .dateWrap  { padding-bottom:0px;  }
	.view .view_table th .dateWrap .file a { color:#000; }
	.view .view_table tbody td {text-align:left; padding:8px 10px 3px 10px;border-bottom:1px solid #d5d5d5; }
	.view .view_table tbody td p { font-size:14px; color:#505050;  }


/*°Ô½ÃÆÇ ÆäÀÌ¡*/
	.paging { width:100%; text-align:center;  }
	.paging a { display:inline-block; vertical-align:top; margin:0 1px;   }
	.paging a.num { background:#fff; color:#8e8e8e; font-weight:bold; line-height:1; border:1px solid #e1e1e1;width:34px; height:24px; padding-top:8px;   }
	.paging a.img {  line-height:1;width:34px; height:34px; padding-top:0px;   }
	.paging a:hover { color:#fff; background:#4c4c4c; text-decoration:none;  }
	.paging a.hover { color:#fff;background:#4c4c4c;  text-decoration:none;  }




/*°Ë»öÁ¶È¸ ±Û¾²±âÆû*/
	.write { width:100%; position:relative;margin-bottom:30px; clear:both;  }
	.write .write_table_wrap { width:100%;  border-collapse:collapse; border-top:2px solid #FFBA00;  }
	.write .write_table { width:100%;  border-collapse:collapse;   }
	.write .write_table tbody th { padding:8px 10px 3px 10px; font-weight:bold; vertical-align:top; color:#000;text-align:left; background:#f3f3f3; border-bottom:1px solid #d5d5d5;  border-right:1px solid #d5d5d5; }
	.write .write_table tbody td { padding:8px 10px 3px 10px;border-bottom:1px solid #d5d5d5;    }
	.write .write_table tbody input {  width:100%;border:1px solid #d5d5d5;   }
	.write .write_table tbody textarea { width:805px; height:300px; overflow-y:auto;  }

/*°Ë»öÁ¶È¸ ¸®½ºÆ®*/
	.list {width:100%; position:relative; margin-bottom:30px; }
	.list .list_table_wrap { width:100%;clear:both;   border-collapse:collapse;  border-top:2px solid #FFBA00;}
	.list .list_table { width:100%;  border-collapse:collapse; }
	.list .list_table thead th { padding:10px 5px; font-weight:bold; color:#000; background:#f7f7f7; border-bottom:1px solid #d5d5d5;text-align:center;   }
	.list .list_table tbody th { padding:10px 5px; font-weight:bold; color:#000; background:#f7f7f7; border-bottom:1px solid #d5d5d5;text-align:center;   }
	.list .list_table tbody td {padding:10px 5px;color:#5d5d5d;  border-bottom:1px solid #d5d5d5;text-align:center;    }
	.list .list_table .last { border-right:0px;  }


/*»çÀÌÆ®¸Ê*/
#program__ .siteMapWrap { float:left; width:1045px; margin-left:-45px;  }
#program__ .siteMapWrap2 { float: left; height: 480px; }
#program__ .siteMap {float: left; width: 300px; padding-bottom: 30px; margin: 0px 0px 30px 45px; border-top:2px solid #FFBA00; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
#program__ .siteMap h2 {padding: 20px 35px; background: none; background: #efefef; margin: 0px; border-bottom: 1px solid #e0e0e0;}
#program__ .siteMap h2 a {color: #000; font-weight: bold;}
#program__ .siteMap h3 {background: none; padding: 20px 0px 0px 35px; margin: 0px;}
#program__ .siteMap h3 a {font-weight: normal; color: #000;}
#program__ .siteMap ul {padding: 15px 0px 0px 35px;}
#program__ .siteMap ul li a {color: #000;}