@charset "utf-8";

/* 메인, 서브 공통사용 클래스 */
@import url(/css/common.css);
@import url(/css/button.css);
@import url(/css/tabstyle.css);
@import url(/css/notosans.css);
@import url('//fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:100,300,400,500,700,900&subset=korean'); /* 나눔고딕,본고딕 */

/* 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/song/main_bg.gif) no-repeat center 0;}
body#sub{background: url(/images/song/sub_bg.gif) no-repeat center 0;}

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:#d00101;}
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{ 
z-index: 10;  
width: 1024px;
margin:0 auto;
}

#wrap {width: 1024px;margin:0 auto;}
#subwrap {width: 1024px;margin:0 auto;}
#wrap_pop {margin:10px; text-align:left; }

#header_index {position: relative;text-align: center;width: 1024px;height:470px;}
#header {position: relative;text-align: left;width: 1024px;}
#main, #footer {position: relative;text-align: left;width: 1024px;}

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

#footaddr {float:left;padding-top:0px; padding-left:0px;}
#footmenu {float:right;padding:25px 90px 0 0; }
#footmenu ul li {float:left;padding: 0px;margin: 0px;}

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


/*메인메뉴*/
#Topmenu{position: relative;clear: both;width: 900px;margin: 0 auto; padding:0 0 15px 0;text-align:center;}

#Tmenu {margin: 0 auto; padding:0%; list-style: none; width:100%;height: 36px;text-align:center;background: url('/images/flash/mbar.png') no-repeat center center;}
#Tmenu>li {display: inline-block; background: none; position: relative; z-index: 999; margin: 0;text-align:center;}
#Tmenu li.mfirst {margin:0 2px 0 10px;}
#Tmenu li:last-child{}
#Tmenu li a {display: block;font-size:15px; font-weight: 800;letter-spacing: -0.5px;.letter-spacing: 0; line-height: 36px;height: 36px; text-decoration: none;  color: #FFF;margin:0;padding: 0px 19px; _width: 78px; _padding: 0; _text-align: center;_border: 0px;_display: block;}
#Tmenu li a:hover, #Tmenu li a.hov, #Tmenu li a.hovx {color: #FFF;background-color:#cc3d6c;}
#Tmenu li a.hot {background-color: #f13737; color: #FFF;}

#Tmenu ul {position: absolute; left:0;list-style: none;display: none; margin: 0; padding: 0; border:0;padding-bottom: 3px;background-color: #cc3d6c;}
#Tmenu ul.sfirst {left:0px;}
#Tmenu ul.sm1 {left:0px;}
#Tmenu ul li {min-width:145px;float: left;text-align: left; padding:0;margin:0;white-space:nowrap;_margin:0;_padding:0;}
#Tmenu ul li:last-child{float: left;}
#Tmenu ul li a {display: block; height: 26px; line-height: 26px; padding: 0px 0px 0px 20px;margin:4px 8px 4px 0; color: #FFF; text-transform:  uppercase; font-size:12px;font-weight: normal;border-top: 0px solid #FFF; _width:120px; _margin:5px 0px;_padding:0;_border: 0px; letter-spacing: 0px;}
#Tmenu ul li a:hover, #Tmenu ul li a.hov, #Tmenu ul li a.hovx {color: #444;background-color:#FFF;}
#Tmenu ul li a.hot {background-color: #f13737; color: #FFF;}

* 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;}
#topLink #BBanner {float:left;width:734px;_width:729px;}

/*중간메뉴*/
#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 {float:left;width: 843px;padding:13px 0px 0 70px;overflow: hidden;}
#main #contsBot {float:left;width: 1000px;height:184px;padding:0px 0 0 0px;overflow: hidden;}
#main #contsBot #botLeft {float:left;width: 293px;padding:26px 0px 0 30px;overflow: hidden;}
#main #contsBot #botCenter {float:left;width: 294px;padding:26px 0px 0 30px;overflow: hidden;}
#main #contsBot #botRight {float:left;width: 293px;padding:26px 0px 0 30px;overflow: hidden;}

#main #contsCenter {clear: both;float:left;}
#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:176px;padding:0px 0px 0 62px ;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: 674px;overflow: hidden;padding-left:50px;z-index: 40;}

#ContsPage {width:674px; 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; border-bottom:#bc0101 solid 2px;}
#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;}


#subSWFxx {position:absolute;top:140;left:20;width:300px;height:350px;overflow:hidden;}


.minfo {width:100%;border: 1px solid #DDD;margin:5px auto 5px;border-collapse:collapse;font-size:14px;}

.minfo th, .minfo td {padding:7px 5px 7px 3px;empty-cells:show;border: 1px solid #ddd;text-align:center;}
.minfo thead th {background-color:#DDEEFA;line-height:26px;text-align:left;padding:10px;font-size:16px;}

/* sub menu*/
#smenuBox1 {position: relative;padding:10px 0;margin:10px 0;border-bottom:1px solid #DDD;font-family: "Nanum Gothic", "Malgun Gothic", 돋움, dotum, sans-serif, AppleGothic;}
#smenuBox1 dl {position: relative;margin:0; padding-left:0px;}
#smenuBox1 dt {min-height:50px;margin:0;text-align:left;padding: 0 0 10px 0px;border-bottom:1px solid #ddd;}
#smenuBox1 dt p.tl{font-size:1.5em;font-weight:bold;color:#c10101; padding: 0;margin:0;}
#smenuBox1 dt p.eng{font-size:11px;font-weight:bold;color:#bbb;line-height:22px;height:22px; padding:0;margin:0;}

#smenuBox1 dd {position: relative;vertical-align:middle;padding:0; margin:0;border-bottom:1px solid #f5f5f5;}
#smenuBox1 dd a{line-height:34px;height:34px; padding-left:5px;color: #111;font-weight: normal;text-decoration:none;display: inline-block;font-size:13px;}
#smenuBox1 dd:hover {}
#smenuBox1 dd:hover a {color: #c10101;}
#smenuBox1 dd.sel {}
#smenuBox1 dd.sel a {display:block;font-weight: bold;color: #c10101;letter-spacing:0;}

#smenuBox1 dd ul {display: none;}
#smenuBox1 dd.sel ul {display: block;position: relative;margin: 0; padding: 5px 0; border:0;background-color: #fff;}
#smenuBox1 dd.sel ul li {text-align: left; padding-left:0px;margin:0;white-space:nowrap;}
#smenuBox1 dd.sel ul li a {display: block; height: 26px; line-height: 26px; padding: 0px 0px 0px 10px;margin:0; color: #111;font-size:12px;font-weight: normal;}
#smenuBox1 dd.sel ul li a:hover {color: #c10101;background-color:#FFF;}
#smenuBox1 dd.sel ul li.sel a {font-weight: bold;color: #c10101;background-color:#FFF;}