@charset "euc-kr";

/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, 
cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, /*i,*/ center,
input,select,textarea,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tbody, tfoot, thead, 
article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0;padding:0;vertical-align:top;}
html {font-family:'맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum';color:#454545;font-size:14px;line-height:20px;letter-spacing:-1px;overflow-y:auto; overflow-x hidden;}
html, body {width:100%;height:auto;-webkit-text-size-adjust:none}
ul, ol {list-style-type:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
img,fieldset{border:0;outline:none}
label {cursor:pointer}
i, em, address {font-style:normal;}
caption,legend{visibility:hidden;width:0px;height:0px;font-size:0px;line-height:0px}
iframe,object,video,embed{position:relative;top:0;left:0;max-width:100%}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;  padding:0; margin:0}
input,select,textarea{font-family:'Open Sans','맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum';color:#454545;}
textarea{resize:none;border:none;background:none}
a{color:#454545;text-decoration:none}
a:hover{color:#2598e7;text-decoration:underline}
a{outline:none; selector-dummy:expression(this.hideFocus=true);}
.clear{clear:both;display:block;}


/* -------------------------------------------- */

#wrap{}
#header{position:relative;z-index:3000;}
#footer{position:relative;z-index:3000;}
#container{ position:relative; width:100%;max-width:1200px; margin:0 auto; z-index:2000;}

/* Header */
#header { width:100%;max-width:1200px; height:132px;background:#fff; border-top:3px solid #2598e7; margin:0 auto; }
#header .head{font-size:13px;height:83px; width:100%;max-width:1200px; margin:0 auto;text-align:center;position:relative;}
#header .head a{display:inline-block;padding:0px; }
#header .head a:first-child{  }
#header .head a.on{color:#2598e7;}
#header .head>.logo{display:inline-block;margin-top:10px}
#header .head>span{position:absolute; top:20px;}
#header .head>span.gnb{left:0;letter-spacing:0px;}
#header .head>span.menu{right:0;margin-top:0px}
#header .head>span.menu em{letter-spacing:0px;}

/* navigation */
#header .top_menu { position: relative; margin:20px auto; width:1000px; height:49px; text-align:center; cursor:pointer; }
#header .top_menu ul { float:left; position: relative; margin:0 auto; width:100%; height:49px; display:inline; text-align:center; border:1px solid #ccc; }
#header .top_menu ul li { float:left; width:249px; line-height:49px; text-align:center; display:inline; font-size:1.2em; font-weight:700;   }
#header .top_menu ul li { border-left:1px solid #ccc;  }
#header .top_menu ul li:first-child { width:250px; border-left:0px;  }
#header .top_menu ul li:hover { color:#fff; background-color:#2598e7;  }
#header .top_menu ul li:nth-child(2):hover { color:#fff; background-color:#cc44cc;  }
#header .top_menu ul li:nth-child(3):hover { color:#fff; background-color:#f28647;  }
#header .top_menu ul li:nth-child(4):hover { color:#fff; background-color:#72c14f;  }
#header .top_menu ul li:nth-child(5):hover { color:#fff; background-color:#ff2222;  }

#header .top_menu2 { position: relative; margin:20px auto; max-width:962px; height:49px; text-align:center; cursor:pointer; }
#header .top_menu2 ul { float:left; position: relative; margin:0 auto; width:auto; height:auto; display:inline-block; text-align:center;  }
#header .top_menu2 ul li { float:left; width:159px; line-height:49px; text-align:center; display:inline-block; font-size:1.2em; font-weight:700;   }
#header .top_menu2 ul li { border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
#header .top_menu2 ul li:nth-child(6n) { border-right:1px solid #ccc;  }
#header .top_menu2 ul li:nth-child(-n+6) { border-bottom:0px solid #ccc;  }
#header .top_menu2 ul li:hover { color:#fff; background-color:#ff2222;  }
#header .top_menu2 ul li.on { color:#fff; background-color:#ff2222;  }
#header .top_menu2 ul li:last-child { border-right:1px solid #ccc;  }

#header>.top_menu3 { float:right; position: relative; margin:20px auto; width:900px; text-align:right; cursor:pointer;  }
#header>.top_menu3 ul { float:left; position: relative; width:100%; height:auto; display:inline-block; text-align:center;  margin-left:5px; }
#header .top_menu3 ul li { float:left; width:148px; line-height:45px; text-align:center; display:inline-block; font-size:1.2em; font-weight:700;   }
#header .top_menu3 ul li { border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
#header .top_menu3 ul li:nth-child(6n) { border-right:1px solid #ccc;  }
#header .top_menu3 ul li:nth-child(-n+6) { border-bottom:0px solid #ccc;  }
#header .top_menu3 ul li:hover { color:#fff; background-color:#ff2222;  }
#header .top_menu3 ul li.on { color:#fff; background-color:#ff2222;  }
#header .top_menu3 ul li:last-child { border-right:1px solid #ccc;  }

#header>.top_menu3_left { float:left; position:relative; left:0px; top:15px; width:300px; }
#header>.top_menu3_left table { float:left; position: relative; width:100%; height:auto; display:inline-block; text-align:center;  margin-left:0px; }
.tt { font-size:1.4em; line-height:1.5em; font-weight:600; text-align:left; color:#666; }

/* Footer */
#footer{font-size:14px; color:#888;}
#footer .foot{width:1000px;margin:0 auto; padding:20px 0; position:relative;}
#footer .foot p{padding:5px 0;}
#footer .foot .menu{padding-bottom:15px; font-weight:bold;}
#footer .foot .menu > a{display:inline-block;padding:0 10px;background:url(images/spt_split.png) no-repeat; background-position:left 6px;}
#footer .foot .menu > a:first-child{padding-left:0;background:url(images/spt_split_none.png); }
#footer .foot .menu > a.on{color:#2598e7;}
#footer .foot .info > span{display:inline-block;margin-right:6px;}
#footer .foot .copyright{font-family:verdana;font-size:10px;letter-spacing:normal;}
#footer .foot .partner{position:absolute;top:70px;right:0;}

.ft_tx p {font-size:1.0em; color:#666; font-weight:500; letter-spacing:0; font-family:'맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum';}

svg {display:none; }