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

font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nanum Myeongjo', serif;
font-family: 'Nanum Gothic Coding', monospace;
font-family: 'Nanum Pen Script', cursive;
font-family: 'Nanum Brush Script', cursive;

*/
@import url('font-awesome.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script|Nanum+Gothic|Nanum+Gothic+Coding|Nanum+Myeongjo|Nanum+Pen+Script&display=swap');
* {font-family:'Nanum Gothic', sans-serif; src:url('/include/css/NanumGothic.ttf'); font-weight:normal;}

body, html{overflow-x:hidden; color:#333; font-size:18px;}

p, body, ul, li, dt, dl, h1, h2, h3, h4, h5,a{margin:0;
padding:0; list-style:none; text-decoration:none; border:0}
a:link { color: #323232; }
a:visited { color:#323232; }
a:hover { color:#6f3737; }
a:active { color:#323232; }

.nav {
float:right;
padding:40px 0 0 0;
}

.nav ul {
padding:0;
width:100%;
}

.nav li{
float:left;
padding-left:85px;
text-align:center;
cursor:pointer;
transition: all .2s;
font-size:18px;
height:50px;
}

.nav li a {
font-weight:bold;
color:#FFF;
}

.nav li a:hover {
text-shadow:2px 2px 2px #333;
}

.snav {
left:0px; FILTER:alpha(opacity=80); opacity:.9;
border:0px; top:95px; width:150px;z-index:100;visibility:hidden; overflow:hidden; 
DISPLAY:none;POSITION:absolute;line-height:30px; font-size:12px;
background:#FFF;
border-radius:10px;
padding:10px 0;
}

.sdiv {
font-size:14px;
transition:all 0.2s;
font-weight:bold;
}

.sdiv:hover {
text-decoration:underline;
font-size:14px;
}


div.polaroid {
  width: 96%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  transition: font-size 0.1s ease-out;
}

div.polaroid:hover {
  font-size:18px;
}

.polaroid img {
padding:10px 0 0 0;
}

.bd_img {
box-shadow:4px 4px 4px #ccc;
}

.w100 {
width:100px;
}

.w150 {
width:150px;
}

.w200 {
width:200px;
}

.w250 {
width:250px;
}

.w300 {
width:300px;
}

.w350 {
width:350px;
}

.w400 {
width:400px;
}



.btn {
border:none;
border-radius:10px;
line-height:30px;
padding:5px 30px;
font-weight:bold;
background:#333;
color:#FFF;
font-size:14px;
box-shadow:2px 2px 2px #CCC;
text-shadow:2px 2px 2px #666;
cursor:pointer;
}

.btn:hover {
text-shadow:none;
}


.btn-success i {
color:#FFF;
}

.badge {
background:#999;
padding:3px 10px;
border-radius:5px;
}
/*------------------------------------------------
					 NAV START
-------------------------------------------------*/
.ptop {
padding-top:10px;
height:100px;
}

.staff {
position:absolute;
width:100px;left:50%;
margin-left:195px;
font-size:14px;
background:#3289d8;
text-align:center;
line-height:30px;
color:#FFF;
border-radius: 0 0 10px 10px;
font-weight:bold;
cursor:pointer;
box-shadow: 2px 2px 2px #000;
}

.staff:hover {
box-shadow:inset 2px 2px 2px #000;
text-shadow: 2px 2px 2px #000;
}

.top_mem {
width:1240px;
margin:auto;
text-align:right;
font-size:12px;
}

.top_mem a{
padding-left:10px;
}

nav > ul {
  font-size: 1em;
  list-style: none;
  margin-top: 15px;
  padding: 0;
}

nav {
  position:absolute;
  width: 800px;
  margin-left: -120px;
  font-size: 16px;
  height:80px;
  z-index:999;
  left:50%;
}

nav > ul > li {
  padding-left:50px;
  float: left;
  position: relative;
}

nav > ul > li a {
  display: block;
  padding: 5px 0px;
  text-align: center;
  text-decoration: none;
  font-weight:bold;
}

nav > ul > li > ul > li > a {  
  font-size:14px;
  transition: all .2s;

}
nav > ul > li > ul > li > a:hover {
font-size:15px;
text-decoration: underline;
}


nav > ul > li:hover > a + ul { /*    display: block;*/

}

nav > ul > li > ul {
  border-radius:10px;
  position: absolute;
  width: 100%;
  left: 20px;
  top: 100%;
  display: none;
  background:#fff;
  padding:10px 0;
  border:solid 2px #ccc;
}

/*------------------------------------------------
					 NAV END
-------------------------------------------------*/
/*--------------------------------
					Main Start
-------------------------------------*/

.mmm{
float:left; width:20%; text-align:center;
cursor:pointer;
}

.mmm:hover{
text-shadow:2px 2px 2px #ccc;
}

.mmm1 {
font-weight:bold;
padding:10px 0;
}

.mmm2 {
font-size:14px;
}

.jn_btn {
position:absolute; z-index:99; padding:5px 10px; border-radius:10px;
border:solid 2px #feaf0a; color:#feaf0a; width:130px; font-weight:bold; text-align:center;
left:50%; margin-left:530px; 
cursor:pointer;
}

.jn_btn:hover {
text-shadow:1px 1px 1px #CCC;
}

.ab_left{
width:366px;
float:left;
}

.ab_left img {
padding-right:50px;
}


.abo {
padding:41px 0 41px 10px;
background:#e7ecef;
cursor:pointer;
font-weight:bold;
}

.ab {
padding:41px 0 41px 10px;
cursor:pointer;
}

.ab:hover {
font-weight:bold;
background:#e7ecef;
}

.ab_right {
position:absolute;
width:1348px;
background:#e7ecef;
height:584px;
z-index:9;
left:50%;
margin-left:-350px;
}

.abr {
float:left; 
width:480px;
padding:140px 50px 50px 50px;
font-size:16px;
line-height:22px;
}

.abr_img {
position:absolute; padding:0 0 0 50px;
}

.jn_cnt {
position:absolute; 
z-index:99; 
padding:5px 10px; 
color:#666; 
width:430px; 
left:50%; 
margin-left:250px; 
font-size:16px;
line-height:20px;
}

/*------------------------------------------------
					 JOIN START
-------------------------------------------------*/

.jf_t {
height:30px;
text-align:center;
font-size:18px;
}

.join_cnt {
line-height:25px;
border:solid 1px #CCC;
padding:20px;
box-shadow:inset 4px 4px 4px #CCC;
}

.join_write {
width:80%;
margin:auto;
}

.jcol {
padding-top:20px;
line-height:40px;
height:55px;
border-bottom:dashed 1px #CCC;
}

.jcol2 {
padding-top:20px;
line-height:50px;
height:110px;
border-bottom:dashed 1px #CCC;
}

.jcol li, .jcol2 li  {
float:left;
}

.jcol li input{

}

.jcol_l {
width:150px;
text-align:right;
padding-right:20px;
}

.jcol_r {
width:700px;
}

.j_ok {
border:solid 1px #ccc;
width:80%;
margin:auto;
text-align:center;
line-height:40px;
padding:20px 0;
border-radius:10px;
color:#ff3300;
}


/*------------------------------------------------
					 JOIN END
-------------------------------------------------*/

.s1_box {
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
padding:40px;
font-weight:bold;
font-family: 'Nanum Myeongjo', serif;
font-size:20px;
}

.s1_ul {
padding-top:20px;
}

.s1_ul li {
font-family: 'Nanum Myeongjo', serif;
}

.sign {
font-family: 'Nanum Brush Script', cursive;
font-size:30px;
}

.s12_y {
clear:both;
padding-top:5px;
font-size:25px; font-style:italic; font-weight:bold; padding-bottom:20px;
font-family: 'Nanum Myeongjo', serif;
float:left;
}
.s12_cnt {
padding: 0 0 50px 70px;
font-family: 'Nanum Myeongjo', serif;
float:left;
}

.s12_cnt_t {
color:#ff6600; font-weight:bold; font-size:20px;
font-family: 'Nanum Myeongjo', serif;
padding-right:20px;
}

body td{
margin:0;
padding:0;
font-size:12px;
font-family:나눔고딕,Dotum, 굴림, Gulim, arial, Verdana, AppleGothic, sans-serif;
color:#707070;
} 




#footer_contain #footer{
clear:both;
padding-top:20px;
}

#footer_contain #footer .f_inner{
position:relative;
width:1200px;
margin:0 auto}

.f_inner dl{

overflow:hidden}

.f_logo{
float:left;
margin-top:10px
}

.adcopy{
color:#aaa;
padding:10px 0 0 50px;
width:600px;
float:left;
text-align:left
}

.add{margin-bottom:5px;line-height:20px;}

/* SMS */
#msg_screen	{ text-align:center; position:relative; margin:0px 0 0 0; }
#msg_window	{ border:none; width:164px; height:101px; background:transparent; font:12px/1.4em 굴림체; color:#000000; overflow:hidden; padding:0px; }
#msg_max	{ position:absolute; left:34px; top:10px; width:103px; height:63px; font-size:11px; color:#000000; text-align:center; cursor:text; }
#max_byte	{ margin:0; padding:8px 0 3px 0; font-size:11px; color:#000000; }
/* SMS */

img {
border:none;
}

#sub_visual img{
width:1000px;
margin:0 auto;
display:block

}



#contents_contain2{
width:1100px;
min-height:350px;
margin:0 auto 60px auto;

}


#left_con{
width:194px;
float:left
}

#left_con h2{ 
 background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABdSURBVChTfc7BDYAgDEDR2sRFjMN5cGTDkSU4aD6mpDTWfyrpC7CcR73Ltcpf295EQQxZ7DDKIcOGqEOK2CMakGwREU2QvhBN0CP/DRow3sTscYfZcx5rhqwXN3kAwJE1zc51REUAAAAASUVORK5CYII=
)
repeat;

height:80px;
font-size:23px;
line-height:80px;
color:#FFFFFF;
text-align:center;
font-weight:bold;
}


#left_con ul{
border-left:1px solid #cdd2d7;
border-right:1px solid #cdd2d7;
font-size:15px;
text-align:left
}

#left_con ul li{
border-bottom:1px solid #cdd2d7;
padding:10px 0 10px 20px;
}

#left_con ul li a{
color:#003366;
}

#left_con span img{
margin-top:80px}

#right_con{
width:1200px;
text-align:left;
}

.right_con_inn{
height:60px;
border-bottom:1px dotted #b5b5b5;}

#right_con h3{
font-size:30px;
color:#333333;
font-weight:400;
margin-top:20px;
float:left;
line-height:30px;
}

.loacation{
float:right;
margin-top:28px;
}

.ctab {
float:left;
text-align:center;
font-size:20px;
line-height:50px;
color:#FFF;
outline:solid 1px #FFF;
}

.ctab1 {
width:50%;
}

.ctab2 {
width:25%;
}

.ctab3 {
width:50%;
}

.ctab4 {
width:50%;
}

.ctab5 {
width:50%;
}

.ctab6 {
width:20%;
}

.ctab7 {
width:33.33%;
}

.ctab8 {
width:50%;
}

.ctab9 {
width:50%;
}

.ct_active {
background:#333;
font-weight:bold;
cursor:default;
}



.ct_unactive {
background:#aaa;
transition:all .2s;
cursor:pointer;
}

.ct_unactive:hover {
box-shadow:inset 4px 4px 4px #333;
font-weight:bold;
}


.tbl {
width:99%;
margin:auto;
}

.tbl th {
border:solid 1px #CCC;
box-shadow: inset 3px 3px 3px #ddd;
background:#FFF;
font-weight:bold;
}

.tbl th, .tbl td {
line-height:40px;
text-align:center;
font-size:14px;

}

.tbl td {
border:solid 1px #CCC;
}


.bd_tbl {
width:99%;
margin:auto;
}

.bd_tbl th {
border:solid 1px #CCC;
box-shadow: inset 3px 3px 3px #ddd;
background:#FFF;
font-weight:bold;
}

.bd_tbl th, .bd_tbl td {
line-height:40px;
text-align:center;
font-size:16px;
}

.btd {
border-bottom:dashed 1px #CCC;
}

.ft_line {
position:absolute;
left:50%;
margin-left:-450px;
}

.ft_line a {
color:#8d91a1;
padding:20px;
font-size:16px;
}

#mainBanner					{ position:relative; width:100%; text-align:left; float:left; margin:30px 0px 0px 0px; clear:both; }


.mbn  img{

}
/*====================================================================
	Board Buttons
============================================================***/

.nw {
border:solid 2px green;padding:5px 10px; width:100px; text-align:center;
cursor:pointer;
color:green;
font-weight:bold;
}

.bl {
border:solid 2px #1e78ae;padding:5px 10px; width:100px; text-align:center;
cursor:pointer;
color:#1e78ae;
font-weight:bold;
}

.rpl {
border:solid 2px #1e78ae;padding:5px 10px; width:100px; text-align:center;
cursor:pointer;
color:#1e78ae;
font-weight:bold;
}

.del {
border:solid 2px #ff6600;padding:5px 10px; width:100px; text-align:center;
cursor:pointer;
color:#ff6600;
font-weight:bold;
}

.edt {
border:solid 2px #1e78ae;padding:5px 10px; width:100px; text-align:center;
cursor:pointer;
color:#1e78ae;
font-weight:bold;
}

.nw:hover, .bl:hover, .rpl:hover, .del:hover, .edt:hover{
text-shadow:2px 2px 2px #CCC;
box-shadow:inset 2px 2px 2px #CCC;
}

#grp1 {
position:absolute;
width:300px;
left:50%;
margin-left:-47px;
margin-top:190px;
}

#grp2 {
position:absolute;
width:300px;
left:50%;
margin-left:-77px;
margin-top:305px;
}

#grp3 {
position:absolute;
width:300px;
left:50%;
margin-left:-340px;
margin-top:190px;
}

#grp4 {
position:absolute;
width:300px;
left:50%;
margin-left:160px;
margin-top:190px;
}

#grp5 {
position:absolute;
width:300px;
left:50%;
margin-left:-207px;
margin-top:305px;
}

#grp6 {
position:absolute;
width:300px;
left:50%;
margin-left:-275px;
margin-top:452px;
}



.grp {
display:none;
border:solid 1px #CCC;
border-radius:10px;
padding:20px;
background:#FFF;
box-shadow:4px 4px 4px #CCC;
z-index:999;
}

.grp_tlt {
font-weight:bold;
float:left;
width:60%;
}

.grp_close {
float:right;
line-height:20px;
}

.grp_cnt{
clear:both;
padding-top:0px;
line-height:24px;
}

.msnv {
float:left;
width:14.1%;
text-align:center;
color:#999;
border:solid 1px #eee;
line-height:40px;
transition:all 0.25s;
cursor:pointer;
font-size:16px;
}

.msnv:hover {
box-shadow:inset 4px 4px 4px #ccc;
font-weight:bold;
}

.msnv2 {
float:left;
width:14.1%;
text-align:center;
color:#999;
border:solid 1px #eee;
line-height:40px;
transition:all 0.25s;
cursor:pointer;
font-size:18px;
box-shadow:inset 4px 4px 4px #ccc;
font-weight:bold;
}

#vw {
border:solid 4px #333; padding:5px; width:80px; font-weight:900; font-size:20px; color:#333;
}

.mbtn {
float:left;
cursor:pointer;
}

.pdl {
padding-left:15px;
}

#btn_img:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}