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

@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
* {font-family: 'GmarketSans',sans-serif; font-weight:300;}

body, html{overflow-x:hidden; color:#666;}

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; }


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

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

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

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

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

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

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

.sdiv {
font-size:12px;
transition:all 0.2s;
font-weight:bold;
color:#333;
}

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

}

.npen {
font-family: 'Nanum Pen Script', cursive; color:#5e6b51;
}

#mlnk:hover {
text-shadow: 1px 1px #ddd;
}

#mlnk2:hover {
text-shadow: 1px 1px #666;
}

#mlnk3:hover {
text-shadow: 1px 1px #bbb;
}


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

.msnvo {
float:left;
width:33.1%;
text-align:center;
color:#999;
border:solid 1px #eee;
line-height:40px;
cursor:pointer;
font-size:14px;
background:#f87374;
box-shadow:inset 4px 4px 4px #ba4647;
font-weight:bold;
color:#FFF;
}

.msnv:hover {
background:#f87374;
box-shadow:inset 4px 4px 4px #ba4647;
font-weight:bold;
color:#FFF;
}

.msnv2 {
float:left;
width:130px;
text-align:center;
color:#999;
border:solid 1px #eee;
line-height:40px;
transition:all 0.25s;
cursor:pointer;
font-size:14px;
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);
}

#wrap{
width:100%; 
height:100%; 
position:relative;
margin:0 auto;
padding:0}

#header_contain{
width:1000px;
position:relative; 
margin:0 auto;
padding:0;}

#header{
width:100%;
height:120px;
background:url('../../images/main/navi_bg.jpg') no-repeat center 0;
}

#header h1{
width:205px;
height:37px;
float:left;
margin:20px 900px 0 800px;
position:absolute
}

#header #gnb{
position:relative;
float:right;
margin-right:1000px;
margin-top:120px;
font:돋음;
}

#gnb li a{
margin-left:15px;
font-size:18px;
font-weight:bold}


#gnb li{
display:inline;
}


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

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

.f_inner dl{

overflow:hidden}

.f_logo{
float:right;
margin-top:0px
}

.adcopy{
color:#5f5f5f;
padding-left:30px;
width:700px;
float:left;
text-align:left;
line-height:20px;
font-size:12px;
}

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

/* SMS */
#msg_screen	{ text-align:center; position:relative; margin:0px 0 0 0; }
#msg_window	{ border:none; width:300px; height:60px; background:transparent; font:12px/1.4em 굴림체; color:#666; overflow:hidden; padding:0px;}
#msg_max	{ position:absolute; line-height:17px;left:0px; top:-15px; width:300px; height:60px; font-size:11px; color:#666; text-align:center; cursor:text; }
#max_byte	{ margin:0; padding:8px 0 3px 0; font-size:11px; color:#666; }
/* SMS */

img {
border:none;
}

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

}



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

}


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

#left_con h2{ 
border:solid 10px #106f97;
height:80px;
font-size:23px;
line-height:80px;
color:#106f97;
text-align:center;
font-weight:bold;
}


#left_con ul{

font-size:15px;
text-align:left
}

#left_con ul li{
border-bottom:1px dashed #aaa;
padding:10px 0 10px 20px;
cursor:pointer;
}

#left_con ul li:hover{
background:#aaa;
color:#FFF;
font-weight:bold;
}

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


.scnt {
line-height:80px;
width:1000px;
margin:auto;
}

#scnt_tl {
float:left;
font-weight:bold;
font-size:30px;
color:#666;
}



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:16px;
}

div.container {
padding-top:5px;
  text-align: center;
}

div.container p {
	font-size:14px;
	line-height:40px;
}




/* 메인 슬라이드 이미지 */
@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4a {
  position:relative;
  height:745px;
  width:2000px;
  margin:0 auto;
}
#cf4a img {
  position:absolute;
  left:0;
}

#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 22s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 22s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 22s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 22s;
}

#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 16s;
  -moz-animation-delay: 16s;
  -o-animation-delay: 16s;
  animation-delay: 16s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -o-animation-delay: 8s;
  animation-delay: 8s;
}

#cf4a img:nth-of-type(4) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}

#cf4a img:nth-of-type(5) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}


#tbl th {
padding:5px;
color:#666;
font-weight:bold;
}

#tbl td {
padding:5px;
line-height:25px;
font-size:14px;
}

#tbl th {
font-size:16px;
}

#s1 {
width:1000px;
margin:auto;
line-height:50px;
}

.s1nv {
float:left;
font-size:20px;
font-weight:bold;
border:solid 1px #666;
outline:solid 1px #FFF;
padding:0 30px;
cursor:pointer;
}

.s1nv:hover {
box-shadow:inset 4px 4px 4px #aaa;
}

.s1nvo {
float:left;
font-size:20px;
font-weight:bold;
border:solid 1px #666;
outline:solid 1px #FFF;
padding:0 30px;
background:#666;
color:#FFF;
}



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

.ctab1 {
width:33.3%;
}


.ctab2, .ctab3, .ctab4 {
width:50%;
}

.ctab5 {
width:50%;
}

.ctab6 {
width:50%;
}


.ct_active {
background:#f8a018;
box-shadow:inset 4px 4px 4px #c07a0f;
font-weight:bold;
cursor:default;
border-radius:15px;
color:#FFF;
}



.ct_unactive {
background:#3f476c;
color:#FFF;
transition:all .2s;
cursor:pointer;
border-radius:15px;
}

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

.tlt_gab {
clear:both;
}


.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;
line-height:40px;
text-align:center;
font-size:16px;
}

 .bd_tbl td {
padding:10px 0;
text-align:center;
font-size:16px;
}

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

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

.tbl th {
border:solid 1px #CCC;
box-shadow: inset 3px 3px 3px #ddd;
background:#eee;
font-weight:bold;
font-size:16px;
line-height:40px;
text-align:center;
}

.tbl td {
line-height:40px;
text-align:center;
font-size:14px;
border:solid 1px #CCC;

}

.s1_tlt {
border:solid 1px #DDD;
padding:10px 0 10px 20px;
box-shadow:inset 4px 4px 4px #DDD;
font-size:18px;
font-weight:bold;
}

.s1_cnt {
padding: 10px 0 0px 20px;
}

.s2_cnt {
padding: 10px 0 0px 20px;
}

.s2_stlt {
font-size:17px;font-weight:bold;
color:#ff6600;
}

.s2_scnt {
padding-left:20px;
}


/*====================================================================
	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;
}

/*====================================================================
	Board Buttons End
============================================================***/

.mb_btn1 {
position:absolute;background:#f77275; color:#FFF; font-weight:bold;z-index:99;left:50%; padding:5px 25px; border-radius:15px;margin-top:-60px;margin-left:-120px;
transition: .2s;
}

.mb_btn2 {
position:absolute;background:#1c68be; color:#FFF; font-weight:bold;z-index:99;left:50%; padding:5px 25px; border-radius:15px;margin-top:-60px;margin-left:0px;
transition: .2s;
}

.mb_btn1:hover, .mb_btn2:hover {
box-shadow:inset 3px 3px 3px #333;
text-shadow:2px 2px 2px #333;
}

.ph_tlt {
text-align:center;
padding-top:50px;
font-size:28px;
font-weight:bold;
color:#333;
}

.ph_tlt2 {
text-align:center;
padding-top:10px;
font-size:20px;
color:#666;
}