@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.clear{clear:both; height:0px; margin:0; padding:0;}
#wrap {width:100%; font-family:'Nanum Gothic','나눔 고딕',sans-serif;}
#wrap:after {content:""; display:block; clear:both;}
#header {width:100%; height:100%;}
#header:after {content:""; display:block; clear:both;}
#header .head {width:100%; min-width:1100px; margin:0 auto; position:relative;}
#header .top {width:1100px; margin:0 auto;}
#header .head h1 {margin:0 auto; text-align:center; margin:10px 0 10px 130px;}
#header .toplink {float:right; margin:63px 10px 0 0; font-family:'Nanum Gothic','나눔 고딕',sans-serif; font-size:0.9em;}
#header .toplink ul {margin:0; padding:0;}
#header .toplink li {float:left; padding:5px;}
#header .toplink a {color:#444444;}
#header .toplink a:hover {color:#444444; text-decoration:none}
#header .head .navi {float:left; width:100%; background:url(../images/main_mn_bg.gif) center top repeat-x;}

/**** 상단메뉴 ****/
#gnb {width:1100px; margin:0 auto;}
#gnb ul { margin:0; padding:0}
#gnb ul li { float:left; list-style:none; margin:0; padding:0; display:inline-block;}
#gnb ul li a {padding:0;}
#gnb ul li:first-child { border-left:none; padding-right:0}

#submnbg {width:100%; height:155px; background:url(../images/main_smn_bg.png) center top repeat-x;}
#submn {width:1100px; height:155px; margin:0 auto; top:180px; z-index:999; font-family:'Nanum Gothic','나눔 고딕',sans-serif; font-size:1em; letter-spacing:-1px;}
/* #submn .menu { float:left; width:120px; margin-left:-1px; padding:0} */
#submn .menu { float:left; width:120px; margin-left:-1px; padding:0; padding-top:10px;}
#submn .menu a { text-decoration:none; color:#d1d1d1; line-height:1.4em; padding:5px; display:block; text-align:center;}
#submn .menu a:hover { text-decoration:none; color:#fff;}

/**** 비주얼 ****/
#visual {width:100%; height:390px; background:url(../images/main_visualbg.gif) repeat-x;}
#visual #mainvis {width:1100px; min-width:1100px; margin:0 auto;}
#visual #mainvis ul {margin:0; padding:0;}
#visual #mainvis li {float:left;}

/**** 컨텐츠 ****/
#container {width:100%;}
#container:after {content:""; display:block; clear:both;}
#container .content {width:1100px; margin:0 auto;}
#container .content:after {content:""; display:block; clear:both;}

.content .main_cont {width:1100px; margin-top:50px;}
.content .main_cont span {float:left}

.content .cust {float:left; margin:10px 0 0 45px;}
.content .quick_menu {float:left; margin:10px 0 0 10px;}
.content .bran {margin-left:45px;}

/**** 게시판 ****/
.content .po {width:410px; margin-left:15px;}
.content .img {float:left; width:130px; margin:15px 0 0 0;}
.content .not {width:297px; margin-left:45px;}
.content .list {width:297px; color:#747474;}
.content .qna {width:297px; margin-left:25px;}

/**** 서브 컨텐츠 ****/
#subcontainer {width:100%;}
#subcontainer:after {content:""; display:block; clear:both;}
#subcontainer .visual {width:100%; height:230px; background:url(../images/sub_visualbg.gif) repeat-x;}
#subcontainer .subvis {width:1100px; height:230px; margin:0 auto;}
#subcontainer .content {width:1100px; margin:0 auto; margin-top:26px; padding-left:50px;}
#subcontainer .content .left_title {}

#subcontainer .content .left_menu {float:left; width:195px;}
#subcontainer .content .left_menu ul {}
#subcontainer .content .left_menu ul li { height:30px;}
#subcontainer .content .left_menu ul li:first-child {border-top:0;}
#subcontainer .content .left_menu ul li a {}
#subcontainer .content .left_menu ul li a:hover {}
#subcontainer .content .left_menu ul li a.over {}

#subcontainer .content .left_menu .left_cust {margin-top:45px;}
#subcontainer .content .sub_content {float:left; position:relative; width:820px; padding-left:35px;}
#subcontainer .content .sub_content .page_position {float:right; font-family:'Nanum Gothic','나눔 고딕',sans-serif; right:0; text-align:right; font-size:1em; color:#aaaaaa; letter-spacing:-1px;}
.black {color:#333}
#subcontainer .content .sub_content .sub_tit {margin-top:-10px; background:url(../images/title_icon.gif) left top no-repeat; padding-left:12px;}
#subcontainer .content .sub_content .sub_detail {margin-top:40px; padding-bottom:100px;}


/**** 카피라이트 ****/
#footer {width:100%; min-width:1100px; height:137px; margin-top:35px; border-top:1px solid #d5d5d5; font-family:'Nanum Gothic','나눔 고딕',sans-serif;; color:#6d6d6d;}
#footer:after {content:""; display:block; clear:both;}
#footer .foot {width:1100px; margin:0 auto; padding-top:20px;}
#footer .flink {margin-left:70px; height:35px;}
#footer .flink ul {margin:0; padding:0;}
#footer .flink li {float:left; padding:0 7px;}
#footer .flink a {color:#6d6d6d;}
#footer .flink a:hover {color:#033b55; text-decoration:none;}
#footer .ftext {float:left; margin-left:77px; line-height:2em;}
#footer a {color:#6d6d6d;}
#footer a:hover {color:#3c3c3c; text-decoration:none;}
#footer .copy_logo {float:left; margin-left:30px;}