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

/* Basic */
/*
html, body {width:100%; height:100%; margin:0; padding:0; color:#666666; line-height:18px;}
html {overflow-y:scroll;}
body {font-size:75%; font-family:gulim, dotum;}
*/

/* 20171205 Γί°‘ */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face{
  font-family:'NanumBarunGothic';
  src:url(/webfont/NanumBarunGothicWeb.eot);
  src:url(/webfont/NanumBarunGothicWeb.eot?#iefix) format("embedded-opentype"),url(/webfont/NanumBarunGothicWeb.woff) format("woff"),url(/webfont/NanumBarunGothicWeb.ttf) format("truetype")
}
@font-face{
  font-family:'NanumBarunGothicLight';
  src:url(/webfont/NanumBarunGothicWebLight.eot);
  src:url(/webfont/NanumBarunGothicWebLight.eot?#iefix) format("embedded-opentype"),url(/webfont/NanumBarunGothicWebLight.woff) format("woff"),url(/webfont/NanumBarunGothicWebLight.ttf) format("truetype")
}

@font-face {font-family:nanum; src:url(/webfont/NanumGothic.eot)};
@font-face {font-family:Nanum Gothic; src:url(/webfont/NanumGothic.eot)};
@font-face {font-family:moebious; src:url(/webfont/Moebious_Bold.eot)};
@font-face {font-family:nuri; src:url(/webfont/NuriB.eot)};
@font-face {font-family:daum; src:url(/webfont/Daum_SemiBold.eot)};


/* Basic */
html, body {width:100%; height:100%; margin:0; padding:0; color:#444444; line-height:1.5;}
html {overflow-y:scroll;}
body {font-family:'Nanum Gothic', 'NanumBarunGothic', 'gulim', 'dotum'; font-size:80%;}
body	{ margin:0; padding:0; letter-spacing:-0.02em;}
div	{ margin:0; padding:0; }

a, address, blockquote, br, fieldset, legend, label, form, input, select, textarea, button, table, th, td caption, cite, code, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, div, iframe, ul, ol, li, hr, form, img {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
ul, ol {list-style:none;}

a:link, a:visited, a:active { text-decoration:none; color:#666; }
a:hover { text-decoration: none; color:#6c88c7; }

td, p  {color:#444444; line-height:130%;}
table	{ padding:0; margin:0; }
td	{ color:#444; line-height:16px; }
form	{ margin:0; padding:0; } 
img	{ border:0; } 
.pimg	{ border:1px solid #e4e4e4; } 
input, button, textarea, select, .c1 {font-family:'Nanum Gothic', 'NanumBarunGothic', 'gulim', 'dotum'; font-size:13px; line-height:1.5;}
input.ed { height:26px; border:1px solid #DDDDDD;}

.border1 {border:1px solid red;}




span.pro_title {flot:left; height:40px; line-height:40px; font-family:Nanum Gothic,nanum; font-weight:700; font-size:16px; letter-spacing:-0.05em; color:#232323;}

td.topmenu {font-family:NanumBarunGothicLight; font-size:13px; text-decoration:none; color:#898989; letter-spacing:-0.05em;}
div .topmenu {font-family:NanumBarunGothic; font-size:13px; text-decoration:none; color:#444; letter-spacing:-0.05em;}
a.topmenu:link, a.topmenu:visited, a.topmenu:active {font-family:NanumBarunGothicLight; font-size:13px; text-decoration:none; color:#898989; letter-spacing:-0.05em;}
a.topmenu:hover {font-family:NanumBarunGothicLight; font-size:13px; text-decoration:none; color:#343434; letter-spacing:-0.05em;}
a.topmenu1:link, a.topmenu1:visited, a.topmenu1:active {font-family:NanumBarunGothicLight; font-size:13px; text-decoration:none; color:#444444; letter-spacing:-0.05em;}
a.topmenu1:hover {font-family:NanumBarunGothicLight; font-size:13px; text-decoration:none; color:#de6800; letter-spacing:-0.05em;}
a.topmenu2:link, a.topmenu2:visited, a.topmenu2:active {font-family:NanumBarunGothicLight; font-size:13px; text-decoration:none; color:#ff580e; letter-spacing:-0.05em;}
a.topmenu2:hover {font-family:NanumBarunGothicLight; font-size:13px; text-decoration:none; color:#343434; letter-spacing:-0.05em;}

td.bottom {font-family:dotum,tahoma; font-size:11px; text-decoration:none; color:#bebebe; padding-top:5px; background-color:#fcfcfc; }
a.bottom:link, a.bottom:visited, a.bottom:active {font-family:dotum,tahoma; font-size:11px; text-decoration:none; color:#555555; }
a.bottom:hover {font-family:dotum,tahoma; font-size:11px; text-decoration:underline; color:#2F3743; }

td.bottom1 {font-family:dotum,tahoma; font-size:11px; text-decoration:none; color:#676767; letter-spacing:-0.05em; }
.bottom1 {font-family:dotum,tahoma; font-size:11px; text-decoration:none; color:#232323; 5px;letter-spacing:-0.05em;}
a.bottom1:link, a.bottom1:visited, a.bottom1:active {font-family:dotum,tahoma; font-size:11px; text-decoration:none; color:#232323;letter-spacing:-0.05em; }
a.bottom1:hover {font-family:dotum,tahoma; font-size:11px; text-decoration:none; color:#232323; letter-spacing:-0.05em;}

td.navi {font-size:11px; font-family:dotum;color:#999;letter-spacing:-0.05em;}
a.td.navi:link {font-size:11px; font-family:dotum;color:#999;letter-spacing:-0.05em;}
a.td.navi:hover {font-size:11px; font-family:dotum;color:#999;letter-spacing:-0.05em;}
a.td.navi:active {font-size:11px; font-family:dotum;color:#444;letter-spacing:-0.05em;}
a.td.navi:visited {font-size:11px; font-family:dotum;color:#999;letter-spacing:-0.05em;}


td.info_title {font-size:12px; text-decoration:none; letter-spacing:-0.05em; color:#444444;}
td.info_title1 {font-size:12px; text-decoration:none; letter-spacing:-0.05em; color:#2463c2; font-weight:700;}
.info_title1 {font-size:12px; line-height:27px; text-decoration:none; letter-spacing:-0.05em; color:#2463c2; font-weight:700;}

.cost	{font-family:dotum,Verdana;  FONT-SIZE: 11px; color:#085ac9; text-decoration:none; letter-spacing:0; line-height:14px;}
.info1	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#ee9f28; text-decoration:none; line-height:14px;}
.info2	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#0081e6; text-decoration:none; line-height:14px;}
.info3	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#222222; text-decoration:none; line-height:14px;}
.info4	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#999999; text-decoration:none; line-height:14px;}
.info5	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#dd2a00; text-decoration:none; line-height:14px;}

td.info1	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#ee9f28; text-decoration:none; line-height:14px;}
td.info2	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#0081e6; text-decoration:none; line-height:14px;}
td.info3	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#222222; text-decoration:none; line-height:14px;}
td.info4	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#999999; text-decoration:none; line-height:14px;}
td.info5	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#dd2a00; text-decoration:none; line-height:14px;}

a.info1:link, a.info1:visited, a.info1:active, a.info1:hover	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#ee9f28; text-decoration:none; line-height:14px;}
a.info2:link, a.info2:visited, a.info2:active, a.info2:hover	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#0081e6; text-decoration:none; line-height:14px;}
a.info3:link, a.info3:visited, a.info3:active, a.info3:hover	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#222222; text-decoration:none; line-height:14px;}
a.info4:link, a.info4:visited, a.info4:active, a.info4:hover	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#999999; text-decoration:none; line-height:14px;}
a.info5:link, a.info5:visited, a.info5:active, a.info5:hover	{font-family:dotum,Verdana; letter-spacing:-0.05em; FONT-SIZE: 11px; color:#dd2a00; text-decoration:none; line-height:14px;}

.copyright {font-family:dotum,tahoma; font-size:11px; text-decoration:none; color:#888888; line-height:150%; letter-spacing:-0.05em; }
.copyright_intro {font-family:dotum,tahoma; font-size:11px; text-decoration:none; color:#dedede; line-height:150%; letter-spacing:-0.05em; }
.ns_host {font-family:verdana; font-size:12px; text-decoration:none; color:#4268b1; line-height:130%; font-weight:700; }
.ns_ip {font-family:verdana; font-size:12px; text-decoration:none; color:#60a248; line-height:130%; font-weight:700; }
.member {font-weight:normal;color:#555555; letter-spacing:-0.05em;}
a.member:link, a.member:visited, a.member:hover, a.member:active {font-weight:600;color:#252525; letter-spacing:-0.05em;}
.guest  {font-weight:normal;color:#777777; letter-spacing:-0.05em;}
.menu_top  {font-weight:700;color:#ffffff;}


a.pro_list_title:link,
a.pro_list_title:visited, 
a.pro_list_title:active, 
a.pro_list_title:hover {
  font-family:Nanum Gothic,nanum;
  font-weight:700;
  font-size:13px;
  letter-spacing:-0.06em;
  color:#0064d4; 
  cursor:pointer;
  line-height:14px;
}
a.rollover img { border-width:0px; display:block; }
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; }
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:block; }

.menu { padding-bottom:0px; }

td.more			{flot:right; font-family:dotum;  FONT-SIZE: 11px; color:#999999; text-decoration:none;}
a.td.more:link		{font-family:dotum;  FONT-SIZE: 11px; color:#999999; text-decoration:none;}
a.td.more:visited		{font-family:dotum;  FONT-SIZE: 11px; color:#999999; text-decoration:none;}
a.td.more:hover		{font-family:dotum;  FONT-SIZE: 11px; color:#343434; text-decoration:none;}

#nameContextMenu a { font-size:11px; }
.sv_tr { width:100%;height:27px;line-height:29px;padding:0;margin:0;border-bottom:1px solid #454545;cursor:pointer;filter:alpha(opacity=75) }
.sve {}

input.ed { height:20px; border:1px solid #DDDDDD; padding:0em 0.2em 0.2em 0em; }

.leftmenu { padding:0px; }
.topmenu { padding:0px; }

#bottom_sns a img.over_1{display:none;}
#bottom_sns a:hover{position:relative}
#bottom_sns a:hover img{display:none}
#bottom_sns a:hover img.over_1{display:inline; filter:blendTrans(duration=0.4)}
#bottom_sns a img{vertical-align:top}



a.cmt_link:link, 
a.cmt_link:visited, 
a.cmt_link:active	{ 
  letter-spacing:0em; 
  text-decoration:none; 
}
a.cmt_link:hover	{ 
  color:red;
  letter-spacing:0em; 
  text-decoration:underline; 
  }


td.view_detail {font-size:12px; text-decoration:none; color:#0076b3; letter-spacing:-0.05em;}
a.view_detail:link, a.view_detail:visited, a.view_detail:active {font-size:12px; text-decoration:none; color:#0076b3; letter-spacing:-0.05em;}
a.view_detail:hover {font-size:12px; text-decoration:none; color:#ff45cd; letter-spacing:-0.05em;}

.pagenation             {clear:both; padding:0; font-family:verdana; font-size:11px; text-align:center; margin:0 auto; }
.pagenation div           {display:inline; border:1px solid #ebebeb; padding:3px 7px 4px 7px; margin:0 3px;}
.pagenation div a          {color:#737373;}
.pagenation div a img      {vertical-align:middle; padding:0px;}
.pagenation div:hover        {background:#f8f8f8; cursor:pointer}
.pagenation div.on          {background:#787878; border:1px solid #676767;}
.pagenation div.on a         {color:#ffffff;}

.btn_round {margin:0 4px 0px 0px;padding:0.6em 0.7em 0.45em 0.7em;border:1px solid #0085e2;border-radius:5%;background:#0085e2;line-height:20px;color:#FFFFFF !important;cursor:pointer;text-align:center;}
.btn_round2 {font-size:11px;font-family:dotum;margin:0 4px 0px 0px;padding:0.2em 0.3em 0em 0.3em;border:1px solid #666;border-radius:3px;background:#777;line-height:11px;color:#FFFFFF !important;cursor:pointer;text-align:center;letter-spacing:-0.04em;}

a.gdl-button, body button, input[type="submit"], input[type="reset"], input[type="button"] {
    color: #ffffff;
}
a.gdl-button, body button, input[type="submit"], input[type="reset"], input[type="button"] {
    background-color: #888;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-primary {
    color: #fff;
    background-color: #0081e6;
    border-color: #2e6da4;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin:0 4px 0px 4px;
    font-size:120%;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#wr_email1 { width:23%; min-width:90px; }
#wr_email2 { width:30%; min-width:100px; }
#sel_mail { width:30%; min-width:100px; }