@charset "utf-8";
/* e-front WebDesign Team(http://www.e-front.co.kr), LYJ 201301 */

/* Type Selector */
*{margin:0; padding:0; font-size:12px;  color: #666; line-height:18px; font-family:"돋움",Dotum,"굴림",Gulim,"Lucida Grande",Tahoma,Verdana,AppleGothic,UnDotum,sans-serif;}
a{text-decoration:none; color: #888;}
a:hover, a:active, a:focus{text-decoration:underline; color: #444;}
li{list-style:none;}
img, fieldset, button{border:none;}
hr, button img{display:none;}
textarea{overflow:auto;} 
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

/* Layout Selector */
#wrapbody{margin:0 auto; padding:0px; }
#wrap{margin:0 auto; padding:0px; width:1000px;  background: url("/common/images2/bg.gif") no-repeat;}
#header{margin:0 auto; padding:0px; width:1000px; height:667px;}
#container{margin:0 auto; padding:0px; width:1000px; height:300px;}

#footerbody{margin:0 auto; padding:0px;}
#footer{margin:0 auto; padding:0px; margin-top:15px; width:1000px; background:#efefef; height:110px; margin-top:19px; border-top:1px solid #d8d8d8;}

.gnb{float:right; padding-bottom:16px; padding-top:50px;padding-right:638px;}
.gnb1{float:right; padding-bottom:-30px; padding-top:0px; position:absolute; z-index:3px; left:50%; margin-left:-40px;}


.box{padding:0;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

/* Header */
.logo_top{float:left; margin-top:0px; margin-left:26px;}
.eng_logo_top{float:left; margin-top:34px; margin-left:26px;}
.logo_top2{float:left; /* margin-top:34px;*/ margin-top:0px; margin-left:26px;}
.unb_top{float:right; margin-top:0px; margin-right:40px;}
.unb_top li{float:left; margin:0px 0px 0px 0px;}

.gnb{margin-top:30px; margin-left:5px; margin-right:5px; height:200px; background:#ff4f4f;}
.sub_visual{margin-top:0px; margin-left:5px; margin-right:5px; background:#a2ffa0;}

/* Main Contents */


/* Left Menu */
.snb{float:left; margin-top:10px; margin-left:10px; width:150px; background:#ffffff;}

/* Sub Contents */
.subcontents{float:right; margin-top:10px; margin-bottom:15px; margin-right:10px; width:400px;}

.box_title{margin-top:10px; height:40px; background: url("/common/images/bg_title.gif") repeat-x; background:#ffffff;}
.title{float:left; margin-top:5px; margin-left:5px;}
.path{float:right; margin-top:5px; margin-right:5px; border:1px solid #bdbdbd;}

.text_sub{margin-top:10px; margin-left:5px; margin-right:5px; background:#ffffff;}

/* Footer */
.footer_img{float:right;  margin-top:-66px;margin-right:50px;}
.copyright{clear:both;margin-left:40px;}
.unb_footer{float:left; margin-top:30px;margin-left:80px; margin-bottom:5px;}
.unb_footer li{float:left; margin:0px 0px 0px 0px;}

/* Aside */
.aside{}
.spot{}
.search{}


/*menu*/
#logo{position: absolute; top:10px; cursor:pointer;}
#gnb{width:670px; height:61px; position: absolute; top:23px; padding-top:30px; padding-left:380px;  z-index:100;display:none;}
#gnb .nav{position: relative; margin-top:-4px;}
#gnb .nav .wrap{position: absolute; z-index: 2; top:0px; left:0px;}
#gnb .nav li.main{float:left; padding-left:40px; padding-right:30px; background-repeat: no-repeat; cursor:pointer; padding-top:15px; padding-bottom:15px; background-position: 0 15px }
#gnb .nav li.first{}
#gnb .nav .active{width:110px; height:39px; position: absolute; top:4px; left:0px; z-index: 0; display: none;}
#gnb .nav .sub{display:none; }
#gnb .nav .sub li{padding:11px; float:left;}
#gnb .nav #sub0{width:645px; height:36px; position: absolute; top:53px; left:-56px; background-image: url('/common/images2/gnb_sub_bg.png'); padding-left:15px; padding-right:15px;}
#gnb .nav #sub0 li{padding-left:22px; padding-right:22px;}
#gnb .nav #sub0 ul{padding-left:52px;}
#gnb .nav #sub1 li{padding-left:22px; padding-right:22px;}
#gnb .nav #sub2 li{padding-left:22px; padding-right:22px;}
#gnb .nav #sub3 li{padding-left:18px; padding-right:18px;}
.frist{padding-left:10px;}
.frist1{padding-left:90px;}
.frist2{padding-left:90px;}



#gnb .nav #sub1{width:645px; height:36px; position: absolute; top:53px; left:-56px; background-image: url('/common/images2/gnb_sub_bg.png'); padding-left:15px; padding-right:15px;}
#gnb .nav #sub2{width:645px; height:36px; position: absolute; top:53px; left:-56px; background-image: url('/common/images2/gnb_sub_bg.png'); padding-left:15px; padding-right:15px;}
#gnb .nav #sub3{width:645px; height:36px; position: absolute; top:53px; left:-56px; background-image: url('/common/images2/gnb_sub_bg.png'); padding-left:15px; padding-right:15px;}
#side{width:125px; height:40px; position: absolute; top:23px;}
#side li{float:left; margin-right:10px; margin-bottom:2px;}
#side .sns{clear: both; margin-left:40px;}
#side .sns li{margin-right:5px;}



/*1126*/
#main_top{width:1000px; padding-top:8px;}
.main_left{float:left; width:319px; height:565px;}
.main_left_t{width:319px;}
.main_right{float:right;}

/*main_left*/
.contants01{width:317px; height:255px; background: url("/common/images2/contants01_bg.jpg") no-repeat; margin-top:50px; }
.contants01 li{padding-top:15px;}

.view01{margin-left:260px;}
.view02{margin-left:260px;}

.line{border:1px solid #eeeeee; width:200px; }
.text{padding-left:25px; padding-top:12px;  padding-bottom:7px;}

.contants02{width:290px; height:230px; background: url("/common/images2/contants02_bg.jpg") no-repeat; margin-top:25px;}
.contants02 li{padding-top:15px; padding-left:5px;}

.con_txt{float:left; padding-left:5px;}
.con_txt2{float:left; padding-left:-15px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .con_txt { padding-left:25px;}
   .con_txt2 { padding-left:15px;}
    .logo_top{float:left; /*margin-top:37px;*/margin-top:0px; margin-left:26px;}
}
@-moz-document url-prefix(){
   .con_txt { padding-left:25px;}
   .con_txt2 { padding-left:15px;}
   .logo_top{float:left; /*margin-top:37px;*/margin-top:0px; margin-left:26px;}

}


/*main_con*/
#main_con{width:1000px;}
.con_left{position:absolute; float:left;}
.con_right{float:right;}

#tab{position:absolute; z-index:3; left:50%; padding-left:390px; padding-top:17px;}

#main_notice{position:absolute; top:30px; width:1000px; background-color:red; height:200px;}
.notice_left{float:left;}
.notice_right{float:right;}


#c{ position:absolute; margin-left:1px;margin-top:292px;}
#c li{float:left; margin-left:30px;}
#d{position:absolute;  margin-left:673px; margin-top:281px;background:#89888d; height:26px; width:300px; padding-left:27px; padding-top:12px;}
#e{position:absolute;  margin-left:570px;margin-top:292px;}