@charset "utf-8";
/* 메인, 서브 공통사용 클래스 */
@import url('/css/common.css');
@import url('/css/button.css');
@import url('/css/tabstyle.css');

/* Common */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, input, textarea, button{margin:0; padding:0;}
body{color:#525252; font-size:12px; line-height:1.6; font-family:"돋움", Dotum, AppleGothic, Sans-serif;}
body#index{background: url(/images/hsw/main_bg.jpg) no-repeat;}
body#sub{background: url(/images/hsw/sub_bg.jpg) no-repeat;}

li{list-style:none;}
hr{display:none;}
img{border:none;}
em, address{font-style:normal;}

a{color:#525252; text-decoration:none;}
a:visited {color:#666666;}
a:active{color:#666666;}
a:hover{text-decoration:underline; color:#4882a9;}
a.visit {color:#666666 !important; text-decoration:none; }
a.visit:visited {color:#666666 !important;}
a.visit:active{color:#666666 !important;}
a.visit:hover{text-decoration:underline;}
a strong{letter-spacing:-1px;}

a.rollover img { border:0 none; display:inline;}
a.rollover img.over { display:none;}
a.rollover:hover { border:0 none;}
a.rollover:hover img { display:none;}
a.rollover:hover img.over { display:inline;}

.png  {_display:inline-block;}
.png  img  {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
* html  .png24  {tmp:expression(setPng24(this))}

/* z-index 사용 예제 */ 
div#index_wrap{ 
/*background: url(/images/poly/bgtop.jpg) repeat-x;*/
z-index: 10;  
width: 1024px;
}

#wrap {/*margin: 0 auto;*/ text-align:left;width: 1024px;/*background: url(/images/jaein/mbg.gif) no-repeat*/;}
#wrap_pop {margin:10px; text-align:left; }

#header {/*margin: 0 auto;*/position; relative;text-align: left;width: 1024px;}
#main, #footer {/*margin: 0 auto;*/position: relative;text-align: left;width: 1024px;}

/* footer */
#footer{
background: url(/images/hsw/foot.gif) no-repeat;
margin-top:0px;
height:67px;
}

#footaddr {float:left;padding-top:0px; padding-left:0px;}
#footmenu {float:right;padding:20px 40px 0 0; }
#footmenu ul li {float:left;padding: 5px;margin: 0px;}

#footmenu a{font-family: 'Noto Sans KR', sans-serif;font-size:11px; font-weight:600;}

/*상단아이콘*/
#topnav_mBox {height:25px;float: right;text-align: right;padding: 10px 44px 0 0 ;overflow: hidden;position: relative;}
#topnav_mBox ul { margin-top:5px; }
#topnav_mBox li { margin-right:5px; }

/*메인메뉴*/
#Topmenuxx{position: relative;text-align: center;clear: both;float: left;width: 941px; height:60px;margin: 0 auto; padding:0px 44px 0px 40px;}
#Topmenuxx #menuSWF{float: right;width: 650px;padding:0px 0 0px 0px;overflow: hidden;}
#Topmenu #logoImg{width:256px;position: absolute;top:-13px;}

#Topmenu {position:relative;margin:0 auto;z-index:999;*zoom:1;padding-top:0px;}
#Topmenu:after {content:""; display:block; clear:both;}
#Tmenu {position:relative;margin-left: 280px; padding:0; list-style: none; height: 40px;background-color:#5c93b7;  border-radius: 20px;}
#Tmenu li {float: left; list-style: none; display: block; background: none; position: relative; z-index: 999; margin: 0;text-align:center;}
#Tmenu>li {width:20%;}
#Tmenu li.mfirst {margin:0;}
#Tmenu li a {display: block;font-size:15px;font-weight: bold; font-family:"Malgun Gothic", "맑은 고딕", NanumGothic, "나눔고딕", AppleGothic, sans-serif;line-height: 40px;height: 40px; text-decoration: none;  color: #FFF;margin:0;padding: 0px 0px; _width: 78px; _padding: 0; _text-align: center;_border: 0px;_display: block;letter-spacing:-1px;}
#Tmenu li a:hover, #Tmenu li a.hov, #Tmenu li a.hovx {color: #cdfabb;}
#Tmenu li a.hot {color: #cdfabb;}

#Tmenu ul {position: absolute; left:0;list-style: none;display: none; margin: 0; padding: 0; border:0;min-width:720px;}
#Tmenu ul.sfirst {left:0px;}
#Tmenu ul.sm1 {left:0px;}
#Tmenu ul li {float: left;display:inline; padding:0px;margin:0;white-space:nowrap;_margin:0;_padding:0;}
#Tmenu ul li a {display: block; height: 22px; line-height: 22px; padding: 0px 5px;margin:0px 3px; color: #444; font-size:12px;font-weight: 200;text-align:center;  _width:120px; _margin:5px 0px;_padding:0;_border: 0px;}
#Tmenu ul li a:hover, #Tmenu ul li a.hov, #Tmenu ul li a.hovx {color: #000;}
#Tmenu ul li a.hot {color: #000;}

* html #Tmenu ul { margin: 0 0 0 -2px; }
/** @group clearfix **/
.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%; }


/*추천박스*/
#topLink {position: relative;float:left;width: 980px;z-index: 1;padding-top: 10px;}
#topLink #toMs {float:left;width:235px;overflow: hidden;margin-right:1px;}
#topLink #BMain {float:left;width:744px;overflow: hidden;}/*border: 3px solid #90ca32;}*/
#topLink #BBanner {float:left;width:734px;_width:729px;}/*border: 3px solid #90ca32;}*/

/*중간메뉴*/
#mtopBox {position: relative;height:150px;}
#mtopBox #logBox {float: left;background: url(/images/komc/login_bg.gif) no-repeat; width: 259px;height:150px;overflow: hidden;padding-right:1px;}
#mtopBox #linkBox {float:left;width:744px;height:70px;}

/*메인 컨텐츠 3단 레이아웃*/
#main{ margin-top:0px; }

#main #contsTop {clear: both;float:right; padding:70px 76px 0px 0px; overflow: hidden;}
#main #contsBot {float:left;width: 940px;padding:17px 44px 0 40px;overflow: hidden;}
#main #contsBot #botLeft {float:left;width: 290px;padding:0px 42px 0 0px;overflow: hidden;}
#main #contsBot #botCenter {float:left;width: 346px;padding:0px 43px 0 0px;overflow: hidden;}
#main #contsBot #botRight {float:left;width: 219px;padding:0px 0px 0 0px;overflow: hidden;}

#main #contsCenter {clear: both;float:right; padding:0px 76px 0px 0px; overflow: hidden;}
#main #CCLeft {float:left;width: 325px;overflow: hidden;}
#main #CCRight {float:right; width:655px;overflow: hidden;}
#main #CCRight #Left {float:left;width: 370px;overflow: hidden;}
#main #CCRight #Right {float:right; width:280px;overflow: hidden;}

/*서브메뉴 컨텐츠 3단 레이아웃*/
#main #subCtsLeft {float:left;width:183px;padding:210px 0px 0 40px ;z-index: 50;}
#main #subCtsCenter {float:left;width:650px;min-height:0px;margin-right:40px;z-index: 40;}
#main #subCtsRight {float:right;width:75px;margin-right:10px;overflow: hidden;}

/* slide 만 있는 레이아웃*/
#main #subSlideCenter {float:left;width: 870px;overflow: hidden;}

/*서브메뉴 컨텐츠 2단 레이아웃*/
#main #subCtsMain {float:left;width: 718px;overflow: hidden;padding-left:30px;z-index: 40;}

#ContsPage {width:718px; padding:20px 0 50px 0px}
#Contsquick {width:122px; padding:20px 0 0 10px}

#subMbody {
padding:0px;
}
#subMbody thead th.mhead{
height:30px;
background: url(/images/gnchem/mbody_h.gif) no-repeat;
}
#subMbody tfoot th.mfoot{
height:35px;
background: url(/images/gnchem/mbody_f.gif) no-repeat;
}
#subMbody tbody.mbg{
background: url(/images/gnchem/mbody_b.gif) repeat-y;
}
#subMbody tbody td.mbody{
padding:15px;
}
/*상단아이콘*/
#pageNavi{height:35px;}
#pageNavi #naviLeft {float: left; width:60%; overflow: hidden;}
#pageNavi #naviRight {float:right;width: 40%; overflow: hidden;text-align: right; }

#pageSelmenu{width:686px;height:30px; padding:0 0 0 0px;}
#pageSelmenu #mLeft {float: left; width:50%; overflow: hidden;}
#pageSelmenu #mRight {float:right;width: 50%; overflow: hidden;text-align: right}


/*커뮤니티 서브메뉴 컨텐츠 3단 레이아웃*/
#main #subCommLeft {float:left;width: 130px;overflow: hidden;}
#main #subCommCenter {float:left;width: 620px;margin-left: 10px;_margin-left: 8px;overflow: hidden;}
#main #subCommRight {float:right;width: 200px;overflow: hidden;}

/* 서브3*/
#bg { background-color: #CCC;}

.b_line {border-bottom:1px solid #e5e5e5;}
.b_box {border:1px solid #cccccc; font-size:12px; height:50px; padding:1px 1px 2px;}

.edubox td {padding:2px 10px 2px 5px;empty-cells:show;}
.edubox td.now {font-size:11px;letter-spacing:-1px;white-space:nowrap;}

/*연혁*/

.historyview th {padding:15px 10px 8px 3px;empty-cells:show;}
.historyview td {padding:8px 10px 8px 3px;empty-cells:show;}
.historyview td.his {padding:10px 10px 8px 3px;empty-cells:show;}
.historyview h1 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 23px;
    font-weight: bold;
    margin: 0;
}

.historyview h2 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

/* sub menu*/
#smenuBox {position:relative;width:90%;padding: 0 5%;}
#smenuBox dl {margin-top: 0;position: relative;}
#smenuBox dt {font-size:1.5rem;font-weight:bold;line-height:30px;min-height:30px; padding: 14px 0 5px 10px;margin-bottom:10px; vertical-align:middle;border-bottom:2px solid #373737;}
#smenuBox dd {font-size:1em;vertical-align:middle;line-height:33px;height:33px; padding-left:25px; margin:0px;background-color:#FFF;}
#smenuBox dd a {color: #000;text-decoration:none;display: inline-block;}
#smenuBox dd:hover {background-color:#f1f1f1;}
#smenuBox dd:hover a {color: #139162;}

#smenuBox dd.sel {background-color:#e1f4da;}
#smenuBox dd.sel a {font-weight: bold;color: #139162;letter-spacing:0px;}
#smenuBox dd.last {background:none;}