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

/*reset*/
 #accessibility, .skip, hr, legend, caption{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;text-indent:-800em;}
/* base */


article { display: block; }
	
body, div, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td{ margin: 0; padding: 0; font-family: "나눔고딕"; font-size: 15px; line-height: 28px; }
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
ul{list-style:none;  font-family: "나눔고딕"; font-size: 15px; line-height: 28px;}
li { list-style:none; display: list-item; text-align: -webkit-match-parent; }
fieldset, img{border:none; vertical-align:middle; }
IMG      { border: none;  } 
.img1    { border:1px solid #e3e3e3;  vertical-align:middle; }
.img2    { margin-top: 10px; }
input    { vertical-align:middle; font-size:1em; color:#999999; }
.input1  { vertical-align:middle;font-size:1em;color:#333;  padding:3px 0px 1px 5px;   border:1px solid #e3e3e3; }
.input2  { vertical-align:middle;font-size:1em;color:#333;  padding:1px 0px 0px 5px;  height:16px; border:0px solid #ffffff; }
select   { vertical-align:middle; font-size:1em;color:#333; border:1px solid #e3e3e3;  height:22px; }
p        { font-family: "나눔고딕","맑은 고딕", "돋움"; font-size: 15px; color:#666666;}

textArea{background-color:#ffffff; border:1px solid #e3e3e3; font-size:1em;}
/* a-style */
a{color:#333;text-decoration:none;}
a:hover, a:active{color:#ff3333;text-decoration:none; }
a:visited{color:#333;text-decoration:none;}

.fl {float:left; }
.tc {text-align:center; }



/*common*/
.reset{clear:both !important;height:0px !important;line-height:0px !important;padding:0 !important;margin:0 !important;}


/*btn*/
.btn_r{text-align:right; margin-top:5px;  right:1px;}
.btn_ct{text-align:center;}


/*titletxt*/
h1      { font-size: 35px; font-weight:700; letter-spacing:3px;  color:#fff; text-align:center; }
h2      { text-align:center; font-size:32px; font-weight:600;  padding-bottom:33px;   padding-top:15px;   color:#333;  border-bottom:1px solid #dddddd;  background: url(/img/common/h2bar.gif) no-repeat center bottom;  }
.top_h2 { text-align:left;  font-size: 28px; margin-bottom:5px;  color: #cc3333; font-weight:bold;  }

h3      {     text-align:left; font-size: 30px; margin-bottom:20px; padding-top:30px; margin-top:50px;  padding-bottom:30px; color: #333; font-weight:bold;  border-bottom: 1px dotted #303a5d;	 }


h4      { font-size:18px; font-weight: bold; color:#ff3300; padding:0px 0px 5px 0px;  }
h5      { font-size: 25px;  color: #333333;   font-weight:600; margin:0px 0px 25px 0px;  }
h6      { font-size: 18px;  font-weight:700;  color: #333;   line-height: 28px;  border-left:5px solid #333; padding-left:20px;font-family: "나눔고딕","맑은 고딕", "돋움";  }

.colorred  { color: #ff0000; font-weight:bold; }
.size1  {  font-size: 25px; }

.txt_align1             { width:100%; position:relative;clear:both; padding-top: 20px;  }
.txt_align1 .txt_lf1     {text-align:left; margin-bottom: 17px;  position:absolute; }
.txt_align1 .txt_lfimg     {text-align:left;    position:absolute; }
.txt_align1 .txt_r1    { position:relative; right:-1px;  padding-bottom: 5px;text-align:right; }

.txt_align  { display: block;  text-decoration:none;   width:100%;text-align:center;padding:0px;position:relative;clear:both; margin-top: 15px; margin-bottom: 2px;}
.txt_align .txt_r     {  position:absolute; right:1px; top:-2px; margin-top: 15px; margin-bottom: 2px; }
.txt_align .txt_r1    { position:absolute; right:0px; top:-2px;  margin-top: 5px;}
.txt_align .txt_ct    {text-align:center;  margin-top: 15px; margin-bottom: 2px;}
.txt_align .txt_lf    {text-align:left;  margin-top: 15px; margin-bottom: 2px;}

/*index layout*/
#mwrap            {  width:100%;  overflow:hidden;     }
#mcontainer       { width:1450px; padding-bottom:20px;margin:0 auto;  height:100%;   background:#ffff;  }


/*header */
#header          { width:100%;left:0;top:0;  background:#fff;   border-bottom:1px solid #e60007;  z-index:9;}


.lnb             { width:1200px;  height:114px;margin:0 auto;position:relative;    border-bottom:7px solid #e60007;  background:#ffffff;}
.logo            { position:relative; z-index:9; top:30px;  text-align:left; width:auto;   padding-left:25px; }
/*gnb */
.gnb             { position:absolute; right:0; top:5px; overflow:hidden;  text-align:center; width:270px;  }
.gnb li a        { float:left;   border:1px solid #ededed; width:95px; margin-left:8px;  color:#999;    height:28px;   font-size: 12px;}
.gnb li a:hover  { color: #ff6666;  border: 1px solid #ff6666;}	

/*nav*/
.nav  { width:auto;    left:400px; top:48px;  padding-left:25px;  z-index:9; position:absolute;   }
.nav li  { float:left;  display: inline; padding:0 30px 0 8px;   } 
.nav li:nth-last-child(1){  background:none;} 




/*topsmenu layout*/
#tmnav         { clear: both;  height:90px; text-align:left; }
#tmnav  ul     { padding-bottom:3px; padding-top:15px; z-index:9; }
#tmnav  ul li  {   }
#tmnav  ul li a        { color:#999; }
#tmnav  ul li a:hover  { color: #ff6666;  }	

.tmstyle{padding-left:440px;	   }
.tmlist1    { width:134px; 	float:left;   }	
.tmlist2    { width:134px;	float:left;  }	
.tmlist3    { width:134px; 	float:left;  }	
.tmlist4    { width:134px;	float:left;  }	
.tmlist5    { width:134px;	float:left;   }	




/*online  layout*/
#online           { clear: both;width:1200px;height:160px; text-align:left;  }
.onlinestyle      { background-color:#ededed;	}

.online1          { float:left; width:600px; font-size: 20px;  text-align:left;   background: url(/img/common/bullet_online.gif) no-repeat left 30px ; padding-top:30px; padding-left:50px;margin-left:35px; }
.tel              { font-size: 18px;  font-weight: bold;}

.online2          { right:0; top:30px;  text-align:right; width:480px; 	float:left;}
.online2  h5      { font-size: 48px; padding-top:50px;  color:#e60007;}

.online2  a       { text-align:center;  border:1px solid #000;  width:235px;  color:#000000;   font-size: 16px;  line-height: 22px; padding:4px;  }
.online2  a:hover { color: #e60007;  border: 1px solid #e60007;}	

.online3          { text-align:center; }
.online3  h5      { font-size: 48px; padding-top:30px;  color:#e60007;}

/*foot layout*/
#footer          { clear: both; width:1200px; height:230px; text-align:left;  }
.fstyle          { color:#eee; background-color:#6787a0;	padding-top:30px; padding-bottom:30px;}
.flist           { float:left;	width:530px; margin-left:15px; padding-right:15px;padding-left:25px; }

.flist ul li     { font-size:13px; color: #fff;  line-height: 25px;  background: url(/img/common/bullet3.png) no-repeat left center ; padding-left:10px;}

.ftitle          { font-size: 26px; font-weight:500; color:#fff; background: url(/img/common/bullet4.png) no-repeat left bottom; padding-bottom:10px; margin-bottom:10px; }
.copy            { position:relative; color:#999999;  font-size: 11px;  }

.flist .text {color: #FFF; font-weight:600; width:70px;}
.flist .text1{color: #FFF; font-weight:600; width:60px; }
.flist .text2{color: #FFF; font-weight:600; width:100px;}



.title1      { width:350px; font-size: 24px;  color: #333;  padding-bottom:8px;}
.titlele3      { font-size: 24px; color: #333; font-weight:bold; text-align:center; padding-top: 20px; padding-bottom:8px;}
.titlele3:hover{color:#ff6666;}

.ulstyle1 ul    { padding-top:15px;  margin-top:5px;   border-top:1px solid #e4e4e4;  }
.ulstyle1 ul li { font-size: 13px; color: #666666;  line-height: 18px;  background: url(/img/common/bullet1.gif) no-repeat left center ; padding-left:10px;}

.txthighlight1   { font-size: 15px; font-weight: bold;  color: #ec1c24; background-color: #FFFFCC;}

.morestyle1      {  background: url(/img/common/bullet_more.gif) no-repeat right top;padding-right:25px;padding-bottom:25px;margin-top:25px; height:100px; }
.morestyle1  a       { text-align:center;  color: #666666;  font-size: 15px;  line-height: 22px; padding:4px;  }
.morestyle1  a:hover { color: #e60007; }	





.tax_color1               { color:#0066cc; }
.tax_color1_bold          { font-weight: bold; color:#0066cc; }





.box_tip { border:2px solid #dddddd;
position:relative; width:767px; height:100px; overflow-x: hidden; overflow-y:scroll;   padding:15px; 
scrollbar-3dlight-color:#dddddd; scrollbar-arrow-color:#81afde; scrollbar-track-color:#efefef; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#81afde; }













.clearfix:after { 

    content: "."; 

    display: block; 

    clear: both; 

    visibility: hidden; 

    line-height: 0; 

    height: 0; 

} 

   

.clearfix { 

    display: inline-block; 

} 

   

html[xmlns] .clearfix { 

    display: block; 

} 

   

* html .clearfix { 

    height: 1%; 

}