@charset "utf-8";
/* @charset "euc-kr"; */
/* CSS Document */

* { margin:0 auto; padding:0px; list-style:none; }

body { width:100%; background-color:#ffffff; float:left; }
button { cursor:pointer; }

/* #wrap { width:1360px; position:relative; } */
#wrap {
	width: 100%;
	position: relative; 
	/*
	min-height: 900px; 
	max-width: 1200px;
	*/
}

.sub { width:100%; min-height:970px; background-color:#ffffff; float:left; }

/* ·Î°í 
.logo { width:140px; height:140px; margin-top:5px; margin-left:20px; float:left; background-image:url(/images/main_logo.png); }*/
/* ¸Þ´º */
.menu {
    top: 0;
    width: 100%;
    height: 150px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    z-index: 99;
}
.main_menu { width:180px; margin-top:30px; float:left; }
.main_menu li { width:180px; min-height:60px; float:left; cursor:pointer; }
.main_menu li img { float:left; }
.main_menu .drop { width:180px; height:150px; line-height:24px; background-color:#f1c929; display:none; float:left; }
.main_menu .drop li { width:136px; margin-left:44px; background:url(/images/dot.gif) no-repeat 0 10px; min-height:24px; float:left; }
.main_menu .drop li a { font-weight:bold; color:#02253c; margin-left:16px; text-decoration:none; font-size:0.8em; font-family:'³ª´®°íµñ'; }

/* ¸ÞÀÎÆäÀÌÁö */
.mainAni { width:540px; height:970px; float:left; }
.mainAni_button { width:100px; height:50px; margin-left:440px; float:right; position:absolute; z-index:10; }
.mainAni_button ul { margin-top:10px; float:left; }
.mainAni_button ul li { margin-left:5px; float:left; }
.mainAni_button ul li img { cursor:pointer; }

.mainAni .ani { width:540px; height:970px; overflow:hidden; position:relative; float:left; }
.mainAni .ani li { width:540px; height:970px; position:absolute; }
.mainAni .ani li img { opacity:0; }
.mainAni .ani li:nth-child(1) img { opacity:1; }

.main_contents { width:460px; height:970px; background-color:white; float:left; }
.main_contents .top { width:460px; height:28px; line-height:28px; float:left; background-color:#e4e4e4; }
.main_contents .top ul { float:right; margin-right:20px; }
.main_contents .top ul li { margin-left:4px; margin-right:5px; font-family:"¸¼Àº °íµñ"; font-size:0.8em; float:left; }
.main_contents .top ul li a { color:#333; text-decoration:none; }

.main_contents .contents { width:400px; float:left; margin-left:20px; margin-top:17px; }
.main_contents .contents img { cursor:pointer; }
.main_contents .contents .notice_title { width:420px; height:37px; float:left; background-image:url(/images/notice.png); }
.main_contents .contents .notice_list { width:400px; line-height:20px; float:left; }
.main_contents .contents .notice_list li { width:400px; height:20px; line-height:26px; float:left; background:url(/images/notice_dot.png) no-repeat 0 10px; }
.main_contents .contents .notice_list li a { text-decoration:none; font-family:"µ¸¿ò"; margin-left:16px; float:left; color:#909090; font-size:0.8em; }

.main_contents .contents .notice_title1 { margin-top:17px; width:139px; height:24px; float:left; background-image:url(/images/press.png); }
.main_contents .contents .notice_list1 { width:400px; line-height:20px; float:left; }
.main_contents .contents .notice_list1 li { width:400px; height:20px; line-height:26px; float:left; background:url(/images/notice_dot.png) no-repeat 0 10px; }
.main_contents .contents .notice_list1 li a { text-decoration:none; font-family:"µ¸¿ò"; margin-left:16px; float:left; color:#909090; font-size:0.8em; }

/* Æ˾÷ */
.popup { position:absolute; background-color:white; z-index:999; left:250px; top:50px; display:none; }
.popup span { font-size:0.8em; }

/* ¼­ºêÆäÀÌÁö */
.subAni { width:240px; height:970px; float:left; background-image:url(/images/sub/img.jpg); }
/* .sub_contents { width:1000px; min-height:970px; float:left; background-color:white; } */
.sub_contents {
    height:970px;
    float: center; 
    background-color: white;
    width: calc(100% - 180px);
    width: -webkit-calc(100% - 180px);
    width: -moz-calc(100% - 180px);
    width: -O-calc(100% - 180px);
    width: -ms-calc(100% - 180px);
} 
.sub_contents .top { width:760px; height:28px; line-height:28px; float:left; background-color:#e4e4e4; }
.sub_contents .top ul { float:right; margin-right:20px; }
.sub_contents .top ul li { margin-left:4px; margin-right:5px; font-family:"¸¼Àº °íµñ"; font-size:0.8em; float:left; }
.sub_contents .top ul li a { color:#333; text-decoration:none; }
.sub_contents .contents { height:600px; float:center; }
.sub_contents .contents img { max-width:100%; }
.sub_contents .contents .non_img { margin-top:17px; margin-left:35px; font-size:0.8em; font-family:"µ¸¿ò"; float:left; }
.sub_contents .contents .navi { width:100%; margin-bottom:10px; float:left; }
.sub_contents .contents .navi li { float:left; }
.sub_contents .contents .navi li span { margin-left:5px; margin-right:5px; }
.sub_contents .contents .navi li a { text-decoration:none; color:#475261; }
.sub_contents .contents .notice_title { margin-top:5px; margin-bottom:15px; float:left; width:420px; height:37px; background-image:url(/images/notice.png); }
.sub_contents .contents .notice_list { width:400px; line-height:20px; float:left; }
.sub_contents .contents .notice_list li { width:400px; height:20px; line-height:26px; float:left; background:url(/images/notice_dot.png) no-repeat 0 10px; }
.sub_contents .contents .notice_list li a { text-decoration:none; font-family:"µ¸¿ò"; margin-left:16px; float:left; color:#909090; font-size:0.8em; }

.board { width:760px; margin-top:30px; margin-bottom:30px; float:center; font-size:0.8em; font-family:'³ª´®°íµñ';}
.board th { font-size:0.95em; text-align:center; color:#2a2a2a; height:32px; background:url(/images/board/th.gif); }
.board th:last-child { border-right:solid 1px #ccc; }
.board td { text-align:center; padding:9px 8px; border-bottom:solid 1px #d7d7d7; cursor:pointer; }
.board tr td:nth-child(2) { text-align:left; padding-left:10px; }
.board tr:hover { background-color:#ddd; }

.f_board { width:550px; margin-top:20px; float:center; }
.f_board th { font-size:0.95em; text-align:center; color:#2a2a2a; height:2px; border-top:solid 1px #A7A4A4; border-left:solid 1px #A7A4A4; border-right:solid 1px #A7A4A4; background-color:#e4e4e4; }
.f_board th:last-child { border-right:solid 1px #A7A4A4; }
.f_board td { text-align:center; padding:9px 8px; border-top:solid 1px #A7A4A4; border-right:solid 1px #A7A4A4; cursor:pointer; }
.f_board tr td:nth-child(2) { text-align:left; padding-left:10px; }

.c_board { width:600px; margin-top:20px; text-align:center; }
.c_board th { font-size:0.95em; text-align:center; color:#2a2a2a; height:32px; border-top:solid 1px #A7A4A4; border-bottom:solid 1px #A7A4A4; border-left:solid 1px #A7A4A4; background-color:#e4e4e4; }
.c_board th:last-child { border-right:solid 1px #A7A4A4; }
.c_board td { text-align:center; padding:5px 8px; border-bottom:solid 1px #A7A4A4; border-left:solid 1px #A7A4A4; cursor:pointer; }
.c_board tr td:nth-child { text-align:left; border-right:solid 1px #A7A4A4;}
.c_board tr td:last-child { border-right:solid 1px #A7A4A4; }
.c_board tr td:nth-child(2) { text-align:left; padding-left:10px; }

.e_board { width:540px; margin-top:20px; float:left; }
.e_board th { font-size:0.95em; text-align:center; color:#2a2a2a; height:32px; border-top:solid 1px #A7A4A4; border-bottom:solid 1px #A7A4A4; border-left:solid 1px #A7A4A4; background-color:#e4e4e4; }
.e_board th:last-child { border-right:solid 1px #A7A4A4; }
.e_board td { text-align:center; padding:5px 8px; border-bottom:solid 1px #A7A4A4; border-left:solid 1px #A7A4A4; cursor:pointer; }
.e_board tr td:nth-child { text-align:left; border-right:solid 1px #A7A4A4;}
.e_board tr td:last-child { border-right:solid 1px #A7A4A4; }
.e_board tr td:nth-child(2) { text-align:center; padding-left:10px; }

.paging { width:760px; height:40px; line-height:35px; float:left; margin-top:0px; text-align:center; }
.paging a { font-size:1.1em; text-decoration:none; color:#339; margin:0 5px; }
.write { width:660px; float:left; }
.write img { cursor:pointer; float:right; }

.gallery { width:100%; margin-top:35px; float:left; }
.gallery li { width:125px; min-height:100px; margin-right:20px; float:left; }
.gallery li .title { width:125px; height:100px; float:left; cursor:pointer; }
.gallery li .sec { float:left; }
.gallery li span { margin-left:10px; color:#475261; float:left; }

.g_title { width:660px; height:30px; margin-top:30px; border-bottom:solid 1px #ccc; font-family:"¸¼Àº °íµñ"; float:left; }
.g_title span { color:#475261; }
.g_title span:nth-child(1) { float:left; }
.g_title span:nth-child(2) { float:right; }
.g_img { width:660px; float:left; margin-top:20px; }
.g_but { width:660px; margin-top:10px; margin-bottom:30px; border-top:solid 1px #ccc; float:left; }
.g_but img { margin-top:5px; cursor:pointer; }
.g_but img:nth-child(1) { float:left; }
.g_but img:nth-child(2) { margin-left:10px; float:left; }
.g_but img:nth-child(3) { float:right; }

.n_title { width:740px; height:85px; margin-left:10px; border-top:solid 1px black; float:left; font-size:0.8em; font-family:'³ª´®°íµñ';}
.n_title div span { margin-left:10px; float:left; text-align:center;}
.n_title div:nth-child(1) { width:120px; height:35px; text-align:center; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; line-height:35px; background-color:#f5f5f5; float:left; }
.n_title div:nth-child(2) { width:618px; height:35px; border-bottom:solid 1px #ccc; line-height:35px; float:left; }
.n_title div:nth-child(3) { width:120px; height:35px; text-align:center; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; line-height:35px; background-color:#f5f5f5; float:left; }
.n_title div:nth-child(4) { width:100px; height:35px; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; line-height:35px; float:left; }
.n_title div:nth-child(5) { width:120px; height:35px; text-align:center; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; line-height:35px; background-color:#f5f5f5; float:left; }
.n_title div:nth-child(6) { width:200px; height:35px; text-align:center; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; line-height:1.4em; float:left; }
.n_title div:nth-child(7) { width:120px; height:35px; text-align:center; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; line-height:35px; background-color:#f5f5f5; float:left; }
.n_title div:nth-child(8) { width:75px; height:35px; text-align:center; border-bottom:solid 1px #ccc; line-height:35px; float:left; }
.n_title div:nth-child(9) { width:120px; height:35px; text-align:center; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; line-height:35px; background-color:#f5f5f5; float:left; }
.n_title div:nth-child(10) { width:618px; height:35px; border-bottom:solid 1px #ccc; line-height:35px; float:left; }
.n_title div:nth-child(10) a { margin-left:10px; }
.n_contents { width:740px; margin:20px 10px 0; padding:20px 0; font-size:0.9em; font-family:'³ª´®°íµñ'; border-bottom:solid 1px #ccc; float:left; overflow:auto; }

.w_title { width:660px; margin-top:30px; float:left; }
.w_title div { width:100%; height:30px; background-color:#f4f4f4; border-bottom:solid 1px #ddd; line-height:30px; float:left; }
.w_title div span { width:100px; text-align:center; float:left; }
.w_title div input[type=text] { width:200px; margin-top:5px; margin-left:10px; float:left; }
.w_contents { width:660px; height:400px; float:left; }
.w_contents textarea { width:99%; height:400px; float:left; }

.join { width:740px; margin-left:10px; border-top:solid 2px #2b3990; float:left; font-size:1.1em; font-family:'³ª´®°íµñ'; }
.join tr { height:50px; }
.join tr th { text-align:left; font-size:0.8em; color:#555; border-bottom:solid 1px #ddd; }
.join tr td { background-color:#f9f9fa; border-bottom:solid 1px #ddd; font-size:0.8em; }
.join .j_text { width:200px; margin-left:20px; }

.comment { width:660px; margin-top:30px; margin-bottom:30px; padding:30px 0; float:left; }
.comment ul { width:660px; min-height:40px; background-color:#f4f4f4; border-top:solid 1px white; border-bottom:solid 1px white; line-height:1.2em; float:left; }
.comment ul li { padding:5px; float:left; }
.comment ul li a { color:#222; text-decoration:none; }
.comment ul li a:hover { color:#aaa; text-decoration:underline; }
.comment ul li:nth-child(1) { width:90px; }
.comment ul li:nth-child(2) { width:410px; }
.comment ul li:nth-child(3) { width:90px; }
.comment ul li:nth-child(4) { width:30px; }


.calendar { width:100%; background-color:white; text-align:center; }
.calendar a { font-size:13px;font-weight:bold;color:#555; text-decoration:none; }
.calendar a:hover { font-size:13px;font-weight:bold;color:#aaa; text-decoration:underline; }
.calendar ul { width:100%; }
.calendar ul li { width:14%; line-height:1.2em; border:solid 1px #f5f5f5; border-right:none; text-align:center; font-family:"¸¼Àº °íµñ"; font-size:1.2em; font-weight:bold; color:#4a4a4a; letter-spacing:-1px; float:left; cursor:pointer; }
.calendar .cal_1 { width:50%; margin:0 auto; height:50px; border:solid 1px #006fc5; border-radius:5px; text-align:center; font-family:"¸¼Àº °íµñ"; font-size:1.2em; letter-spacing:-1px; }
.calendar .cal_1 div:nth-child(1) { width:25%; float:left; }
.calendar .cal_1 div:nth-child(2) { width:50%; float:left; }
.calendar .cal_1 div:nth-child(3) { width:25%; float:left; }
.calendar .cal_1 div:nth-child(1) h2 { color:#375691; margin-top:7px; margin-left:20px; float:left; cursor:pointer; }
.calendar .cal_1 div:nth-child(2) span { font-weight:bold; line-height:50px; color:#4e4e56;}
.calendar .cal_1 div:nth-child(3) h2 { color:#375691; margin-top:7px; margin-right:20px; float:right; cursor:pointer; }
.calendar .cal_2 { width:100%; height:30px; margin-top:50px; background-color:#00304c; }
.calendar .cal_2 ul li { border:none; line-height:30px; height:30px; color:white; }
.calendar .cal_2 ul li:first-child { color:#ff6a00; }
.calendar .cal_2 ul li:last-child { color:#6fccff; }
.calendar .cal_3 li { min-height:220px; }


/* ǪÅÍ */
.footer { width:100px; height:900px; float:left; }
.footer_menu { width:100px; padding-top:30px; float:left; }
.footer_menu li { width:180px; min-height:40px; float:left; cursor:pointer; }
.footer_menu li img { float:left; }
.footer_menu .drop { width:180px; height:150px; line-height:24px; background-color:#f1c929; display:none; float:left; }
.footer_menu .drop li { width:136px; margin-left:44px; background:url(/images/dot.gif) no-repeat 0 10px; min-height:24px; float:left; }
.footer_menu .drop li a { font-weight:bold; color:#02253c; margin-left:16px; text-decoration:none; font-size:0.8em; font-family:'¸¼Àº °íµñ'; }

/*
.footer .middle { height:30px; float:left;background-color:#181717;}
.footer .middle ul { width:180px; }
.footer .middle ul li { margin-left:20px; margin-right:0px; margin-top:4px; float:left; }
.footer .middle ul li a { color:#484848; font-size:0.75em; font-family:"¸¼Àº °íµñ"; text-decoration:none; }
.footer .bottom { width:180px; float:left; height:900px; background-color:#000; }
*/
.image_slide { width:100%; margin-top: 10px; position: relative; float:left;}
.image_slide .gallery_div { text-align: center; float:left;}
.image_slide .gallery_div div { left: 0; position: absolute; top: 0; z-index: 1; float:center;}
.image_slide .gallery_div div img { width: 100%; float:center;}
.image_slide a { display: inline-block; margin: 0 4px 0 3px; overflow: hidden; position: relative; top: 530px; z-index: 2; }
.image_slide a img { height: 106px; width: 160px; }
.image_slide a.on { border: 5px solid #bbe55e; }
.image_slide a.on img { margin: -5px; }

.toggle { width: 100%; margin-bottom: 20px; }
.toggle-wrapper { padding-bottom:5px; }
h2.trigger {	width:100%;	clear:both;	font-size: 13px; margin:0px; display: block; color: #1f1f1f; cursor: pointer; }
h2.trigger:hover,h2.trigger.active:hover { color: #ff0000; }
h2.trigger.active { color: #ff0000; }
.togglebox { width:670px; height: auto; background: #FFFFFF; overflow: hidden; margin: 10px 0; }
.togglebox div { padding: 20px; }
.togglebox p { line-height: 22px; }
.togglebox p { line-height: 22px; }

.tabbed-content { width: 740px; margin-left:10px; margin-right:10px; overflow: hidden; padding-bottom: 20px; }
#wrapper ul.tabs { margin: 0;	padding: 0;	float: left; list-style: none; width: 100%; }
#wrapper ul.tabs li { float: left;	margin: 0 7px 0 0; padding: 0px; background: none; overflow: hidden; position: relative; font-family: 'µ¸¿ò'; }
#wrapper ul.tabs li a { text-decoration: none; display: block; font-size: 15px; line-height: 35px; padding: 0 15px 3px 15px; height: 35px; background-color: #cecece; color: #565656; }
#wrapper ul.tabs li a:hover { color: #5d8ba6; }
#wrapper ul.tabs li.active a { background-color: #e8e8e8; position: relative; z-index: 999;	color: #1f1f1f; }
#wrapper ul.tabs li.active a, #wrapper ul.tabs li.active a:hover { position: relative;	border-bottom: black; }
.tab_container {	clear: both; float: left; width: 100%; margin-top: -3px; background-color: #e8e8e8;	z-index: 999; position: relative; }
.tab_content { padding: 20px 20px 0 20px; }