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

#wrap 					{min-width:1000px; }

#header					{width:982px; height:112px; margin:0 auto;}
#header h1				{width:320px; height:112px; float:left}
#header h1 img			{margin:30px 0 0 0}
#header .gnbWrap		{width:662px; height:112px; float:left;}
#header .gnbWrap .util  {width:130px; height:30px; background:#f1f1f1; float:right; padding:5px 0 0 18px;}
#header .gnbWrap .util > a{width:57px; font-size:13px; color:#7d7d7d; display:inline-block; padding-right:5px; text-decoration:none;}
#header .gnbWrap .util > a:hover{color:#386bbd; }
#header .gnbWrap  nav	{width:662px;}
#header .gnbWrap .gnb	{width:662px; padding:60px 0 0 0;}
#header .gnbWrap .gnb > li {float:left; position:relative; height:55px; text-align:right;}
#header .gnbWrap .gnb > li > h2 a {color:#2e2e2e; font-family:nanum-bold, dotum, Tahoma, Arial; text-decoration:none; font-size:18px; padding-left:55px;}
#header .gnbWrap .gnb > li:first-child {margin-left:0}
#header .gnbWrap .gnb > li:first-child > a:before {display:none}
#header .gnbWrap .gnb > li > ul{display:none; position:absolute; top:35px; right:1px; max-width:615px; padding:7px 10px 12px 9px; border-radius:4px; background:url("/img/common/gnb_subbg.gif") no-repeat right 0 #457ab5; z-index:9999999;}
#header .gnbWrap .gnb > li > ul:after{display:block; content:""; clear:both}
#header .gnbWrap .gnb > li ul > li { margin:6px 0 6px 3px; *margin:8px 0 8px 3px;}
#header .gnbWrap .gnb > li ul > li:first-child {margin:9px 0 0 3px; *margin:18px 0 0 3px}
#header .gnbWrap .gnb > li ul > li a {font-size:15px; color:#f5f5f5; text-decoration:none; font-weight:bold;}
#header .gnbWrap .gnb > li:hover, .gnb > li.on {padding-bottom:15px}
#header .gnbWrap .gnb > li:hover > h2 a,.gnb > li.on > h2 a {color:#0045a0; text-decoration:none;}
#header .gnbWrap .gnb > li:hover > ul,.gnb > li.on > ul {display:block}
#header .gnbWrap .gnb > li:hover > ul > li:hover a,.gnb > li.on > ul > li > a:focus {color:#feff77;}
#footerWrap				{clear:both; width:100%; height:150px; border-top:1px solid #dcdcdc;}
#footer					{width:982px; height:150px; margin:20px auto 0; font-size:13px; line-height:174%; position:relative;}
#footer .footerNavi 	{width:600px;}
#footer .footerNavi li	{float:left; background:url("/img/common/footernavi_bar.gif") no-repeat left; padding:0 12px}
#footer .footerNavi > li a{color:#7d7d7d; text-decoration:none;}
#footer .footerNavi > li a:hover{color:#202020; }
#footer .footerNavi li:first-child{background:none; padding:0 12px 0 0;}
#footer .footerInfo		{clear:both; width:785px; height:auto; padding:12px 0 0 0; color:#7d7d7d; float:left;}
#footer .footerInfo p	{color:#a5a5a5; font-size:12px;}
#footer .logoETC		{width:191px; height:100px; position:relative; background:url(/img/common/logo_koras.gif) no-repeat; float:right; margin:0;}
#footer .logoETC .koras {width:190px; height:32px; display:block;}
#footer .logoETC .kriss {width:75px; height:39px; display:block; float:left;}
#footer .logoETC .kasto {width:72px; height:41px; display:block; float:right;}
#footer .mail, #footer .mail:visited,{color:#7d7d7d;}
#footer .mail:hover, .mail:active{color:#7d7d7d; text-decoration:underline;}

.infotxt                                  {width:90%; padding-left:45px; padding-bottom:10px; color:#0e5fa8; }
.infotxt > a                             {color:#0e5fa8;}
.infotxt > a:hover                     {text-decoration:underline;}


.trans					{width:100%; height:100%; overflow:hidden; display:block; position:relative;text-indent:-9999999px;}
.clear					{clear:both;}
.txt_blue				{color:#106bbe;}
.txt_orange				{color:#ff5b22}
.txt_red				{color:#d40c0c}
.mt15					{margin-top:15px;}
.mb30					{margin-bottom:30px;}
.mb15					{margin-bottom:15px;}
.mb20					{margin-bottom:20px;}
.btn, .dis-inline		{display:inline-block;}
.btnBlue, .btnGray,	.btnGreen{min-width:54px; height:17px; padding:8px 30px; color:#fff; font-size:14px; font-family:'nanum-bold','nanum';}
.btnGreen				{background:#84c551; }
.btnGreen:hover			{color:#fff;}
.btnBlue				{background:#3582c8; }
.btnBlue:hover			{color:#fff;}
.btnGray				{background:#8f9295;}
.btnGray:hover			{color:#fff;}
.btnSkyblue				{min-width:42px; height:18px; padding:4px 11px 8px; background:#b3bac0; color:#fff; font-size:11px; display:inline-block;}
.btnSkyblue:hover		{color:#fff;}
.h33					{width:100%; height:33px; }
.trans100				{width:100%; height:100px; overflow:auto; }
.trans40				{width:100%; height:40px; overflow:auto; }
.left					{float:left;}
.right					{float:right;}