@import "common.css";

/* =======================================================================
   Layout Styles
==========================================================================border:1px solid blue */

/* * *  common layout * * */
.wrap{width:100%;height:100%}
.container{margin:0 auto; width:1010px; }
.no{display:none;}
/* * *  top menu * * */
.container .adminUrl{position:absolute;margin:1px 0;padding:2px;width:1010px;text-align:right;font-size: 0.67rem;color:#abaaaa;
    box-shadow: 0 -1px 0 rgba(0,0,0,0.5); z-index:13;cursor:pointer;}
.container .top_warp{position:absolute;margin:0;z-index:11;height:200px;}
.top_warp .top_logo{margin:20px;cursor: pointer;}
.top_warp .top_menu{position:absolute;margin:0 0 0;width:873px;height:29px;background: url(../image/top_bg.png) no-repeat ;z-index:152}
.top_warp .top_menu dl{margin:0}
.top_warp .top_menu dl dt{float:left;margin:5px;width:650px;}
.top_warp .top_menu dl dt span{margin:0 0 0 65px;}
.top_warp .top_menu .menu1 button{background:#2454a3;color:#fff;
	cursor: pointer;font-weight: 300;font-size:0.8rem;outline:none;
	border:0 solid;}
.top_warp .top_menu .menu1 button:hover {
	text-decoration: none;color:#f18822;
}
.top_warp .top_menu .menu2{position:absolute;margin:4px 50px 0;right:0}
.top_warp .top_menu .menu2 button{
	background:#226ff1;color:#fff;outline:none;
	cursor: pointer;font-weight: 300;font-size:1.1rem;
	border:0 solid;}

/* * *  top sub menuLayer * * */
.menu_warp{position:absolute;margin:77px 0 0;z-index:10;}

.subMenu{width:190px}
.subMenu ul{margin:0;padding:0;list-style:none;}
.subMenu ul li{margin:0;padding:0;line-height:1rem;}

.subMenu button{background:#092f6d;font-weight: bold;font-size:9pt;color:#c7c8ca;
	cursor: pointer;outline:none;
	border:0 solid;}
.subMenu button:hover{text-decoration: none;color:#108ae5;}


#menu_screenLayer{position:absolute;margin:28px 0px 0;width:672px;height:110px;background: url(../image/topMenu_bg.png) no-repeat ;z-index:25}
#subMenuLayer1{position:absolute;margin: 24px 28px 0}
#subMenuLayer2{position:absolute;margin: 24px 130px 0}
#subMenuLayer3{position:absolute;margin: 24px 330px 0}
#subMenuLayer4{position:absolute;margin: 24px 467px 0}
#menu_screenLayer_warp{position:absolute;margin:28px 0px 0;width:672px;height:120px;z-index:15}

/* * *  MAIN body * * */
.cont_body{
	width:1012px;height:306px;}
.board{position:absolute;margin:0;width:340px;height:306px;}

.cont_body .board .head {width:340px;height:40px;background: url(../image/board_title_bg.png) no-repeat ;}
.cont_body .board .head span{position:absolute;margin-top:15px}
.cont_body .board .head .title{margin-left:13px;}
.cont_body .board .head .more{margin-right:20px;right:0}

.cont_body .board ul{margin:0;padding:0;width:100%;height:110px;}
.cont_body .board ul li{list-style:none;padding:10px;height:2px;color:#727272}
.cont_body .board ul .col1{width:239px}
.cont_body .board ul .col2{width:80px;right:0}
.cont_body .board ul li span{position:absolute;}

.product{position:absolute;margin:0 342px 0;width:330px;height:306px;}
.product dl{margin:0;padding:0}
.product dl dt{margin:0;padding:0}
.product .col1 img{margin:13px 9px 0}
.product .col2 img{margin:13px 2px 0;cursor:pointer}
.product .col3 span{position:absolute;}
.product .col3 .incol1{margin:15px 9px 0}
.product .col3 .incol2{margin:15px 195px 0}
.product .col3 .incol3{margin:47px 7px 0}
.product .col3 .incol4{margin:83px 4px 0;cursor:pointer}
.product .col3 .incol5{margin:54px 191px 0}

.certification{position:absolute;right:0;width:339px;height:306px;}
.certification  dl{margin:0;padding:0}
.certification  dl dt{margin:0;padding:0}
.certification .col1 img{margin:14px 15px 0}
.certification .col2 img{margin:5px 2px 0;cursor:pointer}


/* * *  body * * */
.inbody{position:absolute;z-index:10}
.inbody .menu{position:absolute;margin:206px 0;;width:200px;height:465px;background: url(../../image/sub_menu_bg.png) no-repeat ;}
.inbody .menu img{margin:15px 47px 0}
.inbody .menu .menuList{margin:30px 0 0}
.inbody .menu .menuList ul{margin:0;padding:0}
.inbody .menu .menuList ul li{margin:0;padding:5px 5px 0;width:200px;list-style:none;}
.inbody .menu .menuList ul li button{color:#8c8c8c;background:#e8eff9;cursor: pointer;outline:none;border:0 solid;}
.inbody .menu .menuList ul li button:hover{text-decoration: none;color:#2454a3;}
.inbody .window_banner{}

.inbody .cate1_cont_warp{width:1008px;height:600px;border:1px solid #bcbcbc}
.inbody .cate1_cont_warp .cont_in{width:810px;margin:0 200px 0;}
.inbody .cate1_cont_warp .cont_in dl{margin:0;padding:0;}
.inbody .cate1_cont_warp .cont_in dl dt{padding:0 15px 0;font-size:1rem;font-weight: bold;color:#4f5050}
.inbody .cate1_cont_warp .cont_in .text{font-family: '나눔고딕',"HelveticaNeue-Light" sans-serif;font-size: 0.8rem;font-weight: bold;color:#9e9b9b;line-height:1.5rem}

.inbody .cate1_cont_warp .cont_in .main_copy{margin:15px 0 0;}
.inbody .cate1_cont_warp .cont_in .title{padding:15px 0 0;font-family: '나눔고딕',"HelveticaNeue-Light" sans-serif;font-size: 0.7rem;font-weight: 100;color:#737679;}
.inbody .cate1_cont_warp .cont_in .text dt{font-family: '나눔고딕',"HelveticaNeue-Light" sans-serif;font-size: 0.8rem;font-weight: bold;color:#9e9b9b;line-height:1.5rem}

.inbody .cate1_cont_warp .cont_in .main_copy .cate1_01 p{font-weight: bold;color:#5f5e5e;font-size: 0.8rem;}
.inbody .cate1_cont_warp .cont_in .main_copy .cate1_01 ul{margin:0;padding:0 10px 0;}
.inbody .cate1_cont_warp .cont_in .main_copy .cate1_01 ul li{padding:1px 0 0;list-style-type:circle;font-family: '나눔고딕',"HelveticaNeue-Light" sans-serif;font-size: 0.8rem;font-weight: bold;color:#9e9b9b;line-height:1.5rem}

.inbody .cate1_cont_warp .cont_in .main_copy .cate1_02 {margin:15px 0;}
.inbody .cate1_cont_warp .cont_in .main_copy .cate1_02 ul{margin:0;padding:0 10px 0;}
.inbody .cate1_cont_warp .cont_in .main_copy .cate1_02 ul li{padding:1px 20px 0;list-style:none;float:left;background:#e5eefc;border:1px solid #fff;font-family: '나눔고딕',"HelveticaNeue-Light" sans-serif;font-size: 0.7rem;font-weight: bold;color:#6d6d6d;line-height:1.5rem}
.inbody .cate1_cont_warp .cont_in .main_copy .cate1_02 .col1{width:20%}
.inbody .cate1_cont_warp .cont_in .main_copy .cate1_02 .col2{width:60%}


.inbody .cate_cont_warp{width:1008px;border:1px solid #bcbcbc}
.inbody .cate_cont_warp .cont_in{width:810px;margin:0 200px 0;}
.inbody .cate_cont_warp .cont_in dl{margin:15px 0 20px;padding:0;}
.inbody .cate_cont_warp .cont_in dl dt{padding:0 15px 0;font-size:1rem;font-weight: bold;color:#4f5050}


.foot{}


/* * *  board * * */
.inbody .cate5_board_warp{width:1008px;height:500px;border:1px solid #bcbcbc}
.inbody .cate5_board_warp .cont_in{width:810px;margin:0 200px 0;}
.inbody .cate5_board_warp .cont_in dl{margin:15px 0 20px;padding:0;}
.inbody .cate5_board_warp .cont_in dl dt{padding:0 15px 0;font-size:1rem;font-weight: bold;color:#4f5050}

.btn_search{width:37px;height:19px;border:0;background: url(/board/img/btns_sch01.gif) no-repeat ;}