/**
* File Name : web_layout.css
* Description : 메인,서브 공통 스타일시트
* Author : Wed Project Team / Design
* Date : 2017.03.28
* Update : 2017.03.28*/


/* Layout Selector */
@charset "utf-8";

html,body {
 padding:0; margin:0; 
 box-sizing: border-box; 
 font-family: 'Noto Sans KR', sans-serif;
 font-weight:'400';
  -webkit-box-sizing: border-box;  
  -moz-box-sizing: border-box; 
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
}
 *{font-family: 'Noto Sans KR', sans-serif; }



#wrap { width:100%; position:relative; }
#container { width:100%;  position:relative; margin-bottom:40px;  }
#container:after { content:""; display:block; clear:both;}


/* Top*/
#header {position: relative; width:100%; height:30px; border-bottom:1px #cdcdcd solid; background:#e9e9e9;} 
.topmn {width:1120px; height:30px; position:relative; margin:0 auto;}
.topmn .topleft { float:left; width:172px; height:30px; text-align:left; }
.topmn .topright {float:right; width:auto;  height:30px;   text-align:right; }
.topmn .topright li {float:left;  height:30px; display:inline; text-align:left; } 

#gnb {position: relative; width:100%; height:89px; margin: 0 auto;}
.menubar { width:1120px; margin: 0 auto; border:none; height:89px;   overflow: hidden;  }
.menuLogo  {float:left; width:304px;  text-align:left; }
.menuItem  {  float:right; width:816px; }
.menubar ul {  height:89px; list-style:none;  }
.menubar li { float:left; width:136px; height:19px; line-height:19px;}
.menubar a  { color:#303030; display:block; font-weight:bold; font-size:18px; line-height:19px;   text-align:center; cursor:pointer; }
.menubar li a:hover, .menubar ul li:hover a {  cursor:pointer;  }    
.menubar li:hover ul {display:block;  cursor:pointer; border-top:1px solid #dedede;  height:auto; background:#FFF;}
.menubar li:hover li a {background:none;}
.menubar li ul{ display:none;  position:absolute;  z-index:999;    }
.menubar li li a ,.menubar li li  {  display:block;  float:none;  min-width:111px; height:45px; line-height:45px; border-bottom:1px solid #dedede;  }
.menubar li ul a { display:block;  height:45px; font-size:13px;  font-style:normal;  text-align:center; }
.menubar li ul a:hover,.menubar li ul li:hover a{background: #3b94d3; border:0px; color:#ffffff;  }

#sub_imgtop {width:100%; height:234px; position:relative; background:#e6e5e0; clear:both; margin:0 auto;}
#sub_imgtop .sub_img {width:1120px; height:234px; background:url('../images/sub/svi_img.jpg')  no-repeat; background-position:center center; margin:0 auto;  }

#current_position {width:100%; position:relative; margin-top:30px } 
.sub_page_dir {width:1120px; height:29px;  margin:0 auto; }
.sub_page_dir .pg_potion { height:29px; line-height:29px; font-size:11px; color:#666; padding:0 0 0 320px; }

/* contents*/
#subWrap {width:100%; position:relative; margin:0 auto;  }

/* Sub cntent box */
.sub_pageBox {width:1120px; height:auto;  margin: 0 auto;  position:relative;  }
.sub_pageBox .Left_wrap {float:left; width:245px; height:auto; min-height:535px;  padding-right:75px;   padding-bottom:40px }
.sub_pageBox .Left_wrap .LmnT {float:left; width:245px; height:86px;   }
.sub_pageBox .Left_wrap .LmnList { float:left; width:245px; height:auto;  }
.sub_pageBox .Left_wrap .LmnList li { float:left; border-bottom:1px solid #dcdcdc; height:49px; width:245px; line-height:49px; text-align:left; font-size:14px; font-weight:bold; color:#393939;  }
.sub_pageBox .Left_wrap .LmnList li a:hover{ height:49px; width:245px; line-height:49px; text-align:left; font-size:14px;  color:#1f6da2;  }
.sub_pageBox .Left_wrap .LmnList .on_mn { height:49px; width:245px; line-height:49px; text-align:left; font-size:14px;  color:#1f6da2;  }
.sub_pageBox .Left_wrap .Lbn {float:left; width:245px; height:190px; padding-top:30px;    }
.sub_pageBox .Left_wrap .Lbn li {float:left; width:245px; height:90px; padding-top:10px;   }

.sub_pageBox .Right_wrap { float:right; width:800px; min-height:600px; text-align:left; margin-bottom:50px; }
.sub_pageBox .Right_wrap .cnt_tit { width:800px; height:86px; text-align:left; padding-bottom:45px;  }

.sub_pageBox .Right_wrap .info_page { width:800px; height:auto; }

.sub_pageBox .Right_wrap .info_page .infotable  {  border:1px solid #c6c6c6; font-weight:bold; }
.sub_pageBox .Right_wrap .info_page .infotable .line01 { line-height:30px; height:30px; font-size:14px; color:#2483c5; border-bottom:1px solid #c6c6c6;  border-right:1px solid #c6c6c6; text-align:center; background:#e7e7e7;  }
.sub_pageBox .Right_wrap .info_page .infotable .line02 { line-height:30px; height:30px; font-size:14px; color:#2483c5; border-bottom:1px solid #c6c6c6;  text-align:center; background:#e7e7e7; }
.sub_pageBox .Right_wrap .info_page .infotable .line03 { line-height:30px; height:30px; font-size:14px; color:#606060; border-bottom:1px solid #c6c6c6; border-right:1px solid #c6c6c6;  text-align:center;  }
.sub_pageBox .Right_wrap .info_page .infotable .line04 { line-height:30px; height:30px; font-size:14px; color:#606060; border-bottom:1px solid #c6c6c6;  text-align:left; padding-left:10px; }


/*Foot */
#foot_wrap {width:100%; height:137px;  position:relative; background:url('../images/common/copyright_bg.jpg');clear:both; }
.foot_img  { width:1120px; height:137px; margin:0 auto;   }
