@charset "euc-kr";
/***************************************/
/********* FONT FACE INTIALIZE *********/
/***************************************/
*{margin:0; padding:0;}
ul,ol{list-style-type:none;}
a{color:#000;text-decoration:none;}	


@font-face {
font-family: 'NotoSans';
src: url('../fonts/NotoSansKR-Light.eot');
src: url('../fonts/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/NotoSansKR-Light.woff2') format('woff2'),
url('../fonts/NotoSansKR-Light.woff') format('woff'),
url('../fonts/NotoSansKR-Light.otf') format('opentype');
font-weight: 200;
font-style: normal;}


@font-face {
font-family: 'NotoSans';
src: url('../fonts/NotoSansKR-DemiLight.eot');
src: url('../fonts/NotoSansKR-DemiLight.eot?#iefix') format('embedded-opentype'),
url('../fonts/NotoSansKR-DemiLight.woff2') format('woff2'),
url('../fonts/NotoSansKR-DemiLight.woff') format('woff'),
url('../fonts/NotoSansKR-DemiLight.otf') format('opentype');
font-weight: 300;
font-style: normal;}


@font-face {
font-family: 'NotoSans';
src: url('../fonts/NotoSansKR-Regular.eot');
src: url('../fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/NotoSansKR-Regular.woff2') format('woff2'),
url('../fonts/NotoSansKR-Regular.woff') format('woff'),
url('../fonts/NotoSansKR-Regular.otf') format('opentype');
font-weight: 400;
font-style: normal;}


@font-face {
font-family: 'NotoSans';
src: url('../fonts/NotoSansKR-Medium.eot');
src: url('../fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/NotoSansKR-Medium.woff2') format('woff2'),
url('../fonts/NotoSansKR-Medium.woff') format('woff'),
url('../fonts/NotoSansKR-Medium.otf') format('opentype');
font-weight: 500;
font-style: normal;}



@font-face {
font-family: 'NotoSans';
src: url('../fonts/NotoSansKR-Bold.eot');
src: url('../fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/NotoSansKR-Bold.woff2') format('woff2'),
url('../fonts/NotoSansKR-Bold.woff') format('woff'),
url('../fonts/NotoSansKR-Bold.otf') format('opentype');
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'NotoSans';
src: url('../fonts/NotoSansKR-Black.eot');
src: url('../fonts/NotoSansKR-Black.eot?#iefix') format('embedded-opentype'),
url('../fonts/NotoSansKR-Black.woff2') format('woff2'),
url('../fonts/NotoSansKR-Black.woff') format('woff'),
url('../fonts/NotoSansKR-Black.otf') format('opentype');
font-weight: 800;
font-style: normal;}

img {border:none}
P {MARGIN-TOP: 2px; MARGIN-BOTTOM: 2px;}
BODY {scrollbar-face-color: #FFFFFF; 
              scrollbar-shadow-color: #cccccc; 
              scrollbar-highlight-color: #cccccc; 
              scrollbar-3dlight-color: #FFFFFF; 
              scrollbar-darkshadow-color: #ffffff; 
              scrollbar-track-color: #ffffff; 
              scrollbar-arrow-color: #cccccc;
														}

.box {  font-family: "±¼¸²"; font-size: 12px; color: 909090; text-decoration: none; background-color: #FFFFFF; border: D4D4D4; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.text_s {  font-family: "±¼¸²"; font-size: 11px; color: E4E4E4; text-decoration: none}
.text {  font-family: "±¼¸²"; font-size: 12px; color: 7B7B7B; text-decoration: none}
.text_l {  font-family: "±¼¸²"; font-size: 14px; color: 7B7B7B; text-decoration: none}
.bg1 {  background-image: url(../img/login/middle1.gif); background-repeat: repeat-x}
.box2 {  font-family: "±¼¸²"; font-size: 12px; color: 8D8D8D; text-decoration: none; background-color: F2F2F2; border: EBE9E9; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.data_table td { color:#404040;font-family:"±¼¸²";font-size:12px;line-height:17px; padding: 0 0 0 3;}
.title {background-color: #CFC0E6; font-weight:bold; font-size: 12pt; line-height:30px; color: #68528A; table-layout:fixed; word-break:break-all;text-align:center; padding: 0 0 0 0}
.title TD {padding: 0 0 0 0;}

.data_table1 td { color:#FFFFFF;font-family:"±¼¸²";font-size:12px;line-height:17px; padding: 0 0 0 3;}
.title1 {background-color: #FFAE00; font-weight:bold; font-size: 12pt; line-height:30px; color: #FFFFFF; table-layout:fixed; word-break:break-all;text-align:center; padding: 0 0 0 0}
.title1 TD {padding: 0 0 0 0;}

.data_table2 td { color:#404040;font-family:"±¼¸²";font-size:12px;line-height:17px; padding: 0 0 0 0;}
.title2 {background-color: #ECECEC; font-weight:bold; font-size: 12pt; line-height:30px; color: #68528A; table-layout:fixed; word-break:break-all;text-align:center; padding: 0 0 0 0}
.title2 TD {padding: 0 0 0 0;}
.title3 {color:#747474; padding: 0 0 0 6;}

.data_table3 td { color:#6E6E6E;font-family:"±¼¸²";font-size:12px;line-height:17px; text-align:center; padding: 0 0 0 0;}
.title4 {background-color: #F3F3F3; font-weight:bold; font-size: 12pt; line-height:28px; color: #6E6E6E; table-layout:fixed; word-break:break-all;text-align:center; padding: 0 0 0 0}
.title4 TD {padding: 0 0 0 0;}

a:link  { color: #333333; text-decoration: none;font-family:"±¼¸²";font-size:12px;line-height:17px;}
a:visited { color: #333333; text-decoration: none;font-family:"±¼¸²";font-size:12px;line-height:17px;}
a:hover { color: #999999; text-decoration: underline;font-family:"±¼¸²";font-size:12px;line-height:17px;}

a.b:link  { color: #ffffff; text-decoration: none;font-family:"±¼¸²";font-size:12px;line-height:17px;}
a.b:visited { color: #ffffff; text-decoration: none;font-family:"±¼¸²";font-size:12px;line-height:17px;}
a.b:hover { color: #ffffff; text-decoration: underline;font-family:"±¼¸²";font-size:12px;line-height:17px;}

td	{ color:#65646c;font-family:"µ¸¿ò";font-size:12px;line-height:17px; }
a.d:link  { color: #ffFFFF; text-decoration: none;font-family:"µ¸¿ò";font-size:12px;line-height:17px;}
a.d:visited { color: #ffFFFF; text-decoration: none;font-family:"µ¸¿ò";font-size:12px;line-height:17px;}
a.d:hover { color: #ffFFFF; text-decoration: underline;font-family:"µ¸¿ò";font-size:12px;line-height:17px;}

.box_line{ border-right:1px #dedede solid;border-bottom:1px #dedede solid; padding-left:20px }
.box_line2{border-bottom:1px #dedede solid; padding-left:20px  }
.box_line3{border-right:1px #dedede solid;border-bottom:1px #dedede solid ; border-top:1px #dedede solid ; padding-left:20px }
.box_line4{border-bottom:1px #dedede solid; border-top:1px #dedede solid ; padding-left:20px }


.link_style td{ background:url(../images/bullet.gif) no-repeat left middle}
.link_style a:link{ color:#404040;text-decoration: none; padding-left:10px}
.link_style a:visited{ color:#404040;text-decoration: none; padding-left:10px}
.link_style a:hover{ color:#999999;text-decoration:underline; padding-left:10px}

.txt{padding:3px 30px 3px 30px; color:#65646c; line-height:19px}



/*dropdown_menu*/




.main-dropdown-container{margin:auto;width: 763px;height:71px;background:url(../img/menu_bg.png)no-repeat;}
a.dropdown-button {display:block;padding:10px 31px;font-size:16px;background-color:transparent;color:#fff !important; ; font-family:'NotoSans' !important;font-weight: 500; letter-spacing:-0.5px;}
a.dropdown-button:hover {text-decoration: none;}

.dropdown-container-div{display:inline-block;padding:1px 1px 1px 1px;position:relative;}
.dropdown-content {display: none;position: absolute;z-index: 1;background-color: transparent;font-family: 'NotoSans';background-color: #fff;border-radius: 1px solid red;border: 2px solid red;border-radius: 50px;}
.menu1{left: 20px;width: 283px;}
.menu2{left: 20px;width: 192px;}
.menu3{left: -28px;width: 537px;}
.menu4{left: -36px;width: 419px;}
.menu5{left: 20px;width: 215px;}
.menu6{left: -140px;width: 258px;}
.menu7 {left: -44px;width: 551px;}/*ºÎ»ê°Ô½ÃÆÇÁß ´Ù¸¥°÷*/

.dropdown-content ul li{display: inline-block;}
.dropdown-content a {display: block;text-decoration: none;color: #000;padding: 5px 11px;font-size: 14px;font-weight: 500;font-family: 'NotoSans';}
.dropdown-content a:hover {text-decoration: none;color: #999999;}

a.dropdown-button:hover {}

.dropdown-container-div:hover .dropdown-content{display: block;}