body {font-size:12px;font-family:gulim;}
input,select,textarea {font-size:12px;font-family:gulim;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
.wrap {margin:auto;}
#header {}
#content {padding:0;min-height:500px;}
#footer {}


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

/* CSS Document */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumpenscript.css");

html,body{width:100%;height:100%;margin:0px;}
body {
 font-size:14px;
 font-family:'��������', NanumGothic, 'Nanum Gothic';
 color:#444;
 line-height:160%;
 margin:0px;
 color:inherit;
 background:#fff;
}

a, a:hover {color:inherit;}
p,ul,li, dl, dt, dd, h1, h2, ol {margin:0px;padding:0px;}
ul,li {list-style:none;}
input {font-family:'��������', NanumGothic, 'Nanum Gothic';}
img {border:0px;}
a.rollover img { border-width:0px; display:inline;}
a.rollover img.rollover { display:none;}
a.rollover:hover { position:relative;}
a.rollover:hover img { display:none;}
a.rollover:hover img.rollover { display:inline;}
a {text-decoration:none;}
#tps {height:30px;border-bottom:1px solid #cccccc;}
#tps a {color:#797979;}
#tps ul {max-width:980px;margin:auto;text-align:right;}
#tps ul li {display:inline-block;padding-left:1em;height:30px;font-size:0.85em;}
#tps a, #tps span {display:inline-block;padding-top:5px;}
#tps ul li.y {background:url(./image/2016.gif)left top no-repeat;font-size:1em;float:left;padding-left:5em;font-weight:600;color:#666;}
#menus {border-bottom:4px solid #6699ff;}
#menus .meicon {display:none;}
#menus div {max-width:980px;margin:auto;padding:0.5em 0;}
#menus div h1 {display:inline-block;width:20%;vertical-align:top;}
#menus div ul {display:inline-block;width:74%;margin-left:5%;text-align:right;}
#menus div ul li {display:inline-block;vertical-align:top;}
#menus div ul li a {display:inline-block;font-size:1.45em;font-weight:600;padding:1em 1.5em 0.25em 1.5em;letter-spacing:-1px;color:#333333;}
#smenu {z-index:1000;width:100%;background:#6699ff;overflow:hidden;position:absolute;}
#smenu div {width:100%;max-width:980px;border:0px solid #000;margin:auto;}
#smenu ul {width:61%;margin-left:39%;border:0px solid yellow;text-align:left;padding:0}
#smenu ul li {display:inline-block;height:100%;text-align:left;vertical-align:top;padding-top:0.65em;padding-bottom:0.65em;text-align:center;vertical-align:top;}
#smenu ul li span {display:block;width:94%;margin:auto;}
#smenu ul li a {color:#ffffff;display:block;padding:0.1em 0 0.1em 0.5em;text-align:left;font-size:0.9em;border:2px solid #6699ff;}
#smenu ul li a:hover {color:#333333;border:2px solid #3d71bf;background:#ffffff;}
#smenu .sstit {display:none;}
#smenu ul .sm1 {width:32%;}
#smenu ul .sm2 {width:26%;}
#smenu ul .sm3 {width:23%;}
#smenu ul .sm4 {width:17%;}
#mimg {width:100%;max-height:520px;}
div.sel {position:absolute;height:0px;width:99%;z-index:100;}
div.sel div {width:100%;max-width:980px;margin:auto;margin-top:-3em;border:0px solid #f00;text-align:center;position:relative;}
div.sel div strong {display:inine-block;margin:auto;border:0px solid #f00;position:relative;width:5.1%;max-width:50px;text-align:center;border:1px solid transparent;}
div.sel div strong img {position:absolute;margin-top:-22px;margin-left:-20px;}
div.sel div span {display:inline-block;float:right;position:absolute;width:100px;right:0;}
div.sel div span img {display:inline-block;padding:0.25em 0 0.25em 0.75em !important;}
.mimg1_bg {background:#6699ff;width:100%;text-align:center;}
.mimg2_bg {background:#ffffff;width:100%;text-align:center;}
.mimg3_bg {background:#ffffff;width:100%;text-align:center;}
.mimg1_bg img, .mimg2_bg img, .mimg3_bg img {width:100%;max-width:1280px;}
#alram {background:#6699ff;}
#alram div {width:100%;max-width:980px;margin:auto;border:0px solid #fff;padding:1.5em 0;color:#fff;}
#alram div dl {display:inline-block;width:31%;margin-right:3%;vertical-align:top;}
#alram div dl.ed, .mgn_r0 {margin-right:0 !important;}
#alram div dl dt, #alram div dl dd {vertical-align:top;}
#alram div dl dt {font-size:1.7em;font-weight:600;text-align:center;margin-bottom:0.25em;letter-spacing:-1px;}
#alram div dl dt span {display:block;margin-bottom:10px;}
#alram div dl dt span img {width:100%;max-width:107px;}
#alram div dl dd {padding:1px 0;width:100%;color:#ffffff;letter-spacing:-1px;}
#alram div dl dd span {display:inline-block;float:right;}
#mcnts {width:100%;max-width:980px;margin:2em auto 0 auto;}
#mpart {}
.mpart2 {display:inline-block;width:31%;margin-right:2.9%;vertical-align:top;background:#f1f0f0;position:relative;margin-bottom:2em;min-height:230px;}
.mpart2 h2 {wheight:4em;position:absolute;margin-left:0.35em;}
.mpart2 h2 strong {color:#fff;display:inline-block;font-size:0.9em;font-weight:600;letter-spacing:-1px;background:url(./image/point.png) left -10px no-repeat;padding:0.65em 0 0 0;margin-top:-1px;}
.mpart2 h2 strong.gray {color:#333333;}
.mpart2 .mpimg {display:inline-block;width:100%;}
.mpart2 .mpimg img {width:100%;}
.mpart2 ul {margin:0.75em 1em;}

#mban {border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;padding:1em 0;width:100%;}
#mban ul {width:100%;max-width:980px;margin:auto;}
#mban ul li {width:23.8%;margin-right:0.9%;display:inline-block;}
#mban ul li img {width:100%;}



#mbody, #sbody {width:100%;}

#footer {background:#cbcbcb;padding:1em;}
#footer div {max-width:980px;margin:auto;vertical-align:top;color:#575656;}
#footer ul.qm {display:inline-block;width:60%;}
#footer ul.qm li {display:inline-block;background:url(./image/btm_line.gif) left 50% no-repeat;margin-left:0.75em;color:#abaaaa;font-size:1em;line-height:160%;padding-left:1em;color:#333333;font-weight:600;}
#footer ul.qm li:first-child {background:none;margin-left:0;padding-left:0;}
#footer ul.ad {margin-top:0.5em;line-height:140%;}
#footer ul.ad strong {display:inline-block;padding-right:1em;}
#footer ul.ad li:first-child {float:right;}
#footer ul.ad li:first-child select {background:#808080;padding:0.25em 0em 0.25em 0.5em;color:#fff;width:14em;border:1px solid #808080;font-family:'��������', NanumGothic, 'Nanum Gothic';}


#smtit {background:#6699ff;vertical-align:middle !important;display:block;}
#sbody h2 {width:100%;max-width:980px;margin:auto;}
#sbody h2 span {display:inline-block;width:49%;vertical-align:top;height:100%;}
#sbody h2 span img {width:100%;}
#sbody h2 span strong {display:inline-block;font-weight:600;font-size:1.5em;color:#fff;margin-top:1.3em;}
#loca {width:100%;border-bottom:1px solid #adadad;float:left;}
#loca ul {width:100%;max-width:980px;margin:auto;}
#loca ul li {border-right:1px solid #adadad;display:inline-block;font-weight:600;color:#555;padding:0;height:100%;float:left;}
#loca ul li:first-child {border-left:1px solid #adadad;}
#loca ul .ss {color:#07366b;font-weight:600;color:#6699ff;}
#loca a {display:inline-block;padding:0.4em 1.5em;min-height:22px;}
#loca a.on {background:#6699ff;color:#fff;}
#loca2 {width:100%;text-align:center;clear:both;padding:1em 0;border-bottom:1px solid #eee;background:#eee;}
#loca2 ul {width:100%;max-width:980px;margin:auto;text-align:center;}
#loca2 ul li {display:inline-block;min-width:19.2%;vertical-align:middle;margin:2px;}
#loca2 ul li a {display:inline-block;border:1px solid #ccc;width:100%;height:100%;vertical-align:middle;background:#f6f6f6;padding-top:0.15em;min-height:2.2em;}
#loca2 ul li a:hover, #loca2 ul li a.on {background:#4594c5;color:#fff;border:1px solid #2682bc;}
#sbody #scnts {width:100%;max-width:980px;margin:auto;min-height:500px;padding:2em 0;clear:both;}
#sbody h3 {display:block;width:100%;font-size:3em;font-weight:600;color:#6699ff;text-decoration:underline;text-align:center;margin-bottom:1.5em;}

#chmap #daumRoughmapContainer1548901268780 {width:100%;margin:auto;}
#chmap ul {margin:0 auto 1em auto;width:96%;}
#chmap li {font-size:1.2em;line-height:160%;}
#chmap li span {display:inline-block;font-weight:600;width:6em;}
#chmap li.icon {float:left;margin-top:-8px;width:80px;}
#chmap #daumRoughmapContainer1461246687169 div {color:#f00;font-weight:bold;font-size:14px;}

.org {clear:both;}
.org div {margin-bottom:1em;vertical-align:top;}
.org .orgtit {display:inline-block;font-size:1.5em;font-weight:600;padding:0.5em;border-bottom:0px solid #222;background:#eee;}
.org div ul {display:inline-block;border:0px solid #ddd;padding:0.5em 1em;vertical-align:top;width:90%;min-height:8em;}
.org div li span {display:block;color:#999;font-weight:600;}
.org div {width:31%;display:inline-block;border:0px solid #f00;margin-left:2%;}
.org div:type-of-first {margin-left:0%;}

.youtubeWrap {border:0px solid #f00;min-height:300px;text-align:center;}
.youtubeWrap iframe {width:100%;max-width:800px;margin:auto;min-height:460px;}
#mp3screen {width:100%;height:100%;background:#333;padding:1em;}
#mp3screen p {width:100%;text-align:right;}
#mp3screen p .btnstype1 {background:#fde962;color:#111;font-size:14px;border-radius:4px;padding:0.5em 1em;width:94%;}
#mp3screen #au {width:94%;margin:1em auto;}
#mp3screen #au audio {width:100%;}



@media screen and (max-width:960px){
#menus div ul li a {font-size:1.35em;padding:1em 1.1em 0.25em 1.1em;}
#smenu ul {width:62%;margin-left:39%;border:0px solid yellow;text-align:left;padding:0}
#smenu ul .sm1 {width:32%;}
#smenu ul .sm2 {width:26%;}
#smenu ul .sm3 {width:20%;}
#smenu ul .sm4 {width:18%;border:0px solid #f00;}
#loca a {display:inline-block;padding:0.4em 0.8em;min-height:22px;}
#chmap #daumRoughmapContainer1463449331715 {width:94%;margin:auto;}

#footer ul.ad li:first-child {float:none;}
#footer ul.ad li:first-child select {background:#808080;padding:0.25em 0em 0.25em 0.5em;color:#fff;width:14em;border:1px solid #808080;font-family:'��������', NanumGothic, 'Nanum Gothic';}

}

@media screen and (max-width:880px){
#alram div {font-size:13px;}
}

@media screen and (max-width:820px){
#alram div {font-size:14px;}
#alram div dl {display:block;width:98%;min-height:1em;margin:0 auto 1em auto;vertical-align:top;border-bottom:1px dashed #658dca;clear:both;padding-bottom:1em;}
#alram div dl dt {float:left;text-align:left;vertical-align:middle;height:100%;width:30%;border:0px solid #fff;}
#alram div dl.ed, .mgn_r0 {margin:0 auto 0em auto !important;}
#alram div dl.ed {border-bottom:0px;}
#alram div dl dd {vertical-align:top;width:68%;margin-left:30%;}
#alram div dl dt {font-size:1.2em;font-weight:600;text-align:left;margin-bottom:0.25em;letter-spacing:-1px;}
#alram div dl dt span {display:none;margin-bottom:10px;}
#alram div dl dt span img {width:100%;max-width:107px;}
#alram div dl dd span {display:inline-block;float:none;width:6em;}
.org div {width:46%;}
}

@media screen and (max-width:780px){
#smenu ul {width:68%;margin-left:33%;border:0px solid yellow;text-align:left;padding:0}
#smenu ul .sm1 {width:32%;}
#smenu ul .sm2 {width:26%;}
#smenu ul .sm3 {width:20%;}
#smenu ul .sm4 {width:18%;border:0px solid #f00;}

}


@media screen and (max-width:760px){
#menus div, #menus div h1 {width:100%;border:0px solid #000;margin:auto;}
#menus div h1 {text-align:center;}
#menus div ul {width:99%;text-align:center;border:0px solid #000;margin:auto !important;}
#menus div ul li a {font-size:1.35em;padding:1em 0.8em 0.25em 0.8em;}
#smenu ul {width:64%;margin:auto;text-align:left;padding:0}
#smenu ul .sm1 {width:32%;}
#smenu ul .sm2 {width:26%;}
#smenu ul .sm3 {width:20%;}
#smenu ul .sm4 {width:18%;border:0px solid #f00;}
#sbody h2 span strong {font-size:1.1em;margin-top:0.8em;}
#loca a {display:inline-block;padding:0.4em 0.75em;min-height:22px;}
#loca ul li {border:1px solid #ddd;margin-right:1px;margin-bottom:1px;margin-top:1px;}
.youtubeWrap iframe {width:100%;max-width:800px;margin:auto;min-height:400px;}
#footer ul.qm {display:inline-block;width:100%;}
}

@media screen and (max-width:720px){
#smenu ul {width:70%;margin:auto;text-align:left;padding:0}
#smenu ul .sm1 {width:32%;}
#smenu ul .sm2 {width:26%;}
#smenu ul .sm3 {width:20%;}
#smenu ul .sm4 {width:18%;}
}

@media screen and (max-width:680px){
#mpart {}
.mpart2 {display:inline-block;width:47%;margin-right:1%;margin-left:1%;vertical-align:top;background:#f1f0f0;position:relative;margin-bottom:2em !important;min-height:230px;}
.mpart2 h2 {wheight:4em;position:absolute;margin-left:0.35em;}
.mpart2 h2 strong {color:#fff;display:inline-block;font-size:0.9em;font-weight:600;letter-spacing:-1px;background:url(./image/point.png) left -10px no-repeat;padding:0.65em 0 0 0;margin-top:-1px;}
.mpart2 h2 strong.gray {color:#333333;}
.mpart2 .mpimg {display:inline-block;width:100%;}
.mpart2 .mpimg img {width:100%;}
.mpart2 ul {margin:0.75em 1em;}
#mpart .mgn_r0 {margin-right:1% !important;margin-left:1% !important;}
}

@media screen and (max-width:620px){
#chmap li.icon {float:left;margin-top:-8px;width:80px;display:none;}
#chmap li span {display:block;}
}

@media screen and (max-width:600px){
#smenu ul {width:80%;margin:auto;text-align:left;padding:0}
#smenu ul .sm1 {width:32%;}
#smenu ul .sm2 {width:26%;}
#smenu ul .sm3 {width:20%;}
#smenu ul .sm4 {width:18%;}
}


@media screen and (max-width:520px){
#tps {height:auto;width:100%;overflow:hidden;}
#tps li.y {width:96%;clear:both;text-align:left;overflow:hidden;}
#tps ul {text-align:right;border:0px solid #f00;width:100%;}
#smenu ul {width:98%;margin-left:2%;text-align:left;padding:0}
#smenu ul .sm1 {width:32%;}
#smenu ul .sm2 {width:26%;}
#smenu ul .sm3 {width:20%;}
#smenu ul .sm4 {width:18%;}
}


@media screen and (max-width:480px){
#menus h1 img {max-width:170px;}
#menus .meicon {display:inline-block;margin-top:0.2em;position:absolute;left:5px;z-index:1000;}
#menus .meicon img {max-width:36px;}
#menus div ul {display:none;}
#smenu {z-index:1000;width:200px;background:#6699ff;overflow:hidden;position:absolute;}
#smenu div {width:100%;max-width:200px;border:0px solid #000;margin:auto;}
#smenu ul {width:96%;margin-left:3%;text-align:left;padding:0}
#smenu ul li {display:block;text-align:left;vertical-align:top;padding-top:0.65em;padding-bottom:0.65em;text-align:left;vertical-align:top;}
#smenu ul li span {display:block;width:94%;margin:auto;}
#smenu ul li a {color:#ffffff;display:block;padding:0.1em 0 0.1em 0.95em;text-align:left;font-size:0.9em;border:2px solid #6699ff;}
#smenu ul li a:hover {color:#333333;border:2px solid #3d71bf;background:#ffffff;}
#smenu ul li .sstit {display:block;font-weight:600;font-size:1.1em;color:#fff;padding-left:0;background:#6699ff;}
#smenu ul li a.sstit:hover {background:#6699ff;border:2px solid #6699ff;}
#smenu ul .sm1 {width:100%;}
#smenu ul .sm2 {width:100%;}
#smenu ul .sm3 {width:100%;}
#smenu ul .sm4 {width:100%;}
#sbody h2 span strong {font-size:0.8em;margin-top:0.6em;}
#loca {display:none;}
.org div {width:96%;}
}


@media screen and (max-width:420px){
div.sel div strong img {width:40px;margin-top:-5px;margin-left:-10px;}
#alram div {font-size:13px;}
#alram div dl dt {font-size:1.25em;}
#mpart {}
.mpart2 {display:inline-block;width:94%;margin-right:3%;margin-left:3%;vertical-align:top;background:#f1f0f0;position:relative;margin-bottom:2em !important;min-height:230px;}
.mpart2 h2 {height:4em;position:absolute;margin-left:0.35em;}
.mpart2 h2 strong {color:#fff;display:inline-block;font-size:0.9em;font-weight:600;letter-spacing:-1px;background:url(./image/point.png) left -10px no-repeat;padding:0.65em 0 0 0;margin-top:-1px;}
.mpart2 h2 strong.gray {color:#333333;}
.mpart2 .mpimg {display:inline-block;width:100%;}
.mpart2 .mpimg img {width:100%;}
.mpart2 ul {margin:0.75em 1em;}
#mpart .mgn_r0 {margin-right:3% !important;margin-left:3% !important;}
#mban ul {text-align:center;}
#mban ul li {width:47%;margin:0%;display:inline-block;border:0px solid #f00;}
.youtubeWrap iframe {width:100%;max-width:800px;margin:auto;min-height:350px;}
#chmap #daumRoughmapContainer1463449331715 {width:92%;margin:auto;}
}