<style type="text/css">

td {font-family:  "µ¸¿ò","±¼¸²";font-size: 12px;color: #555555;letter-spacing:-0.5px;line-height:18px;}
table {font-family:  "µ¸¿ò","±¼¸²";font-size: 12px;color: #555555;letter-spacing:-0.5px;line-height:18px;}

a:link {  font-family: "µ¸¿ò","±¼¸²"; font-size: 12px; color: #555555; text-decoration: none;line-height:16px;}
a:visited {  font-family: "µ¸¿ò","±¼¸²"; font-size: 12px; color: #555555; text-decoration: none;line-height:16px;}
a:hover {  font-family: "µ¸¿ò","±¼¸²"; font-size: 12px; color: #158CDF; text-decoration: none;line-height:16px;}

select {
		font-family: "µ¸¿ò";
		background-color:#EEEEEE;
		font-size: 11px;
		line-height: 22px;
		color: #555555;
		padding-top:2;
		letter-spacing:-1px;
		height:24px;
		}

/* ½ºÅ©·Ñ¹Ù »ö±ò */
body {
        scrollbar-3dlight-color:#F0F0F0;
	    scrollbar-arrow-color:#7F7F7F;
	    scrollbar-base-color:#CFCFCF;
	    scrollbar-darkshadow-color:#D8D8D8;
	    scrollbar-face-color:#DFDFDF;
	    scrollbar-highlight-color:#FFFFFF;
	    scrollbar-shadow-color:#D8D8D8;
}

/****************¸µÅ©ºÎºÐ*****************/
/*°Ô½ÃÆÇ_12px*/
a.b12:link {  font-family: "µ¸¿ò","±¼¸²"; font-size: 12px; color: #555555; text-decoration: none;}
a.b12:visited {  font-family: "µ¸¿ò","±¼¸²"; font-size: 12px; color: #555555; text-decoration: none;}
a.b12:hover {  font-family: "µ¸¿ò","±¼¸²"; font-size: 12px; color: #158CDF; text-decoration: none;}
/*¸ÞÀÎ_11px*/
a.m11:link {  font-family: "µ¸¿ò","±¼¸²"; font-size: 11px; color: #555555; text-decoration: none;}
a.m11:visited {  font-family: "µ¸¿ò","±¼¸²"; font-size: 11px; color: #555555; text-decoration: none;}
a.m11:hover {  font-family: "µ¸¿ò","±¼¸²"; font-size: 11px; color: #158CDF; text-decoration: none;}
/*»çÀÌÆ®¸Ê12*/
a.site:link {  font-family: "µ¸¿ò","±¼¸²"; font-size: 11px; color: #555555; text-decoration: none;letter-spacing:-1px;}
a.site:visited {  font-family: "µ¸¿ò","±¼¸²"; font-size: 11px; color: #555555; text-decoration: none;letter-spacing:-1px;}
a.site:hover {  font-family: "µ¸¿ò","±¼¸²"; font-size: 11px; color: #158CDF; text-decoration: none;letter-spacing:-1px;}


/*********** ÅØ½ºÆ®È¿°ú************/
/*°øÁö»çÇ×³¯Â¥11px*/
.date{font-family: "µ¸¿ò", "±¼¸²";font-size:11px;color: #DF6411;text-decoration: none;;letter-spacing:0px;}
/*ÇöÀçÀ§Ä¡11px*/
.here{font-family: "µ¸¿ò", "±¼¸²";font-size:11px;color: #3A85BC;text-decoration: none;;letter-spacing:0px;}
/*Á¦Ç°_¸ðµ¨&Á¦Ç°¸í12px*/
.pro{font-family: "µ¸¿ò", "±¼¸²";font-size:12px;color: #FFFFFF;text-decoration: none;;letter-spacing:0px;}
/*Á¦Ç°»ó¼¼_¸ðµ¨16px*/
.detailT{font-family: "µ¸¿ò", "±¼¸²";font-size:16px;color: #FFFFFF;text-decoration: none;;letter-spacing:0px;font-weight:bold;}


/* Á¦Ç°°Ë»öÃ¢ */
.input1{font-family: "µ¸¿ò"; font-size: 12px;color: #222222;padding:1 0 0 2;border-top: 1px solid #65A2C5;border-right: 1px solid #65A2C5;border-bottom: 1px solid #65A2C5;border-left: 1px solid #65A2C5;background-color: #FFFFFF;height:20px;}
/*È¸¿ø°¡ÀÔ ¾à°ü_TEXTAREA*/
.textarea1 {background-color: #FFFFFF;padding: 5px;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-top-color: #65A2C5;	border-right-color: #65A2C5;	border-bottom-color: #65A2C5;	border-left-color: #65A2C5;	font-family: "µ¸¿ò";	font-size: 12px;	line-height: 20px;	color: #222222;	text-decoration: none;}

/**/

/* Noto Sans KR */
@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 100;
    src: local('¡Ø'),
        url('font/NanumGothicL.woff2') format('woff2'), 
        url('font/NanumGothicL.woff') format('woff'),
        url('font/NanumGothicL.ttf') format('truetype'),
        url('font/NanumGothicL.otf') format('opentype'),
        url('font/NanumGothicL.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 400;
    src: local('¡Ø'),
        url('font/NanumGothicR.woff2') format('woff2'), 
        url('font/NanumGothicR.woff') format('woff'),
        url('font/NanumGothicR.ttf') format('truetype'),
        url('font/NanumGothicR.otf') format('opentype'),
        url('font/NanumGothicR.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 700;
    src: local('¡Ø'),
        url('font/NanumGothicB.woff2') format('woff2'), 
        url('font/NanumGothicB.woff') format('woff'),
        url('font/NanumGothicB.ttf') format('truetype'),
        url('font/NanumGothicB.otf') format('opentype'),
        url('font/NanumGothicB.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 900;
    src: local('¡Ø'),
        url('font/NanumGothicEB.woff2') format('woff2'), 
        url('font/NanumGothicEB.woff') format('woff'),
        url('font/NanumGothicEB.ttf') format('truetype'),
        url('font/NanumGothicEB.otf') format('opentype'),
        url('font/NanumGothicEB.eot') format('embedded-opentype');
}

#header { }
#header .top{ text-align:right; padding-top:10px; }
#header .top ul{ margin:0; display:inline-block; vertical-align:top; background:#eee; padding:0 0 0 13px; }
#header .top ul li{ display:inline-block; vertical-align:top;padding-right:20px;}
#header .top ul li a{ display:Block; position:relative; padding-left:12px; font-size:10px; line-height:16px; color:#666; text-transform: uppercase; font-family: 'NanumGothic', sans-serif; }
#header .top ul li a:after{ content:''; position:absolute; left:0; top:7px; width:3px; height:3px; background:#393939; }

#header .btm{ position:relative; font-size:0; padding-top:15px; padding-left:25px; }
#header .btm h1{ display:inline-block; vertical-align:top; }
#header .btm #gnb{ display:inline-block; vertical-align:top; padding:0; margin:0 0 0 27px; }
#header .btm #gnb > li{ position:relative; display:inline-block; vertical-align:top; /* margin-right:8px; */ padding-left:28px; background:url('../img/new/gnb_bg.png') no-repeat left center;}
#header .btm #gnb > li > a{ display:block; padding-bottom:3px; font-family: 'NanumGothic', sans-serif; padding-right:8px; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
#header .btm #gnb > li > a span{ display:block; font-size:9px; line-height:14px; color:#999; text-transform: uppercase; letter-spacing:0;}
#header .btm #gnb > li > a strong{ display:block; font-size:14px; line-height:19px; color:#333; font-weight:900;}
#header .btm #gnb > li.on > a > strong{ color:#126eae;  }
#header .btm #gnb > li.on > ul{ /* display:block; */ }
#header .btm #gnb ul{ display:none; position:absolute; left:28px; top:100%; font-size:0; width:500px; padding:0; margin:0; z-index:1;}
#header .btm #gnb ul li{ display:inline-block; vertical-align:top; margin-right:20px; }
#header .btm #gnb ul li:last-child{ margin-right:0; }
#header .btm #gnb ul li a{ position:relative; display:block; font-size:12px; line-height:30px; color:#126eae; font-family: 'NanumGothic', sans-serif; font-weight:700; }
#header .btm #gnb ul li a span{ position:relative; z-index:1; }
#header .btm #gnb ul li a:after{ content:''; position:absolute; left:-10px; top:4px; width:100%; height:22px; padding:0 10px; background:#0d69a9; transform:sKewX(-30deg); opacity:0; }
#header .btm .call{ display:inline-block; position:absolute; right:119px; top:15px; box-shadow:0 10px 10px rgba(0,0,0,.1)}

#header .btm #gnb > li:hover > a{ padding-right:15px; }
#header .btm #gnb > li:hover > a > strong{ color:#126eae; }
#header .btm #gnb ul li a:hover:after{ opacity:1;}

#header .btm #gnb > li:nth-child(2) ul{ width:700px; left:-100px; }
#header .btm #gnb ul li a:hover{ color:#fff;}

.main_v{ position:relative;}
.main_v .txt_left{ position:absolute; left:190px; top:70px; }
.main_v .txt_right{ position:absolute; right:180px; top:70px;  }

.left_menu{ text-align:left; padding-left:24px; padding-top:13px;}
.left_menu > strong{ display:block; padding-bottom:4px; font-size:20px; line-height:25px; color:#4e93c0; border-bottom:3px solid #0d69a9; font-family: 'NanumGothic', sans-serif; letter-spacing:-0.1em; }
.left_menu > strong span{ display:inline-block; margin-right:5px; width:23px; height:23px; font-size:18px; line-height:23px; color:#fff; font-weight:700; font-family: 'NanumGothic', sans-serif; text-align:center; font-weight:900; background:#2363a6; border-radius:3px; letter-spacing:-0.1em; }
.left_menu ul{ padding:0; margin:0; }
.left_menu ul li{ list-style:none; border-bottom:1px solid #e2e2e2; }
.left_menu ul li a{ display:block; padding:0 5px; font-size:13px; line-height:30px; color:#999; font-family: 'NanumGothic', sans-serif; letter-spacing:-0.05em; }
.left_menu ul li a span{ padding-left:15px; background:url('../img/new/bul_1.gif') no-repeat left center; }
.left_menu ul li.on a{ color:#2d6da9; background:#f8f8f8; }

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
  from {
	opacity: 0;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(v, 0, 0);
  }

  to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
	opacity: 0;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
  }

  to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRight {
  from {
	opacity: 0;
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
  }

  to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
	opacity: 0;
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
  }

  to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  }
}

</style>
