@charset "utf-8" /* ??
------------------------------------------------------------------------------------------------------------------------------------------------- */

window.onload=function() {
  var obj = document.getElementById('body');
  if (obj.clientWidth<1367) obj.style.width='1366px';
}


@font-face {font-family:'MalgunGothic'; src:url('MalgunGothic.eot');}




form {
margin:0;
padding:0;
display:inline;
}




img { border:0;vertical-align:middle;}
* {
margin: 0;
padding: 0;
}



a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */
#steel {
POSITION: relative
}

fieldset {
border: 0;
}

input {

vertical-align:middle;
margin: 0;
border: 1px solid #e0e0e0;
padding: 3px 3px 3px 3px;
color: #000000;
	
}

input[type=checkbox],input[type=radio],input[type=image]{ border:none;}

.input {

vertical-align:middle;
margin: 0;
border: 1px solid #e0e0e0;
padding: 2px 3px 2px 4px;
color: #000000;
	
}
select {
vertical-align:middle;
color: #4B4B4B;
}

textarea {
padding: 3px;
border: 1px solid #cccccc;
color: #666666;
}

div, dl, dt, dd, ul, ol, li, h3, h4, h5, h6, pre, forms, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
list-style:none;

}

ul, ol, dl {
list-style:none
}

a, a:link, a:visited {
color:#6e6e6e;
text-decoration: none;
cursor: hand;
outline:none; select-dummy: expression(this.hideFocus=true);
}

a:hover, a:active {
text-decoration: none;
cursor: hand;
}

table {
border-spacing: 0;
border-collapse: collapse;
border: 0;
}
hr {
clear:both;
display: none;
}


h1{
font-size:24px;
font-weight:600;
}

h2{
font-size:20px;
font-weight:300;
}

html, body {
margin: 0;
padding:0;
	font: 14px "Malgun Gothic", Dotum, sans-serif;
color:#666666;
min-width:320px;
scrollbar-face-color: #f1f1f1;
scrollbar-shadow-color: #E4E4E4;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #E4E4E4;
scrollbar-arrow-color: #D2D2D2;
overflow-x:hidden;
overflow-y:hidden;
-webkit-text-size-adjust: none;
-webkit-line-height-adjust: none;
}
/**/html{
overflow-y:scroll;

}

span.span200 {font-weight:200;}
span.span300 {font-weight:300;padding-left:15px; font-weight:bold;color:#000;}
span.span300_1 {clear:both; font-weight:400; font-weight:bold;color:#000;}
span.span400 {font-weight:400;}
span.span700 {font-weight:700;}

.fc_brown{ color:#a36a2b;}
.fc_brown1{ color:#a36a2b; font-size:18px; line-height:28px;}
.fc_red { color:#dd0404; }
.fc_red1{ color:#cb0000; font-size:18px; line-height:28px;}


.jbTitle {
text-align: left; 
}

.jbMenu {
padding: 0px 0px 0px 0;
background:#fff;
top: 0px;
width:100%;

z-index:9999;
}

.jbMenu1 {
padding: 0px 0px 0px 0px;
background:#0a1437;
top: 30px;
width:100%;
left:-10px;
z-index:9999;

}
.jbContent {
    
}
.jbFixed {
position: fixed;
}




#wrap{
margin: 0;
padding:0;
position: relative;
}

#top{
height:76px;
width:100%;
background-color:#ffffff;
border-bottom:1px solid #cfcfcf;
margin-top:0px;

}

#top .home{
float:left;position: absolute;
padding-top:0px;
padding-left:0px;
}

#top .logo{
width:100%;
text-align:center;
}

#top .logo img{
padding-top:18px;
padding-left:15px;
height:35px;
}









#main_pic{
position: relative;
top:0;
text-align:center;
}

#main_pic img{
position: relative;
width:100%;
}


.main_icon {
position:relative;width:100%;text-align:center;background-color:#0a1437;
}

.main_icon ul {
clear:both;margin:0 auto;text-align:center;
}


.main_icon li {
display:inline;
}

.main_icon li img{
padding:2px 3px 2px 3px; height:45px;
}



.main_icon1 {
 float:left; position:relative; margin:0px auto 0;  text-align:center; margin-top:20px; width:100%;font-size:14px; font-weight:bold; z-index:99;

}

.main_icon1 ul {
 display:block; margin:0 auto 0; width:100%; text-align:center;
}


.main_icon1 li {
display:inline; width:31%;
}

.main_icon1 li img{
width:31%; padding:0px 2px 0px 2px; 
}


#main_tit1{
margin:0 auto 0; width:100%; text-align:center;
}


.main_icon2 {
 float:left; position:relative; margin:0px auto 0;  text-align:center; margin-top:30px; width:100%;font-size:14px; font-weight:bold; background-color:#efefef; z-index:99;

}

.main_icon2 ul {
 display:block; margin:0 auto 0; width:100%; text-align:center;
}


.main_icon2 li {
display:inline; width:30%;
}

.main_icon2 li img{
width:30%; padding:20px 2px 20px 2px; 
}

#main_m1{
float:left;
width:100%;
margin-top:20px;
height:220px;
position: relative;
background:url('../image/mback1.gif') center bottom no-repeat;
}







#main_m1 .more{
position: relative;
top:3px;
float:right;
padding-right:20px;
}



#main_m2 {
position:relative;
margin-bottom:0px;
margin-top:30px;
}



#main_m2 .tit1{
margin-top:0px;
float:left;
position: relative;
text-align:left;
left:10px;
color:#e9570e;	font: 24px "Malgun Gothic", Dotum, sans-serif;
}





#main_m3 {
position:relative;
margin-bottom:10px;
margin-top:30px;
}

#main_m3 .tit3{
margin-top:0px;
float:left;
position: relative;
text-align:left;
left:10px;
color:#8a8a8a;	font: 24px "Malgun Gothic", Dotum, sans-serif;
}



.stit{
padding:0px;
margin:20px;
line-height:150%;
letter-spacing:0pt;
font-size:12px;
}


#sub {
position: relative;
top:0;
text-align:center;
}





#sub .top {
margin-top:0px;
width:100%;
position:relative;
background:#ffffff;
color:#333333;
font-size:18px;
font-weight:bold;
border-bottom:1px solid #c6c6c6; 
padding:15px 0 15px 0;
}


#sub .stit1{
padding:28px 20px 25px 15px;
position:relative;
text-align:left;
color:#e27500;
font-size:22px;
border-bottom:1px solid #808080;
}



#sub .stit2{
clear:both; position:relative; text-align:left; font-size:20px; color:#626262; padding-top:15px; line-height:130%;
}

#sub .stit22{
clear:both; position:relative; text-align:left; font-size:20px; padding:10px; color:#626262;  line-height:130%;
}



#sub .stit3{
clear:both; position:relative; text-align:left; font-size:14px; color:#626262; margin-top:8px; line-height:130%;
}

#sub .stit4{
clear:both; position:relative; margin:10px;text-align:left; font-size:14px; color:#626262;  line-height:160%;
}





#sub .spic1{
clear:both;
display:block;
width:100%;
z-index:0;
position: relative;
text-align:center;

}


#sub .spic11{
clear:both;
display:block;
width:100%;
padding-bottom:20px;
z-index:0;
font-size:20px; 
position: relative;
text-align:center;

}


#sub .spic2{
position: relative;
margin:10px;
text-align:center;
}


#sub .spic3{
position: relative;
top:10px;
text-align:left;
margin:10px;  
font-size:15px; 
line-height:150%;
}


#sub .spic4{
float:left;
width:100%;
position: relative;
margin-top:20px;
text-align:center;
height:400px;
}


#sub .spic5{
float:left;
width:100%;
position: relative;
margin-top:10px;
text-align:center;
}


#sub .pic2_0{
float:left;
width:100%;
position: relative;
margin-top:10px;
text-align:left;
margin-left:20px;
margin-right:20px;
padding-bottom:10px;
margin-bottom:20px;
font-size:16px;
line-height:160%;
border-bottom:1px dashed #a8a8a8;
}





#sub .tab {float:left; min-width:320px; margin-top:10px; margin-left:5px; width:100%; height:70px; font-weight:bold; z-index:99999999; }
#sub .tab ul li a {float:left; text-align:center; margin:3px; width:28%; height:30px; letter-spacing:-0.3pt; vertical-align:middle;border:1px solid #c6c6c6; padding-top:13px; font: 15px "Malgun Gothic", Dotum, sans-serif; }
#sub .tab ul li a:hover { float:left; text-align:center; margin:3px; background:#1186bc;  width:28%; height:30px; color:#fff;  letter-spacing:-0.3pt;padding-top:13px; font: 15px "Malgun Gothic", Dotum, sans-serif; }
#sub .tab ul li.on a { float:left; text-align:center;  background:#1186bc; width:28%; height:30px; color:#fff;  letter-spacing:-0.3pt; font: 15px "Malgun Gothic", Dotum, sans-serif; }

#sub .tab0 {float:left; min-width:320px; margin-top:10px; margin-left:5px; width:100%; height:70px; font-weight:bold; z-index:99999999; }
#sub .tab0 ul li a {float:left; text-align:center; margin:3px; width:22%; height:30px; letter-spacing:-0.3pt; vertical-align:middle;border:1px solid #c6c6c6; padding-top:13px; font: 15px "Malgun Gothic", Dotum, sans-serif; }
#sub .tab0 ul li a:hover { float:left; text-align:center; margin:3px; background:#1186bc;  width:22%; height:30px; color:#fff;  letter-spacing:-0.3pt;padding-top:13px; font: 15px "Malgun Gothic", Dotum, sans-serif; }
#sub .tab0 ul li.on a { float:left; text-align:center;  background:#1186bc; width:22%; height:30px; color:#fff;  letter-spacing:-0.3pt; font: 15px "Malgun Gothic", Dotum, sans-serif; }










#sub .tab11 {float:left; min-width:320px; margin-top:10px; margin-left:5px; width:100%; height:70px; font-weight:bold; z-index:99999999; }
#sub .tab11 ul li a {float:left; text-align:center; margin:3px; width:22%; height:30px; letter-spacing:-0.3pt; vertical-align:middle;border:1px solid #c6c6c6; padding-top:13px; font: 14px "Malgun Gothic", Dotum, sans-serif; }
#sub .tab11 ul li a:hover { float:left; text-align:center; margin:3px; background:#36589d;  width:22%; height:30px; color:#fff;  letter-spacing:-0.3pt;padding-top:13px; font: 14px "Malgun Gothic", Dotum, sans-serif; }
#sub .tab11 ul li.on a { float:left; text-align:center;  background:#36589d;  width:22%; height:30px; color:#fff;  letter-spacing:-0.3pt; font: 14px "Malgun Gothic", Dotum, sans-serif; }





#sub .tab2 {float:left; min-width:320px; margin-top:6px; margin-left:5px; width:100%; height:70px; font-weight:bold; z-index:99999999; }
#sub .tab2 ul li a {float:left; text-align:center; margin:3px; width:20%; height:30px; letter-spacing:-0.3pt; vertical-align:middle;border:1px solid #c6c6c6; padding-top:13px; font: 14px "Malgun Gothic", Dotum, sans-serif; }
#sub .tab2 ul li a:hover { float:left; text-align:center; margin:3px; background:#91404f;  width:20%; height:30px; color:#fff;  letter-spacing:-0.3pt;padding-top:13px; font: 14px "Malgun Gothic", Dotum, sans-serif; }
#sub .tab2 ul li.on a { float:left; text-align:center;  background:#91404f;  width:20%; height:30px; color:#fff;  letter-spacing:-0.3pt; font: 14px "Malgun Gothic", Dotum, sans-serif; }


.tabArea{position:relative;width:100%;height:56px;margin-top:42px;background:#efefef; overflow:hidden;text-align:center;margin-bottom:20px;}
.tabArea ul{overflow:hidden;height:56px;}
.tabArea ul li{float:left;height:56px;}
.tabArea ul li a{display:block;height:58px;line-height:16px;color:#747474;font-size:13px;border-left:1px solid #d6d6d6;text-decoration:none;padding-top:12px;font-weight:normal;}
.tabArea ul li a.on{border:2px solid #594f4f; border-bottom:2px solid #fff;background:#fff;color:#222;font-weight:500;padding-top:12px;cursor:inherit}





.tabArea.tabOne li{width:100%}
.tabArea.tabTwo li{width:50%}
.tabArea.tabThree li{width:33.3333333%}
.tabArea.tabFour li{width:25%}
.tabArea.tabFive li{width:20%}
.tabArea.tabSix li{width:16.6666666%}
.tabArea.tabSeven li{width:14.2857142857%; line-height:12px;}



#sub .tab1 {
 position:relative; float:left; padding-TOP: 15px; margin-left:7px; margin-bottom: 10px;   font-size:15px; 
}

#sub .tab_on a {
 position:relative; float:left; padding-TOP: 15px; margin-left:7px;  margin-bottom: 10px;   border-bottom:3px solid #1072ec; font-size:15px; color:#1072ec; padding:0 2px 5px 18px; background:url('../image/icon.jpg') 0px -2px no-repeat;
}

#sub .tab_off a{
position:relative; float:left; padding-TOP: 15px; margin-left:7px;  margin-bottom: 10px;  font-size:15px; COLOR: #666666;  padding:0 2px 5px 18px; background:url('../image/icon1.jpg') 0px -2px no-repeat;
}





/* Ç¥½ºÅ¸ÀÏ */




.bbslist1 { width:100%; margin-top:0px; margin-bottom:0px;  }

.bbslist1 thead tr th {background:#e94e3e; height:50px;color:#ffffff; font-weight:bold;   border-top:1px solid #000;  padding-top:13px; vertical-align:top;border-bottom:#dfdfdf 1px solid;  }

.bbslist1 thead tr th.t1 {background:#e94e3e; height:50px;color:#ffffff; font-weight:bold; border-top:1px solid #000;  border-right:#dfdfdf 1px solid; padding-top:13px; vertical-align:top;border-bottom:#dfdfdf 1px solid;  }




.bbslist1 tbody td { text-align:left;  border:1px solid #FFFFFF; font-size:14px; line-height:140%;}

.bbslist1 tbody td.tit { text-align:center; background:#f4f2f0;  padding:20px 0px 20px 0px; border-bottom:#dfdfdf 1px solid; }

.bbslist1 tbody td.tit1 {  text-align:left;  padding:20px;border-bottom:#dfdfdf 1px solid; }


.bbslist1 tbody td.tit2 {  text-align:center; padding:10px;border:#dfdfdf 1px solid; }






.bbslist2 { width:100%; margin-top:0px; margin-bottom:0px;  }

.bbslist2 thead tr th { background:#e94e3e; height:2px; color:#666666; font-weight:bold;  padding-top:0px; vertical-align:top; }

.bbslist2 tbody td { text-align:left; padding:7px 7px 7px 7px; height:50px; border:1px solid #FFFFFF;}

.bbslist2 tbody td.tit { text-align:center; background:#f4f2f0; height:50px; font-weight:bold; border-top:#e94e3e 2px solid;border-bottom:#dfdfdf 1px solid;  }

.bbslist2 tbody td.tit1 {  text-align:left; height:50px;  padding-left:20px;border-top:#e94e3e 2px solid; border-bottom:#dfdfdf 1px solid; }

.bbslist2 tbody td.tit2 { text-align:center; background:#f4f2f0; height:50px; font-weight:bold;border-bottom:#dfdfdf 1px solid;  }

.bbslist2 tbody td.tit3 {  text-align:left; height:50px;  padding-left:20px;border-bottom:#dfdfdf 1px solid; }

.bbslist2 tbody td.tit4 { text-align:center; background:#f4f2f0; height:50px; font-weight:bold;border-bottom:#e94e3e 2px solid; }

.bbslist2 tbody td.tit5 {  text-align:left; height:50px;  padding-left:20px;border-bottom:#e94e3e 2px solid; }








#tel {
width:100%;
top:30px;
text-align:center;
margin-bottom:30px;
position:relative;
}

#tel img{
max-width:582px;width:90%;
}



#foot{
position: relative;
background:#7a7a7a;
width:100%;
color:#666;
top:30px;
}


#foot .copy{
padding:15px 0 0 15px;
line-height:26px;
color:#cccccc;	
height:140px;
font: 14px Dotum, sans-serif;
}

#foot .pc{
color:#fff;
background:#333333;
text-align:center;
letter-spacing:0pt;
font-size:16px;
width:100%;
height:40px;
padding-top:20px;
margin:0 auto;
}







.bpen-drawer{
position:absolute;
top: 0px;
height: 100%;
min-height:700px;
width: 200px;
background-color:#bbcce1;
z-index:99999;
transition: 0.5s ease;
}

.bpen-drawer-right{
right:-200px;
z-index:99999;
}


.bpen-drawer-right.expanded{
right:0px;z-index:99999;
}

.bpen-toggle-pad {
position:absolute;
top: 15px;
right:15px;
width: 45px;
height:100%;
z-index:99999;
color:#31445d;
text-align:center;
cursor:pointer;
background: url(../image/navi.png) no-repeat center center;
background-size: 45px 45px;
}



.bpen-toggle-pad-right{
left : -50px;
text-align: center;z-index:99999;
}


.bpen-toggle-pad-right.expanded{
left:0px;z-index:99999;
}

.bpen-drawer-header{
position:relative;
height: 45px;
width:100%;
top:0px;
left:0px;
background-color: #bbcce1;z-index:99999;
color:#31445d;
}


.bpen-drawer-items{
list-style-type:  none;
padding-left: 0px;
width:100%;
margin-top:25px;z-index:99999;
}

.bpen-drawer-items li{
padding: 12px 0px 12px 0px;
width:100%;
margin: -1px 0px 0px 0px;
border-top: 1px solid #97a6b8;
border-bottom: 1px solid #97a6b8;
cursor:pointer;
font-size:1em;z-index:99999;
}

.bpen-drawer-items li a{
display:block;
text-decoration:none;
color : #31445d;
padding-left:20px;
width:100%;z-index:99999;
}