@charset "UTF-8";
html, body, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, p, th, td, form, fieldset {padding:0; margin:0;}
ul, ol, li {list-style:none; padding:0; margin:0;}
legend {display:none;}
p {text-align:justify;}
h1 { margin:30px 0px 5px 0px;}
h2 { }
h3 { height:30px;}
img { border:0px;}
html, body, div, span, object, iframe,
p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, br {margin: 0; padding: 0; border:0;line-height: 1.3em; }
input, select { font-size:1em; color:#555; margin:0; padding:1px 0 1px 0 ;}
li { list-style:none; text-align:justify; padding:0; margin:0; }
a:link {color:#195ab5; text-decoration:none; font-weight:bold;}
a:visited {color:#666; text-decoration:none;font-weight:bold;}
a:hover, a:focus {color:#0a8da1; text-decoration:none;font-weight:bold;}
a:active {color:#195ab5;text-decoration:none;font-weight:bold;}
.Hidden {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
input:hover,
input:focus,
select:hover,
select:active,
textarea:hover,
textarea:active { background-color: #ffd; }
body{font-family:맑은고딕, 맑은 고딕, Malgun Ghthic;}
/*- 메인-*/
#wrap { width:100%; min-width:800px; text-align:center; height:100%;background-image: url(../img/f_bg.jpg); background-repeat:repeat; }
.logo { float:left; margin-top:80px; margin-left:56px; }
#header { width:100%; }
/* 포커스 이동 제공 (standard) */
.skip { position:relative; background-color:#f4f4f4; color:#333; }
.skip a { left: 0px; top: -10000px; overflow: hidden;display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; margin:0 auto; }
.skip a:focus,active { padding:5px 30px; width:150px; height:auto; }
#vol{ float:left; width:178px; background-color:#515151;font-size:0; height:683px;}
#topimg { float:right; width:622px; font-size:0; }
.left{ float:left; width:178px; height:auto;}
.left ul li { text-align:center; margin-bottom:50px; }
.left ul li:first-child {margin-top:50px; }
.left ul li:last-child {margin-bottom:0px; }
.left ul a:link {color:inherit; text-decoration:none; }
.left ul a:visited {color:inherit; text-decoration:none;}
.left ul a:hover {transition:0.3s; opacity: 0.7; -moz-opacity: 0.7;}
.left ul a:active {color:inherit;text-decoration:none}
.mmenu{ float:left; width:178px; height:521px; background-color:#515151;}
.mmenu ul li { text-align:center; margin-bottom:10px; }
.mmenu ul li:last-child {margin-bottom:0px; }
.right {float:right; background-image:url(../img/right_bg.jpg); background-repeat: repeat-y; width:622px; height:521px; }
.title { width:100%; height:34px; margin-bottom:12px;}
.title .tit { float:left; margin-top:4px; }
.title .more { height:34px; float:right; }
.title02 { width:272px; height:34px;}
.title02 .tit { float:left; margin-top:4px; }
.title02 .more { height:34px; float:right; }
.title02 img { float:left; font-size:0px;}
.title03 { width:276px; height:34px;}
.title03 .tit { float:left; margin-top:4px; }
.title03 .more { height:34px; float:right; }
.title03 img { float:left; font-size:0px;}
.right .news { width:562px; height:270px; margin:23px 0px 0px 30px; float:left; }
.right .news ul li { float:left; height:224px;}
.right .news .mnews { float:left;width:272px; font-size:85%;}
.right .news .mnews li.photo { float:left; height:162px; }
.right .news .mnews li.txt { height:52px; text-align:center; width:272px; float:left; padding-top:10px; font-weight:bold;color:#5d5d5d; letter-spacing:-0.01em;}
.right .news .mnews li a:link {color:#5d5d5d; text-decoration:none;}
.right .news .mnews li a:visited {color:#5d5d5d; text-decoration:none;}
.right .news .mnews li a:hover,focus {color:#5d5d5d; text-decoration:none;}
.right .news .mnews li a:active {color:#5d5d5d; text-decoration:none;}
.right .news ul li.line { float:left; width:2px; margin:0px 8px 0px 8px; height:224px;}
.right .inform {width:272px; padding-left:8px; height:202px; padding-top:26px; background-image:url(../img/quiz_bg.gif); background-repeat:no-repeat; float:left; }
.right .inform ul { width:272px; margin-top:8px; font-size:13px; font-weight:bold; color:#6d6d6d;}
.right .inform li { width:100%; line-height:17px; border-bottom:1px dotted #bba093; background:url(../img/m_list_bullelt.gif) 2px 12px; box-sizing:border-box; background-repeat:no-repeat; padding:5px 0px 5px 10px; }
.right .inform li:first-child { line-height:26px; background:url(../img/m_list_bullelt.gif) 2px 16px; background-repeat:no-repeat; }
.right .inform li:nth-child(3) { letter-spacing:-0.05em; }
.right .inform li:nth-child(4) { letter-spacing:-0.05em; }
.right .inform li:last-child { border-bottom: none; box-sizing:border-box; }
.right .inform li a:link {color:#6d6d6d; text-decoration:none;}
.right .inform li a:visited {color:#6d6d6d; text-decoration:none;}
.right .inform li a:hover,focus {color:#6d6d6d; text-decoration:none;}
.right .inform li a:active {color:#6d6d6d; text-decoration:none;}
.right .info {width:282px; height:210px; padding-top:18px; background-image:url(../img/inform_bg.jpg); background-repeat:no-repeat; float:left; margin-left:30px; }
.right .info ul { width:272px; margin-top:8px; font-size:13px; font-weight:bold; color:#6d6d6d;}
.right .info li { width:100%; line-height:24px; border-bottom:1px dotted #bba093; background:url(../img/m_list_bullelt.gif) 0px 12px; padding-left:6px; box-sizing:border-box; background-repeat:no-repeat; letter-spacing:-0.01em; }
.right .info li:last-child { border-bottom: none; box-sizing:border-box; line-height:20px; padding-top:4px; }
.right .info li:first-child { border-bottom: none; box-sizing:border-box; line-height:20px; padding-top:4px; ; border-bottom:1px dotted #bba093; padding-bottom:4px; }
.right .info li a:link {color:#6d6d6d; text-decoration:none;}
.right .info li a:visited {color:#6d6d6d; text-decoration:none;}
.right .info li a:hover,focus {color:#6d6d6d; text-decoration:none;}
.right .info li a:active {color:#6d6d6d; text-decoration:none;}
.right .quiz{ width:282px; height:202px; padding-top:26px; background-image:url(../img/inform_bg.gif); background-repeat:no-repeat; float:left; margin-left:30px;}
.inimg{ text-align:left;}
#title { width:100%; height:120px; background-color:#FFF;}
#title .vol { float:left; height:120px; width:198px; }
#title .nav { width:602px; float:left; background-color:#515151; height:106px; }
#title ul.nav li { float:left; margin:22px 23px 0px 0px; }
#title ul.nav li:first-child { margin-left:25px; }
#title ul.nav li:last-child {margin-left:-5px;}
#title ul.nav a:link {color:inherit; text-decoration:none; }
#title ul.nav a:visited {color:inherit; text-decoration:none;}
#title ul.nav a:hover {transition:0.3s; opacity: 0.5; -moz-opacity: 0.5;}
#title ul.nav a:active {color:inherit;text-decoration:none}
#m_wrap { width:800px; margin:0 auto; height:auto; }
#content { width:100%; float:left;}
#content ul.menu li {}
#content ul.menu li {float:left; margin-right:6px; margin-bottom:10px; }
#content ul.menu li:nth-child(4) { float:right; margin-right:0px; }
#content ul.menu li:nth-child(5) { float:left; margin-right:6px; }
#content ul.menu li:nth-child(6) { float:left; margin-left:0px; }
#content ul.menu li:nth-child(7) { float:right; margin-right:0px; }
/* mail */
#mail_wrap { width:100%; margin:0 auto; }
.mail { width:660px; margin:0 auto; margin-bottom:30px;}
.mail h1 { text-align:center; }
/* sub */
.ls { letter-spacing:-0.05em;}
.ls2{ letter-spacing:0.05em;}
.stitle{ width:100%; font-size:18px; font-weight:bold;color:#0c9f08;float:left; margin-top:10px; background:url(../img/title_bg.gif) repeat-x; height:44px; padding-top:3px; margin-bottom:20px; }
.stitle img { vertical-align: text-bottom; margin-bottom:2px; }
#content_s { width:100%; background-color:#FFF; height:auto;float:left;}
#scont_c{float:left;width:740px; line-height:1.6em; text-align:left; margin-left:30px; font-family:맑은고딕, 맑은 고딕, Malgun Ghthic; font-size:14px; color:#3d3d3d; padding-top:10px; padding-bottom:10px;}
.btndown {
top:-1px;border-image: none;float:right;z-index: 2;}
.btndown > a {
padding: 6px 11px; border-radius: 50px; color: rgb(255, 255, 255); letter-spacing: -0.05em; font-size: 13px; pd font-weight: bold; position: relative; background-color: rgb(143, 143, 143);
}
.btndown > a.on {
background-color: rgb(12, 159, 8);
}
.mactive{ font-size:15px; font-weight:bold; color:#1c8e9c; border-radius:9px; border:1px solid #CCC; float:left; width:98%; padding:50px 0px 50px 15px; margin-bottom:10px; background-color:#FFF; box-sizing:borer-box; }
.mactive a:link {color:#1c8e9c; text-decoration:none; font-weight:bold;}
.mactive a:visited {color:#1c8e9c; text-decoration:none;font-weight:bold;}
.mactive a:hover, a:focus {color:#3c539d; text-decoration:none;font-weight:bold;}
.mactive a:active {color:#1c8e9c;text-decoration:none;font-weight:bold;}
.mactive:last-child{ margin-bottom:30px; }
.sotong{ font-size:15px; margin-bottom:5px;border-radius:9px; border:1px solid #CCC; float:left; width:698px; margin-bottom:15px; padding:50px 50px 5px 50px; background:url(../img/sub_bottom2.png) 0px bottom no-repeat; margin-bottom:40px;}
.soto_num{ float:left; width:100%; }
.soto_sp{ font-size:13px; }
.so_local{ font-size:14px; margin-bottom:5px;border-radius:9px; border:1px solid #CCC; float:left; width:100%; margin-bottom:15px; padding:50px 50px 5px 50px; background:url(../img/sub_bottom3.png) 0px bottom no-repeat; margin-bottom:40px;box-sizing:border-box; background-color:#FFF;}
.local{ font-size:14px; font-weight:bold; margin-bottom:5px;border-radius:9px; border:1px solid #CCC; float:left; width:758px; padding:20px; margin-bottom:15px; letter-spacing:1px; background:url(../img/star_bg.gif) 0px 10px no-repeat;}
.local_t{ float:left; margin:0px 0px 10px 22px;}
.mb20{ margin-bottom:20px;}
.td2{font-family:"돋움"; font-size:12px; color:#666; width:100%; margin-top:10px; text-align:left; font-weight:bold; }
.t_t{ font-size:20px; font-weight:bold; color:#a56262;}
.t_s{font-family:"돋움"; font-size:14px; font-weight:bold; color:#79b638;}
.photo01{ margin-top:15px; width:100%;float:left; margin-bottom:15px;}
.photo01 img {box-shadow:2px 2px 6px 0px #b2b2b2;}
.photo05 img {box-shadow:2px 2px 6px 0px #b2b2b2;}
.photo04{ margin-top:15px; width:100%; margin-bottom:5px; text-align:center;}
.photo05{ margin-top:15px; width:100%;float:left; margin-bottom:0px;}
.photo011{ margin-top:14px; width:100%;float:left; margin-bottom:5px; font-size:15px; line-height:22px; padding-top:10px;}
.photo012{ width:100%;float:left; }
.mr17{ margin-right:10px;}
.mr18{ margin-right:35px;}
.photo02{ margin-top:20px; margin-bottom:20px; width:100%;}
#o_tbox{float:left; width:100%; text-align:justify; }
#o_tbox2{float:left; margin-bottom:0px;}
.o_tt0{ font-size:17px; font-weight:bold; color:#856651; }
.o_tt1{ font-size:16px; font-weight:bold; color:#467d68; margin-bottom:5px;}
/*
.o_tt2{ font-size:16px; font-weight:bold; color:#496b82; margin-bottom:5px;}
.o_tt3{ font-size:16px; font-weight:bold; color:#5a5c95; margin-bottom:5px;}
*/
.o_tt2{ font-size:16px; font-weight:bold; color:#655137; margin-bottom:5px;}
.o_tt3{ font-size:16px; font-weight:bold; color:#615e33; margin-bottom:5px;}
.o_tt4{ font-size:16px; font-weight:bold; color:#856651; margin-bottom:5px;}
.o_td3{float:left; margin-top:20px;}
.o_td33{float:left; margin-top:5px;width:345px;}
.o_td7{float:left; margin-top:8px;width:98%;}
.o_td8{float:left; margin-top:8px;width:100%; }
.o_td{float:left; margin-top:8px;width:70%;}
.o_td44{float:left; margin-top:5px;width:54%;}
.o_td55{float:left; margin-top:5px;width:400px;}
.o_td6{float:left; margin-top:10px;width:620px;}
.o_td2{ clear:both; margin-top:30px;}
.o_td22{ clear:both; margin-top:5px;width:98%;}
.o_tp{float:left; margin-right:10px; }
.o_tp img{ box-shadow:0px 0px 10px 0px #b2b2b2;}
.o_tp3{float:left; margin-right:10px; margin-top:40px;}
.o_tp2{float:right; margin-left:10px;}
.o_td4{ float:left; margin-top:20px;}
.line{width:800px; height:7px; background:url(../img/dot3.gif) repeat-x; float:left;}
.line2{width:100%; height:7px; float:left; border-top: dotted 1px ; margin-bottom:10px; margin-top:7px; border-color:#737373;}
.no_line{width:800px; height:7px; float:left; margin-bottom:10px;}
.t_tt{ font-weight:normal; color: rgb(11, 99, 203); font-size:14px;}
.t_ss{ font-weight:bold; color:#79b638;}
.t_sss{ font-weight:bold; color:#79b638;}
.t_sp{ color:#d6736e;}
.t_sp2{ color:#d42b47;}
.t_un{font-family:"돋움"; font-size:12px; font-weight:bold; color:#195ab5; text-decoration:underline;}
.t_sn{ font-size:95%; color: inherit; }
.l_tp{float:left; margin-left:70px;}
.p_tt1{font-family:"돋움"; font-size:14px; font-weight:bold; color:#79b638; margin-bottom:10px;}
.p_tt2{font-family:"돋움"; font-size:14px; font-weight:bold; color:#79b638;margin-bottom:10px;}
.p_sp3{font-family:"돋움"; font-size:11px; color:#d42b47; font-weight:bold;}
.p_sp4{font-family:"돋움"; font-size:11px; color:#d42b47; font-weight:bold; vertical-align:text-top;}
.pline{width:660px; height:4px;background:url(../img/dot3.gif) repeat-x; }
.p_tt{font-family:"돋움"; font-size:12px; font-weight:bold; color:#a56a0e;}
.p_sp5{font-family:"돋움"; font-size:14px; color:#5896dc; font-weight:bold; text-align:center; }
.p_sp6{font-family:"돋움"; font-size:11px; color:#5896dc; vertical-align:text-top;}
.learn{ float:left; text-align:center;width:100%; margin-bottom:0px;}
.learn ul {width:352px; float:left; margin-left:0px;margin-bottom:10px;}
.learn li {width:352px; text-align:center;margin-bottom:10px; }
.learn li img {box-shadow:2px 2px 6px 0px #b2b2b2;}
.m28 { margin-right:28px;}
.ltext{font-size:16px; font-weight:bold; color:#686d6d; margin-top:5px; margin-bottom:10px; }
.odd{ margin-left:170px;}
.ltex{font-size:14px; font-weight:bold; color:#686d6d; margin-top:5px; margin-bottom:10px; }
.ltex a:link {color:#686d6d; text-decoration:none; font-weight:bold;}
.ltex a:visited {color:#686d6d; text-decoration:none;font-weight:bold;}
.ltex a:hover, a:focus {color:#686d6d; text-decoration:none;font-weight:bold;}
.ltex a:active {color:#686d6d;text-decoration:none;font-weight:bold;}
.learn2{ text-align:center;width:100%;}
.learn2 ul { margin:0 auto; margin-bottom:10px; width:570px; }
.learn2 li {text-align:center; }
.learn2 li img {box-shadow:2px 2px 6px 0px #666;}
.t_d{font-family:"돋움"; font-size:12px; color:#666; width:100%; margin-top:10px; text-align:center; font-weight:bold; margin-bottom:15px; }
.td2{font-family:"돋움"; font-size:12px; color:#666; width:100%; margin-top:10px; text-align:left; font-weight:bold; }
.td3{font-family:"돋움"; font-size:12px; color: #757575; width:100%; margin-top:10px; text-align:left; font-weight:bold; }
.m28{ margin-right:28px;}
.ltext2{font-size:15px; font-weight:bold; color:#5da19e; margin-bottom:20px;text-align:center;}
.issue { margin:0 auto; text-align:center; margin-top:10px; margin-bottom:10px; font-size:0px;}
.pn{ line-height:20px;}
/* 기본게시판 : list */
.basic-list {border:1px dotted #666;width:690px; margin-top:6px;}
.basic-list th {padding:14px 0; background-color:#438599; color:#fff; border:1px solid #ddd; font-size:12px;}
.basic-list td {padding:10px 10px;text-align:left;border:1px solid #ddd;word-break:break-all; background-color:#f6f6f6;}
.basic-list td .notice {white-space:nowrap;}
.basic-list td.center{text-align:center;padding:10px 5px 10px 10px; font-weight:bold; background-color:#f5f4f4;}
.basic-list a:link { text-decoration:none;}
.basic-list a:visited {color:#69b5cc; text-decoration:none;}
.basic-list a:hover, a:focus {color:#69b5cc; text-decoration:none;}
.basic-list a:active {color:#69b5cc; text-decoration:none;}
.b-box{border:1px solid #5da19e;width:680px; padding:10px;}
.basic-list2 {border:1px dotted #666;width:100%; margin-top:6px;}
.basic-list2 th {padding:10px 0; background-color:#438599; color:#fff; border:1px solid #ddd; font-size:14px;}
.basic-list2 td {padding:5px 5px;text-align:center;border:1px solid #ddd;word-break:break-all; font-size:13px;}
.basic-list2 td .notice {white-space:nowrap;}
.basic-list2 td.left{text-align:left;padding:10px 5px 10px 10px; font-weight:normal; }
/* footer */
#main_bot{
float:left;
width:800px;
margin-bottom:20px;
background-color:#626262;
border-radius:0px;}
.footer{float:none;width:800px; height:70px; margin:0 auto;}
.f_txt{font-family:"돋움"; font-size:11px; padding-top:15px;color:#b0cde6;text-align:center;}
.f_txt_s{font-family:"돋움"; font-size:11px; padding-top:15px;color:#fff;text-align:center;}
.f_txt a:link {color:#c6cc9e; text-decoration:none; font-weight:bold;}
.f_txt a:visited {color:#c6cc9e; text-decoration:none;font-weight:bold;}
.f_txt a:hover, a:focus {color:#c6cc9e; text-decoration:none;font-weight:bold;}
.f_txt a:active {color:#c6cc9e;text-decoration:none;font-weight:bold;}
.footer a:link {color:#f5f1c6; text-decoration:none; font-weight:bold;}
.footer a:visited {color:#aeaeae; text-decoration:none;font-weight:bold;}
.footer a:hover, a:focus {color:#f5f1c6; text-decoration:none;font-weight:bold;}
.footer a:active {color:#aeaeae;text-decoration:none;font-weight:bold;}