/*.m_bg{background-image:url(../../images/main/m_cnt.gif)}*/
@charset 'utf-8'

#wrapper{}
#header_wrap{background-image:url(/images/common/header_bg.gif); background-repeat:repeat-x; background-position:top center; width:100%; height:80px;}
#header{position:relative; height:80px; width:1000px; margin:0 auto}

#logo {float:left; width:261px; text-align:center; margin-top:20px; margin-left:15px; display:inline;}
#logo img{}
#c_topmenu{float:right}
#c_topmenu ul{}
#c_topmenu li{float:left; height:19px}

#mainvisual{position:relative; clear:left; border-top:1px solid #FF9933; width:100%; height:850px;}

#menubar{position:absolute; margin-top:25px; margin-left:300px; top:0px; clear:left; z-index:10; width:700px; height:55px;}
#menubar>ul{display:flex; justify-content: end; margin-top:20px;}
#menubar>ul h2{ width:128px; box-sizing:border-box; text-align:right;}
#menubar>ul h2>a{font-size:15px; color:#737373; font-weight:700;}
#menubar>ul h2:after{content:"";display:inline-block; width: 1px;margin-left: 30px; height: 15px;; border-right:1px; background-color:#CCCCCC;}
#menubar .hide{display:none;}
#menubar h2+ul>li>a{font-size:12px; color:#737373; font-weight:700;}

#m_cnt{position:relative; clear:left; background-image:url(/images/main/m_cnt_bg.gif); background-repeat:no-repeat; background-position:top center; height:153px; width:1000px; margin:0 auto; z-index:2;_margin-top:-3px;}
#m_cnt #notice{position:relative; float:left; background-image:url(/images/main/notice_bg.gif); background-repeat:no-repeat; width:407px; height:133px; padding-top:20px; padding-left:20px}
#m_cnt #m_brand{position:relative; float:left; background-image:url(/images/main/brand_bg.gif); background-repeat:no-repeat; width:184px; height:153px;_height:156px;}
#m_cnt #brand{position:absolute; margin-top:-10px;_margin-top:-13px; clear:left}
#m_cnt #customer{background-image:url(images/main/customer_bg.gif); background-repeat:no-repeat; width:346px; height:154px; float:left; border:0px solid red}
#m_cnt #quick_icon{position:relative; float:left; padding-top:20px}


/*#m_footer_wrap{position:relative; width:100%; margin:0px; padding:0px; clear:left;}
#m_footer{position:relative; width:1000px; margin:0 auto}
#m_footer ul{}
#m_footer li{float:left}
*/
#sub_wrapper{position:relative; width:1000px; margin:0 auto; padding-bottom:20px; clear:left;}
#sub_wrapper #sub_leftmenu{float:left; width:200px; text-align:center; padding-top:20px; padding-right:20px}
#sub_wrapper #sub_right{float:left; padding-top:20px}
#sub_wrapper #sub_right #sub_content{clear:left; border:0px solid red;width:730px; line-height:18px} 
#sub_wrapper #sub_right #sub_title{width:740px; height:52px; float:left; margin-bottom:30px; border-bottom:1px solid #CCCCCC;}
#sub_wrapper #sub_right #title{float:left; width:300px; padding-top:10px}
#sub_wrapper #sub_right #location{float:right; width:300px; text-align:right; padding-top:25px; color:#737373}

#subheader{position:relative; width:100%; height:160px; clear:left; z-index:5;}

#subvisual{position:relative; clear:left; height:160px; z-index:2;}


#mfooter_wrap{position:relative; width:100%; border-top:0px solid #CCCCCC; clear:left; _margin-top:-4px;}
#footer_wrap{position:relative; width:100%; margin:0px; padding:0px; border-top:1px solid #CCCCCC; margin-top:20px; clear:left;}
#footer{width:1000px; margin:0 auto;}
#footer ul{padding-top:30px;}
#footer li{float:left}
#footer .foot_logo{width:210px; text-align:center; padding-right:40px}
#footer .address{float:left; border:0px solid red}

.btm_border{border-bottom:1px solid #CCCCCC}
.top_border{border-top:solid 2px #4c3b77;}

/* content */

.about_bg {background-color:#433b76; font-family:gulim; font-weight:bold; color:#fff; padding-left:20px; border-bottom:1px dashed #fff;}
.about_txt {font-family:dotum; size:12px; color:#666666; border-bottom:1px dashed #b3b3b3; padding-left:20px;}
.about_txt_bold {font-family:dotum; size:12px; color:#666666; font-weight:bold; border-bottom:1px dashed #b3b3b3; padding-left:20px; background-color:#e2e2e2;}

#company_brand {width:730px; float:left;}
#company_brand li {float:left; width:730px; padding:0px 0 45px 0;}
#company_brand .brand_right {float:right; padding:0px 0 45px 0; text-align:center;}

#company_map {width:730px; float:left;}
#company_map li {float:left; padding-bottom:30px; width:730px;}

#history{clear:left}
#history ul{margin:0px; padding:0px; font-size:0px;}
#history li{margin:0px; padding:0px; font-size:0px;}