@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin');
    src:url(./fonts/fonts/eot/NotoSansKR-Thin-Hestia.eot);
    src:url(./fonts/fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(./fonts/fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(./fonts/fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
} 



/*****************************/
/*  Common styles */
/*****************************/

body {
margin: 0;
line-height:150%;
padding: 0;
font-size: 12px;
font-family: 'Noto Sans Korean', sans-serif;;
scrollbar-face-color: #f7f7f7; 
scrollbar-shadow-color: #cccccc; 
scrollbar-highlight-color: #ffffff; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #ffffff; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #cccccc;
background: #ffffff;
}

BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-size:9pt; color:#666666; }

a:link {color: #585858; text-decoration: none;}
a:visited {color: #666666; text-decoration:none;}
a:active {color:#666666; text-decoration:none;}
a:hover {color:#597AB0; text-decoration:none;}

.b:link    { color:336699; text-decoration:  none }
.b:visited{text-decoration:none;color:"336699";}
.b:hover   { color:#FF6600; text-decoration:  none }

p { margin:0px;}
img {border:0 none;}
ul li {padding:0; margin:0; list-style:none}

.loca	{font-size:12px;color:#666666;}

td {
font-size: 12px;
line-height: 160%;
color: #666666;
}

.main_link {FONT-SIZE: 8pt; COLOR: #575656; FONT-FAMILY: µ¸¿ò,±¼¸²,Tahoma}
.main_link2 {FONT-SIZE: 9pt; COLOR: #575656; FONT-FAMILY: µ¸¿ò,±¼¸²,Tahoma}
.main_date {FONT-SIZE: 8pt; COLOR: #6699cc; FONT-FAMILY: µ¸¿ò,±¼¸²,Tahoma}

.mdiv {width:100%; margin:0 auto; margin:0px; padding:0px }
.wrap {width:1034px; margin:0 auto}

.topmenu {height:px; background:url(../images/top_bg.jpg) repeat-x}

/*topmenu*/
/*topmenu*/
.navbar100 {
    overflow: hidden;
    background-color: #fff;
    font-family: Arial; background:url(../images/top_bg.jpg) repeat-x;height:47px;
}
.navbar {
    overflow: hidden;
    background-color: #;
    font-family: Arial, Dotum, µ¸¿ò ; 
	width:1000px; 
	margin:0 auto; height:47px;
	
}

.navbar a {
    float: left;
    color: white;
    text-align: center; 
    padding: ;
    text-decoration: none; 
}

.dropdown {
    float: left;
    overflow: hidden;  
	
}

.dropdown .dropbtn {
    border: none;
    outline: none;
    color: white;
    padding: 10px 30px 10px 40px;
	height:47px;
    color:#666; font-weight:bold; background:url(../images/top_bg.jpg) repeat-x;
}


.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: #a6241f; /*¸Þ´º¸®½ºÆ® ºÓÀº»ö ž¶óÀÎ*/
}


.navbar .home  {color:#666; font-weight:bold;}
.navbar .home a {color:#666; font-weight:bold; background:none; padding: 15px 30px 10px 50px}



.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f0f0f0;
    min-width: 170px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;

}


.dropdown-content a {
    float: none;
    color: black;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
	font-size: 12px;
	font-weight:normal; 
}

.dropdown-content a:hover {
    background-color: #fff; color:#A2231E
}

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




/*sub*/
.sub1_img {background: url(../images/sub/sub1_top.jpg) no-repeat center; height:150px; margin-bottom:60px}

.sub2_img {background: url(../images/sub/sub2_top.jpg) no-repeat center; height:150px; margin-bottom:60px}

.sub3_img {background: url(../images/sub/sub3_top.jpg) no-repeat center; height:150px; margin-bottom:60px}

.sub4_img {background: url(../images/sub/sub4_top.jpg) no-repeat center; height:150px; margin-bottom:60px}

.sub5_img {background: url(../images/sub/sub5_top.jpg) no-repeat center; height:150px; margin-bottom:60px}

.sub6_img {background: url(../images/sub/sub6_top.jpg) no-repeat center; height:150px; margin-bottom:60px}

.sub7_img {background: url(../images/sub/sub7_top.jpg) no-repeat center; height:150px; margin-bottom:60px}

.sub8_img {background: url(../images/sub/sub8_top.jpg) no-repeat center; height:150px; margin-bottom:60px}

.sub9_img {background: url(../images/sub/sub9_top.jpg) no-repeat center; height:150px; margin-bottom:60px}

.sub10_img {background: url(../images/sub/sub10_top.jpg) no-repeat center; height:150px; margin-bottom:60px}



.subwrap    {width:1034px; margin:0 auto; height:100%}
.subm       {width:200px; margin-right:54px; margin-left:20px; float:left; background:# ; height:500px}
.subm_t     {text-align:center; padding-bottom:10px; border-bottom:solid 1px #e1e1e1; margin-bottom:5px}
.subm_ul    {padding:0; margin:0}

.subm_on    {padding-left:20px;padding-top:7px; height:29px; background:url(../images/sub/L_mbg_on.jpg) no-repeat; margin-bottom:7px}
.subm_on a{font-size:14px; font-weight:bold; color:#a4231e; letter-spacing:-1px}

.subm_off   {padding-left:20px; padding-top:7px; height:29px; margin-bottom:7px}
.subm_off a  {font-size:14px; font-weight:normal; color:#333; letter-spacing:-1px}
.subm_off a:hover  {font-size:14px; font-weight:normal; color:#a4231e; letter-spacing:-1px;}

.content    {width:740px; margin-right:20px; float:left; background:# ;}
.sub_title  {border-bottom: solid 1px #e1e1e1; height:58px}
.sub_title .title  {width:300px; float:left; padding-top:26px; padding-left:3px; font-size:20px; color:#555555; letter-spacing:-2px; font-weight:bold}
.sub_title .navi   {width:px; float:right; padding-top:38px;font-size:11px; color:#b8b8b8}
.sub_title .navi span {color:#797979}


.content_main  { margin-top:5px}

/*sub1*/
.tabbox  {padding:0; margin:5px auto 30px; border: solid 2px #e3e3e3; height:40px;}
.tabbox .on  {float:left; width:33%; text-align:center; padding-top:10px; background-color:#a6b0e2; height:30px;}
.tabbox .on a {color:#fff; font-weight:bold; font-size:14px}

.tabbox .on2  {float:right; width:33.5% ; text-align:center; padding-top:10px; background-color:#a6b0e2; height:30px;}
.tabbox .on2 a {color:#fff; font-weight:bold; font-size:14px}

.tabbox .off  {float:left; width:33%; text-align:center; padding-top:10px; height:30px;}
.tabbox .off a {color:#777;}
.bdr_e1   {border-right: solid 1px #e9d3c5;} 

/*sub2*/
.infobox  {height:120px; width:730px; padding:5px; background-color:#eeeeee;}
.infobox .FL  {float:left; width:170px; height:120px; margin-right:25px}
.infobox .FL2 {float:left; width:535px; height:120px}
.infobox .FL2 .pTitle{padding-top:25px; font-size:14px; font-weight:bold; color:#333; padding-bottom:10px}
.infobox .FL2 a { color:#666;}
.infobox .FL2 a:hover { text-decoration:underline}
.hline  {padding-top:5px; border-bottom:solid 1px #CCCCCC}


.infobox2  {height:120px; width:730px; padding:5px; background-color:#fff;}
.infobox2 .FL  {float:left; width:170px; height:120px; margin-right:25px}
.infobox2 .FL2 {float:left; width:535px; height:120px}
.infobox2 .FL2 .pTitle{padding-top:25px; font-size:14px; font-weight:bold; color:#333; padding-bottom:10px}
.infobox2 .FL2 a { color:#666;}
.infobox2 .FL2 a:hover { text-decoration:underline}


.infobox2_vTitle {padding:15px; background-color:#eeeeee; border-top:solid 1px #999; border-bottom:solid 1px #ccc; font-size:14px; font-weight:normal; color:#a4231e}
.infobox2_v  { padding:15px; background-color:#fff;}
.botton_box {text-align:right; padding-top:10px}




/*sub4*/

.CSbox_bt  {padding:5px 0;height:40px; border-bottom:#d1d1d1 solid 1px; border-top:#d1d1d1 solid 1px}
.CSbox_bt ul {padding:0; margin:0}
.CSbox_bt .FL  {float:left; width:14%; height:30px; background-color:#f1f1f1; text-align:center; font-weight:normal; font-size:12px; padding-top:10px }
.CSbox_bt .FL2 {float:left; width:86%; height:30px; background-color:#f1f1f1;font-weight:normal;font-size:12px; padding-top:10px; color:#333}
.CSbox_bt .FL2 a { color:#555;}
.CSbox_bt .FL2 a:hover { text-decoration:underline}
.hline  {padding-top:5px; border-bottom:solid 1px #CCCCCC}

.CSbox1  {padding:5px 0;height:40px; border-top:#d1d1d1 solid 1px}
.CSbox1 ul {padding:0; margin:0}
.CSbox1 .FL  {float:left; width:14%; height:30px; background-color:#fff; text-align:center; font-weight:normal; font-size:12px; padding-top:10px }
.CSbox1 .FL2 {float:left; width:86%; height:30px; background-color:#fff;font-weight:normal;font-size:12px; padding-top:10px; color:#333}
.CSbox1 .FL2 a { color:#555;}
.CSbox1 .FL2 a:hover { text-decoration:underline}

.CSbox2  {padding:5px 0;height:40px; border-top:#d1d1d1 solid 1px}
.CSbox2 ul {padding:0; margin:0}
.CSbox2 .FL  {float:left; width:14%; height:30px; background-color:#f1f1f1; text-align:center; font-weight:normal; font-size:12px; padding-top:10px }
.CSbox2 .FL2 {float:left; width:86%; height:30px; background-color:#f1f1f1;font-weight:normal;font-size:12px; padding-top:10px; color:#333}
.CSbox2 .FL2 a { color:#555;}
.CSbox2 .FL2 a:hover { text-decoration:underline}




.CSbox_v  {padding:5px 0;height:40px; border-top:#d1d1d1 solid 1px}
.CSbox_v ul {padding:0; margin:0}
.CSbox_v .FL  {float:left; width:14%; height:30px; background-color:#f1f1f1; text-align:center; font-weight:normal; font-size:12px; padding-top:10px }
.CSbox_v .FL2 {float:left; width:86%; height:31px; background-color:#f1f1f1;font-weight:bold;font-size:14px; padding-top:9px; color:#333;}
.CSbox_v .FL2 a { color:#555;}
.CSbox_v .FL2 a:hover { text-decoration:underline}

.CSbox_bt_v  {padding:5px 0;height:px; border-bottom:#d1d1d1 solid 1px; border-top:#d1d1d1 solid 1px}
.CSbox_bt_v  div { padding:10px 20px ; font-size:12px; line-height:200%}



/*sub4_faq*/
.CSbox_faq  {padding:5px 0;height:40px; border-top:#d1d1d1 solid 1px}
.CSbox_faq ul {padding:0; margin:0}
.CSbox_faq .FL  {float:left; width:14%; height:30px; background-color:#f1f1f1; text-align:center; font-weight:normal; font-size:12px; padding-top:10px }
.CSbox_faq .FL2 {float:left; width:86%; height:31px; background-color:#f1f1f1;font-weight:bold;font-size:14px; padding-top:9px; color:#333;}
.CSbox_faq .FL2 a { color:#555;}
.CSbox_faq .FL2 a:hover { text-decoration:underline}

.CSbox_bt_faq  {padding:5px 0;height:px; border-bottom:#d1d1d1 solid 0px; border-top:#d1d1d1 solid 1px}
.CSbox_bt_faq  div { padding:10px 20px ; font-size:12px; line-height:200%}

.CSbox_bt_faq2  {padding:5px 0;height:px; border-bottom:#d1d1d1 solid 1px; border-top:#d1d1d1 solid 1px}
.CSbox_bt_faq2  div { padding:10px 20px ; font-size:12px; line-height:200%}




/*sub5_ad*/
.adbox  {width:734px; background:#e5e5e5; padding:3px; margin-bottom:40px}
.adbox ul {text-align:left; padding-left:3px}
.adbox li {background:#FFF; padding:10px 50px 10px 50px; display:inline}

.adbox .t  {color:#930; text-decoration:none; font-weight:800}
.adbox a:link {color: #777; text-decoration: none; font-weight:800}
.adbox a:visited {color: #777; text-decoration:none; font-weight:800}
.adbox a:active {color:#930; text-decoration:none; font-weight:800}
.adbox a:hover {color:#930; text-decoration:none; font-weight:800}





.table100  { width:100%; border-top:solid 1px #666; border-collapse:collapse; margin-top:20px}
.table100 th {border-bottom:solid 1px #CCCCCC; padding: 5px 0; background-color:#f1f1f1}
.table100 td {border-bottom:solid 1px #CCCCCC; padding: 5px 0}

.li_box  {border:solid 1px #CCC; padding:15px; margin-top:30px; color:#9b6443; font-size:14px; background-color:#f1f1f1 }
.li_box2  {border:solid 1px #CCC; padding:15px; margin-top:30px;background-color:#f1f1f1 }
.li_box3  {border-bottom:solid 1px #e1e1e1; padding:15px 0px; margin-top:0px; margin-left:20px; background-color:#fff; width:680px; }
.li_box4  {border:solid 1px #e1e1e1; padding:15px; margin-top:30px;}

.li_box5  {border:solid 1px #e1e1e1; margin-top:30px; height:134px; background-color:#FFDFD0}
.li_box5 .fL {float:left; width:200px; padding-right:20px}
.li_box5 .fR {float:right; width:508px;color:#9b6443; font-size:14px ; padding-top:15px ; padding-right:10px}

.li_box6  {border:solid 1px #e1e1e1; margin-top:5px; height:134px; background-color:#f6e8df}



/*»ó´ã*/
.form_table  {border-top:solid 1px #999 ;}
.form_table th  { padding:10px; border-bottom:solid 1px #d1d1d1; color:#333}
.form_table td  { padding:10px; border-bottom:solid 1px #d1d1d1}
.form_table  input {border:solid 1px #c1c1c1; height:24px}
.form_table  select {border:solid 1px #c1c1c1; height:24px}
.form_table  textarea {border:solid 1px #c1c1c1;}

.table_privacy   {width:100%; margin:0 auto; background-color:#f1f1f1}
.table_privacy p  {padding: 20px 0 0 10px; font-weight:bold}
.table_privacy div {width:720px; padding:10px}
.table_privacy textarea {width:700px; padding:10px; margin:0 auto}
.table_privacy .agree  {font-size:16px; font-weight:bold; color:#333; text-align:center; padding-top:0px; padding-bottom:20px} 

.table_send    {padding:15px 0 0 0; margin:0 auto; width:300px}
.table_send .send    {float:left; padding-right:15px}
.table_send .cancel  {float:left}




/*ÆùÆ®°­Á¶*/
.f22    {font-size:22px; font-weight:100; letter-spacing:-2px; color:#000}
.f16    {font-size:16px; font-weight:100; color:#000}
.f16_1  {font-size:16px; font-weight:100; color:#bf5aff;}
.f14    {font-size:14px; font-weight:bold; color:#000}
.f14_2    {font-size:14px; color:#000}
.f14_3  {font-size:14px; font-weight:100; color:#a4231e;}
.f12    {font-size:12px; font-weight:bold; color:#000;}

.f14_ad    {font-size:14px; font-weight:normal; color:#626262; padding-left:5px; line-height:18px}


/*»ö°­Á¶*/
.str01  {color:#9b6443}
.str02  {color:#bf5aff}
.str03  {color:#333}


.f14_L    {font-size:14px; font-weight:bold; color:#000; border-bottom:solid 1px #d1d1d1; padding-bottom:5px;}






/*padding*/
.pdb80   {padding-bottom:80px}
.pdb30   {padding-bottom:30px}
.pdb20   {padding-bottom:20px}
.pdb15   {padding-bottom:15px}
.pdb10   {padding-bottom:10px}

.pdt5   {padding-top:5px}
.pdt10   {padding-top:10px}
.pdt20   {padding-top:20px}
.pdt30   {padding-top:30px}




.footer   {width:100%; margin:0 auto; float: left;}