@import url("base.css");
@import url("layout.css");
@import url("main.css");


/* HEADER */
div#header h1 { float:left; }
div#header h1 a { display:block; width:196px; height:90px; background-repeat:no-repeat; background-position:center; }
div#header h1 a span { display:none; }

div#header div#gnb div.menu { float:right; }
div#header div#gnb div.menu ul { padding-top:13px; }
div#header div#gnb div.menu ul li { float:left; margin-left:15px; padding-left:15px; background:url('/~ftp_hanilfa/images/common/menuLinebg.png') left top 4px no-repeat; }
div#header div#gnb div.menu ul li a { font-weight:700; font-size:12px; color:#999; }
div#header div#gnb div.menu ul li.front { margin:0; padding:0; background:none; }
div#header div#gnb div.menu div.language { float:right; padding-top:8px; }
div#header div#gnb div.menu div.language select { border:1px solid #999; color:#999; width:110px; height:24px; }
div#header div#gnb div.menu div.language select option { }


div#header div#gnb { width:854px; margin-top:24px; padding-left:50px; display:inline-block; }
div#header div#gnb ul.gnb { float:left; margin-top:2px; }
div#header div#gnb ul.gnb li { float:left; width:170px; text-align:center; background:url('/~ftp_hanilfa/images/common/gnbLinebg.png') left top 14px no-repeat; }
div#header div#gnb ul.gnb li a { display:block; color:#333; font-size:18px; height:42px; line-height:42px; font-weight:bold; }
div#header div#gnb ul.gnb li.front { background:none; }
div#header div#gnb ul.gnb li a:hover { color:#999; text-decoration:none; }





/* 서브메뉴 보기 */
div#header div#gnb ul.gnb li div.gnbSub { width:230px; z-index:1; margin:22px 0 0 -30px; clear:both; display:inline-block; border-top:5px solid #f00; background-color: rgba( 255, 255, 255, 0.9 ); /*overflow:hidden; height:0px;*/ z-index:500; display:none; }
div#header div#gnb ul.gnb li:hover div.gnbSub { display:block; }
div#header div#gnb ul.gnb li div.gnbSub ul { width:220px; margin:0 auto; padding:0; zoom:1; }
div#header div#gnb ul.gnb li div.gnbSub ul:after { content:''; display:block; clear:both; }
div#header div#gnb ul.gnb li div.gnbSub ul li { width:220px; text-align:center; background:none; letter-spacing:-1px; border-bottom:1px solid #dcdcdb; }
div#header div#gnb ul.gnb li div.gnbSub ul li a { font-size:14px; color:#333; font-weight:100; height:33px; line-height:33px; }
div#header div#gnb ul.gnb li div.gnbSub ul li a:hover { font-size:16px; color:#383bb5; font-weight:600; }





/* FOOTER */
div#footer div.footer_mu_wrap { width:100%; height:50px; }
div#footer div.footer_mu_wrap div.footer_mu { width:1100px; height:47px; margin:0 auto;}
div#footer div.footer_mu_wrap div.footer_mu div.menu { float:left; padding-top:17px; }
div#footer div.footer_mu_wrap div.footer_mu div.menu a { color:#666; font-size:14px; }
div#footer div.footer_mu_wrap div.footer_mu div.menu span { margin:0 10px; }

div#footer div.info { padding-top:30px; }
div#footer div.info div.footerLogo { float:left; }
div#footer div.info div.footerLogo a { display:block; line-height:0px; }
div#footer div.info div.footerLogo a img { vertical-align:top; }
div#footer div.info div.corpInfo { float:left; width:700px; margin-left:27px; }
div#footer div.info div.corpInfo ul { }
div#footer div.info div.corpInfo ul li { float:left; font-size:12px; margin:0 0 4px 8px; padding-left:9px; color:#999; white-space:nowrap; background:url('/~ftp_hanilfa/images/common/menuLinebg.png') left 3px no-repeat; }
div#footer div.info div.corpInfo ul li.front { margin-left:0px; padding-left:0px; background:none; }
div#footer div.info div.corpInfo ul li span { background:#999; padding:2px 5px; color:#fff; }
div#footer div.info div.corpInfo div.copyright { font-size:12px; color:#999; }





/* 메인 비주얼 */
div#visual { background:url('/~ftp_hanilfa//images/common/visual.jpg') center no-repeat; }
div#visual div.visualImg { height:550px; }
div#visual div.visualImg div.desc { text-align:center; color:#FFF; position:absolute; top:80px; width:100%; z-index:50; text-shadow:0 0 3px rgb(0,0,0); }
div#visual div.visualImg div.desc span { color:#FFF; font-size:15px; font-weight:bold; line-height:130%; }
div#visual div.visualImg div.desc strong { color:#FFF; display:block; padding-top:30px; font-size:72px; height:95px; }
div#visual div.visualImg div.desc span.tit { background:url('/~ftp_hanilfa/images/common/visualTextbg.png') center no-repeat; height:38px; line-height:38px; margin:0 auto; width:540px; display:block; color:#FFF; font-size:24px; letter-spacing:-0.05em; }
div#visual div.visualImg div.desc span.desc { text-shadow:0 0 3px rgb(0,0,0); height:50px; margin:0 auto; width:600px; display:block; color:#FFF; font-size:24px; letter-spacing:-0.05em; border-bottom:1px solid #ccc; margin-bottom:30px; }

div#visual div.visualImg div.products { width:100%; display:inline-block; padding-top:410px; z-index:100; }
div#visual div.visualImg div.products ul { margin:0 auto; width:940px; }
div#visual div.visualImg div.products ul li { float:left; width:220px; height:280px; margin-right:19px; }
div#visual div.visualImg div.products ul li.last { margin:0; }
div#visual div.visualImg div.products ul li a { width:190px; height:220px; display:block; color:#fff; padding:30px 15px; }
div#visual div.visualImg div.products ul li a span { font-size:22px; font-weight:600; color:#fff; }
div#visual div.visualImg div.products ul li.bowl { background:url('/~ftp_hanilfa/images/common/proBowlBg.png') center no-repeat; }
div#visual div.visualImg div.products ul li.bowl a:hover { background:url('/~ftp_hanilfa/images/common/proBowlBgOn.png') center no-repeat; text-decoration:none; }
div#visual div.visualImg div.products ul li.line { background:url('/~ftp_hanilfa/images/common/proLineBg.png') center no-repeat; }
div#visual div.visualImg div.products ul li.line a:hover { background:url('/~ftp_hanilfa/images/common/proLineBgOn.png') center no-repeat; text-decoration:none; }
div#visual div.visualImg div.products ul li.stairs { background:url('/~ftp_hanilfa/images/common/proStairsBg.png') center no-repeat; }
div#visual div.visualImg div.products ul li.stairs a:hover { background:url('/~ftp_hanilfa/images/common/proStairsBgOn.png') center no-repeat; text-decoration:none; }
div#visual div.visualImg div.products ul li.hopper { background:url('/~ftp_hanilfa/images/common/proHopperBg.png') center no-repeat; }
div#visual div.visualImg div.products ul li.hopper a:hover { background:url('/~ftp_hanilfa/images/common/proHopperBgOn.png') center no-repeat; text-decoration:none; }



div#container div.contents { /*background:#f00;*/ }

div#container div#mainContents div.section { border:1px solid #6e8da6; width:223px; height:313px; padding:20px; margin-top:140px; }
div#container div#mainContents div.section div.header { height:32px; margin:0; }
div#container div#mainContents div.section div.header span.title { float:left; font-size:16px; font-weight:600; letter-spacing:-0.04em; }
div#container div#mainContents div.section div.header a { float:right; display:block; font-size:14px; font-weight:600; color:#666; height:15px; }
div#container div#mainContents div.section div.content { float:left; margin:0; clear:both; }





/* 갤러리 */
div#container div#mainContents div.photo { float:left; }
div#container div#mainContents div.photo div.content ul { }
div#container div#mainContents div.photo div.content ul li { clear:both; width:223px; height:130px; padding-bottom:20px; background:url('/~ftp_hanilfa//images/common/test.png') no-repeat;  }
/*div#container div#mainContents div.photo div.content ul li img { max-width:223px; max-height:130px; vertical-align:top; }*/
div#container div#mainContents div.photo div.content ul li div.on { background-color: rgba( 255, 0, 0, 0.5 ); text-align:center; height:130px; line-height:130px; }
div#container div#mainContents div.photo div.content ul li div.on a { color:#fff; }





/* 동영상 */
div#container div#mainContents div.vod { float:left; margin-left:13px; }
div#container div#mainContents div.vod div.content ul { }
div#container div#mainContents div.vod div.content ul li { clear:both; width:223px; height:90px; text-align:center; padding:40px 0 20px 0px; background:url('/~ftp_hanilfa//images/common/test.png') no-repeat; }





/* 기술상담 및 a/s */
div#container div#mainContents div.as { float:left; margin-left:14px; }
div#container div#mainContents div.as div.content ul { padding-top:15px; }
div#container div#mainContents div.as div.content ul li a { line-height:160%; color:#999; }





/* 고객센터 */
div#container div#mainContents div.inquiry { float:left; margin-left:13px; }
div#container div#mainContents div.inquiry div.content ul { background:url('/~ftp_hanilfa//images/common/telIcon.png') left 5px no-repeat; }
div#container div#mainContents div.inquiry div.content ul li.title { margin-top:10px; padding-left:75px; font-size:24px; color:#333; font-weight:600; letter-spacing:-1px; }
div#container div#mainContents div.inquiry div.content ul li.title span { color:#a79f21; }
div#container div#mainContents div.inquiry div.content ul li.box { font-size:12px; color:#999; background:#ebebeb; padding:15px; margin:10px 0; }
div#container div#mainContents div.inquiry div.content ul li.tel { font-size:30px; color:#069be9; font-weight:600; }
div#container div#mainContents div.inquiry div.content ul li.stxt { font-size:14px; color:#787878; margin-top:3px; }
div#container div#mainContents div.inquiry div.content ul li.line { height:38px; padding-top:7px; }
div#container div#mainContents div.inquiry div.content ul li.line div { width:50px; border-bottom:1px solid #e5e5e5; }
div#container div#mainContents div.inquiry div.content ul li.email { font-size:14px; color:#999; font-weight:600; }
div#container div#mainContents div.inquiry div.content ul li.email span { font-size:14px; color:#666; font-weight:600; }





/* 서브 비주얼 */
div#subvisual { background:url('/~ftp_hanilfa//images/common/subVisual.jpg') center no-repeat; }
div#subvisual div.visualImg { height:220px;  }
div#subvisual div.visualImg div.desc { text-align:center; color:#FFF; position:absolute; top:40px; width:100%; z-index:50; text-shadow:0 0 3px rgb(0,0,0); }
div#subvisual div.visualImg div.desc span { color:#FFF; font-size:14px; font-weight:bold; line-height:130%; }
div#subvisual div.visualImg div.desc strong { color:#FFF; padding-top:10px; font-size:48px; height:95px; text-shadow:0 0 3px rgb(0,0,0); }
div#subvisual div.visualImg div.desc span.tit { vertical-align:top; display:inline-block; background:url('/~ftp_hanilfa/images/common/subVisualTextbg.png') center no-repeat; width:158px; height:58px; line-height:58px; margin:0 auto; color:#FFF; font-size:18px; letter-spacing:-0.05em; }
div#subvisual div.visualImg div.desc span.desc { text-shadow:0 0 3px rgb(0,0,0); height:50px; margin:0 auto; width:540px; display:block; color:#FFF; font-size:18px; letter-spacing:-0.05em; border-bottom:1px solid #ccc; margin-bottom:10px; }





/* ASIDE */
#container div.contents div.innerWrap div.aside { float:left; width:250px; padding-bottom:70px; }
#container div.contents div.innerWrap div.aside div h2 { text-align:center; padding-top:30px; font-size:36px; font-weight:600; color:#4164b1; letter-spacing:-0.025em; }
#container div.contents div.innerWrap div.aside ul#snb { width:240px; border-top:2px solid #4164b1; margin-top:20px; }
#container div.contents div.innerWrap div.aside ul#snb > li.front { padding-top:9px; }
#container div.contents div.innerWrap div.aside ul#snb > li.last { padding-bottom:9px; }
#container div.contents div.innerWrap div.aside ul#snb > li > a { font-size:13px; font-weight:600; color:#666; line-height:41px; padding:0 18px; display:block; border-bottom:1px solid #d1d1d1; }
#container div.contents div.innerWrap div.aside ul#snb > li > a:hover { color:#fff; background:#4164b1; text-decoration:none; }
#container div.contents div.innerWrap div.aside ul#snb > li.on > a { color:#fff; background:#4164b1; text-decoration:none; }

#container div.contents div.innerWrap div.aside div.shortcut { width:200px; border:1px solid #d1d1d1; background:#f9f9f9; margin-top:30px; padding:20px; }
#container div.contents div.innerWrap div.aside div.shortcut div.header { font-size:18px; color:#000; font-weight:600; }
#container div.contents div.innerWrap div.aside div.shortcut div.header span { clear:both; font-size:12px; color:#999; line-height:160%; }
#container div.contents div.innerWrap div.aside div.shortcut div.contact div.phone { font-size:20px; font-weight:100; color:#999; padding:12px 0 2px 0; letter-spacing:-0.04em; }
#container div.contents div.innerWrap div.aside div.shortcut div.contact div.phone span { font-size:20px; font-weight:600; color:#333; padding:12px 0 2px 0; letter-spacing:-0.04em; }





/* 서브타이틀 */
#container div.contents div.innerWrap div.contentCover { float:right; width:815px; padding:30px 0; }
#container div.contents div.innerWrap div.contentCover div.header { height:60px; border-bottom:1px solid #e3e3e3; }
#container div.contents div.innerWrap div.contentCover div.header div.pageTitle { float:left; }
#container div.contents div.innerWrap div.contentCover div.header div.pageTitle h3 { font-size:32px; color:#333; letter-spacing:-1px; }
#container div.contents div.innerWrap div.contentCover div.header div.location { float:right; line-height:50px; }
#container div.contents div.innerWrap div.contentCover div.header div.location ul li { float:left; margin-left:5px }
#container div.contents div.innerWrap div.contentCover div.header div.location ul li a { padding-left:10px; font-family:"Dotum"; font-size:12px; text-decoration:none; background:url('/~ftp_hanilfa/images/common/locationArrow.gif') no-repeat; }
#container div.contents div.innerWrap div.contentCover div.header div.location ul li a.on { color:#4164b1; font-weight:600; }
#container div.contents div.innerWrap div.contentCover div.header div.location ul li a.home { background:none; }





/* 제품 */
#container div.contents div.innerWrap div.contentCover div.content div#tab ul.tabList { padding:30px 20px; margin:0 auto; }
#container div.contents div.innerWrap div.contentCover div.content div#tab ul.tabList li { position:relative; float:left; }
#container div.contents div.innerWrap div.contentCover div.content div#tab ul.tabList li a { display:block; width:150px; height:34px; line-height:34px; margin:10px; padding-left:10px; font-size:14px; font-weight:600; color:#fff; background:url('/~ftp_hanilfa/images/common/tabImg.png') no-repeat; }
#container div.contents div.innerWrap div.contentCover div.content div#tab ul.tabList li a:hover { text-decoration:none; color:#2f4e7d; background:url('/~ftp_hanilfa/images/common/tabImgOn.png') no-repeat; }
#container div.contents div.innerWrap div.contentCover div.content div#tab ul.tabList li.Tab1 { }
#container div.contents div.innerWrap div.contentCover div.content div#tab ul.tabList li.Tab2 { }
#container div.contents div.innerWrap div.contentCover div.content div#tab ul.tabList li.Tab3 { }
#container div.contents div.innerWrap div.contentCover div.content div#tab ul.tabList li.Tab4 { }
#container div.contents div.innerWrap div.contentCover div.content div#tab ul.tabList li.on { }
#container div.contents div.innerWrap div.contentCover div.content div#tab ul.tabList li.on a { color:#2f4e7d; background:url('/~ftp_hanilfa/images/common/tabImgOn.png') no-repeat; }
#container div.contents div.innerWrap div.contentCover div.content div#tab ul.tabList li.front a { margin-left:35px; }

#container div.contents div.innerWrap div.contentCover div.content div.txt p { text-align:center; font-size:15px; color:#666; padding:10px 0; }
#container div.contents div.innerWrap div.contentCover div.content div.txt p.title { text-align:center; font-size:22px; font-weight:600; color:#0e61b0; }
#container div.contents div.innerWrap div.contentCover div.content div.txt p.title span { font-size:30px; color:#0e61b0; }
#container div.contents div.innerWrap div.contentCover div.content div.txt p.img { padding:40px 0; }
#container div.contents div.innerWrap div.contentCover div.content div.txt p.left { text-align:left; }
#container div.contents div.innerWrap div.contentCover div.content div.txt p.left span.stit { padding:0 0 10px 15px; font-size:18px; color:#0e61b0; display:block; background:url('/~ftp_hanilfa/images/common/stitBg.png') left 12px no-repeat; }
#container div.contents div.innerWrap div.contentCover div.content div.example div.title { background:url('/~ftp_hanilfa/images/common/exampleLine.png') repeat-x; }
#container div.contents div.innerWrap div.contentCover div.content div.example div.title p {  background:#fff;text-align:center; margin:30px 280px 0 280px; font-size:18px; color:#0e61b0; font-weight:600; }
#container div.contents div.innerWrap div.contentCover div.content div.example div.box { display:block; border:1px solid #c8c8c8; padding:20px; margin-top:20px; width:773	px }
#container div.contents div.innerWrap div.contentCover div.content div.example div.box ul { zoom:1; }
#container div.contents div.innerWrap div.contentCover div.content div.example div.box ul:after { content:''; clear:both; display:block; }
#container div.contents div.innerWrap div.contentCover div.content div.example div.box ul li { float:left; padding:5px; display:block; }
#container div.contents div.innerWrap div.contentCover div.content div.example div.box ul li span { display:table-cell; width:247px; height:186px; text-align:center; vertical-align:middle; table-layout:fixed; }
#container div.contents div.innerWrap div.contentCover div.content div.example div.box ul li span img { max-width:247px; max-height:186px; }



#container div.contents div.innerWrap div.contentCover div.content div#product .pd { padding:50px 0 10px; }
#container div.contents div.innerWrap div.contentCover div.content div#product p { padding:5px 0 0; color:#666; }
#container div.contents div.innerWrap div.contentCover div.content div#product div.example div.title p {  background:#fff; text-align:center; margin:30px 280px 0 280px; font-size:18px; color:#0e61b0; font-weight:600; padding:0 0 10px; }
#container div.contents div.innerWrap div.contentCover div.content div#product p.pb { padding-bottom:10px; }
#container div.contents div.innerWrap div.contentCover div.content div#product p.right { text-align:right; }
#container div.contents div.innerWrap div.contentCover div.content div#product p.tit { margin-top:20px; padding:0 0 10px 15px; font-size:18px; font-weight:600; color:#0e61b0; display:block; background:url('/~ftp_hanilfa/images/common/stitBg.png') left 12px no-repeat; }
#container div.contents div.innerWrap div.contentCover div.content div#product div.txt p { text-align:center; font-size:15px; color:#666; padding:10px 0; }
#container div.contents div.innerWrap div.contentCover div.content div#product div.txt p.title { text-align:center; font-size:16px; font-weight:600; color:#0e61b0; padding-top:30px; }
#container div.contents div.innerWrap div.contentCover div.content div#product div.txt p.bTitle { text-align:left; font-size:18px; font-weight:600; color:#333; }
#container div.contents div.innerWrap div.contentCover div.content div#product div > p.noPd { padding:0; }
#container div.contents div.innerWrap div.contentCover div.content div#product div > p.left { text-align:left; }
#container div.contents div.innerWrap div.contentCover div.content div#product div.stit { font-size:18px; color:#0e61b0; display:block; background:url('/~ftp_hanilfa/images/common/stitBg.png') left 12px no-repeat; }
#container div.contents div.innerWrap div.contentCover div.content div#product div.mgin { margin:10px 0; }
#container div.contents div.innerWrap div.contentCover div.content div#product div.box { border:1px solid #c8c8c8; padding:20px; display:inline-block; width:775px; margin:0; }
#container div.contents div.innerWrap div.contentCover div.content div#product div.box { text-align:center;  }
#container div.contents div.innerWrap div.contentCover div.content div#product div.box ul.txt { float:left;  }
#container div.contents div.innerWrap div.contentCover div.content div#product div.box ul.txt li { height:25px; line-height:25px; color:#666; text-align:left; }
#container div.contents div.innerWrap div.contentCover div.content div#product div.box img.right { float:left; }
#container div.contents div.innerWrap div.contentCover div.content div#product div.stxt { text-align:left; line-height:145%;  }

#container div.contents div.innerWrap div.contentCover div.content div#product table { border-top:2px solid #156695; width:100%; margin:0; border-spacing:0px; border-right:1px solid #ddd; }
#container div.contents div.innerWrap div.contentCover div.content div#product table tbody tr th { background:#f5f5f5; border:1px solid #dedede; border-top:none; border-right:none; height:46px; font-size:14px; font-weight:600; }
#container div.contents div.innerWrap div.contentCover div.content div#product table tbody tr td { border-bottom:1px solid #ddd; border-left:1px solid #ddd; height:40px; text-align:center; font-size:14px; }
/*
#container div.contents div.innerWrap div.contentCover div.content div#product table tbody tr th.line { border-left:none; }
#container div.contents div.innerWrap div.contentCover div.content div#product table tbody tr td.line { border-left:none; }
*/
#container div.contents div.innerWrap div.contentCover div.content div#product table tbody tr td.wBg { background:#fff; }
#container div.contents div.innerWrap div.contentCover div.content div#product table tbody tr.listBg { background:#eee; }

#container div.contents div.innerWrap div.contentCover div.content div.tabTitle { border-bottom:1px dotted #3e3f40; }
#container div.contents div.innerWrap div.contentCover div.content div.tabTitle p.title { width:200px; margin-bottom:-1px; font-size:24px; font-weight:600; border-bottom:3px solid #3e3f40; padding:10px 0; }

#container div.contents div.innerWrap div.contentCover div.content div#pageContent p { line-height:23px; padding:10px 0; }
#container div.contents div.innerWrap div.contentCover div.content div#pageContent p.tit { font-weight:600; font-size:16px; }
#container div.contents div.innerWrap div.contentCover div.content div#pageContent p.box { border:1px solid #c8c8c8; padding:20px; background:#f5f5f5; color:#666; }

#container div.contents div.innerWrap div.contentCover div.content div#product ul { display:inline-block; }
#container div.contents div.innerWrap div.contentCover div.content div#product ul li { float:left; }
#container div.contents div.innerWrap div.contentCover div.content div#product ul li.clear { width:600px; line-height:145%; padding-left:15px; }
#container div.contents div.innerWrap div.contentCover div.content div#product ul li.coating { width:600px; line-height:200%; padding-left:15px; color:#666; }
#container div.contents div.innerWrap div.contentCover div.content div#product ul li.coatingTitle { padding:20px 0 10px 15px; font-size:18px; font-weight:600; color:#0e61b0; }
#container div.contents div.innerWrap div.contentCover div.content div#product ul li.img { width:200px; }
#container div.contents div.innerWrap div.contentCover div.content div#product ul li.board { width:615px; }





/* 제품 상세 
#container div.contents div.innerWrap div.contentCover div.content div#product div.tabTitle { border-bottom:1px dotted #3e3f40; }
#container div.contents div.innerWrap div.contentCover div.content div#product div.tabTitle p.title { width:200px; margin-bottom:-1px; font-size:24px; font-weight:600; border-bottom:3px solid #3e3f40; padding:10px 0; }
#container div.contents div.innerWrap div.contentCover div.content div#product p { font-size:14px; color:#0e61b0; padding:10px 0; }
#container div.contents div.innerWrap div.contentCover div.content div#product div.box { border:1px solid #c8c8c8; padding:20px; margin-top:10px; text-align:center; }
#container div.contents div.innerWrap div.contentCover div.content div#product div.align { text-align:left; background:url('/~ftp_hanilfa/images/common/ss2.jpg') center right 30px no-repeat; }
#container div.contents div.innerWrap div.contentCover div.content div#product div.align p span { display:block; }
#container div.contents div.innerWrap div.contentCover div.content div#product table { margin-top:30px; border-top:2px solid #156695; width:100%; }
#container div.contents div.innerWrap div.contentCover div.content div#product table tbody tr th { background:#f5f5f5; border:1px solid #dedede; border-top:none; border-right:none; height:46px; font-size:14px; font-weight:600; }
#container div.contents div.innerWrap div.contentCover div.content div#product table tbody tr td { border-bottom:1px solid #ddd; border-left:1px solid #ddd; height:40px; text-align:center; font-size:14px; }
#container div.contents div.innerWrap div.contentCover div.content div#product table tbody tr th.line { border-left:none; }
#container div.contents div.innerWrap div.contentCover div.content div#product table tbody tr td.line { border-left:none; }
/*
#container div.contents div.innerWrap div.contentCover div.content div.content p { font-size:14px; color:#0e61b0; padding:10px 0; }
#container div.contents div.innerWrap div.contentCover div.content div.content div.box { border:1px solid #c8c8c8; padding:20px; margin-top:20px; text-align:center; }
#container div.contents div.innerWrap div.contentCover div.content div.content div.align { text-align:left; background:url('/~ftp_hanilfa/images/common/ss2.jpg') center right 30px no-repeat; }
#container div.contents div.innerWrap div.contentCover div.content div.content div.align p span { display:block; }
#container div.contents div.innerWrap div.contentCover div.content div.content table { margin-top:30px; border-top:2px solid #156695; width:100%; }
#container div.contents div.innerWrap div.contentCover div.content div.content table tbody tr th { background:#f5f5f5; border:1px solid #dedede; border-top:none; border-right:none; height:46px; font-size:14px; font-weight:600; }
#container div.contents div.innerWrap div.contentCover div.content div.content table tbody tr td { border-bottom:1px solid #ddd; border-left:1px solid #ddd; height:40px; text-align:center; font-size:14px; }
#container div.contents div.innerWrap div.contentCover div.content div.content table tbody tr th.line { border-left:none; }
#container div.contents div.innerWrap div.contentCover div.content div.content table tbody tr td.line { border-left:none; }
*/





#container div.contents div.innerWrap div.pageContent { padding-top:65px; }


/* 인사말 */
#container div.contents div.innerWrap div.pageContent div.intro { background:url('/~ftp_hanilfa/images/common/introImg.jpg') right bottom no-repeat; }
#container div.contents div.innerWrap div.pageContent div.intro p { color:#999; }
#container div.contents div.innerWrap div.pageContent div.intro p.name { font-size:32px; font-weight:600; color:#000; }
#container div.contents div.innerWrap div.pageContent div.intro p.stxt { font-size:22px; font-weight:600; color:#333; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd; }
#container div.contents div.innerWrap div.pageContent div.intro p.txt { font-size:16px; font-weight:400; color:#666; margin-bottom:15px; padding-bottom:15px; }
#container div.contents div.innerWrap div.pageContent div.intro p.txtName { font-size:18px; font-weight:600; color:#666; margin-bottom:10px; padding-bottom:10px; }
#container div.contents div.innerWrap div.pageContent div.intro p.ptop { padding-top:20px; }
#container div.contents div.innerWrap div.pageContent div.intro p.mgt { margin-top:70px; }
#container div.contents div.innerWrap div.pageContent div.intro p.emphasis { width:280px; font-size:24px; font-weight:600; color:#747f89; padding:30px 0; border-bottom:3px solid #0e61b0; }
#container div.contents div.innerWrap div.pageContent div.intro p.emphasis span { font-size:48px; font-weight:600; color:#0e61b0; }





/* 연혁 */

#container div.contents div.innerWrap div.pageContent div.history { width:100%; display:inline-block; background:url('/~ftp_hanilfa/images/common/historyTitleBg.png') top no-repeat; }
#container div.contents div.innerWrap div.pageContent div.history ul {  }
#container div.contents div.innerWrap div.pageContent div.history ul li { float:left; padding-left:40px; }
#container div.contents div.innerWrap div.pageContent div.history ul li.tit { font-size:53px; color:#fff; line-height:90px; }
#container div.contents div.innerWrap div.pageContent div.history ul li.stxt { font-size:20px; color:#b1bcda; padding:25px 0 0 90px;  }
#container div.contents div.innerWrap div.pageContent div.history ul li.img { width:165px;height:169px; background:url('/~ftp_hanilfa/images/common/historyTitleImg.png') top right no-repeat; }

#container div.contents div.innerWrap div.pageContent div.history ul.historyList { float:left; margin-top:30px; }
#container div.contents div.innerWrap div.pageContent div.history ul.historyList li.front { float:left; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #c8c8c8; }
#container div.contents div.innerWrap div.pageContent div.history ul.historyList li.front span.year { float:left; display:block; width:200px; height:45px; font-size:48px; font-weight:600; color:#333; letter-spacing:-1px; }
#container div.contents div.innerWrap div.pageContent div.history ul.historyList li.front ul { float:left; padding-left:30px; width:525px; margin-top:10px; }
#container div.contents div.innerWrap div.pageContent div.history ul.historyList li.front ul li { float:left; padding:0 0 0 10px; height:30px; line-height:30px; margin:5px 0; }
#container div.contents div.innerWrap div.pageContent div.history ul.historyList li.front ul li.pdTop { padding-top:10px; }
#container div.contents div.innerWrap div.pageContent div.history ul.historyList li.front ul li.noLine { border:none; }
#container div.contents div.innerWrap div.pageContent div.history ul.historyList li.front ul li.bg { background:#f7f7f7; }
#container div.contents div.innerWrap div.pageContent div.history ul.historyList li.front ul li span.month { float:left; width:80px; font-size:16px; font-weight:600; color:#333; clear:both; }
#container div.contents div.innerWrap div.pageContent div.history ul.historyList li.front ul li span.content { float:left; width:400px; font-size:14px; font-weight:200; color:#999; line-height:30px; background:url('/images/intro/dot.png') no-repeat 0 7px; padding-left:10px; }





/* 조직도 */
#container div.contents div.innerWrap div.pageContent div.organization { text-align:center; }





/* 인증서 */
#container div.contents div.innerWrap div.pageContent div.certifi { }
#container div.contents div.innerWrap div.pageContent div.certifi ul.certifiList { }
#container div.contents div.innerWrap div.pageContent div.certifi ul.certifiList li { float:left; width:255px; height:309px; background:url('/~ftp_hanilfa/images/common/certifiBg.png') no-repeat; margin-left:25px; margin-bottom:25px; cursor:pointer; }
#container div.contents div.innerWrap div.pageContent div.certifi ul.certifiList li.front  { margin-left:0px; }
#container div.contents div.innerWrap div.pageContent div.certifi ul.certifiList li.img span.thumb { display:block; margin-top:41px; height:230px; background-repeat:no-repeat; background-position:center; background-size:contain; overflow:hidden; text-indent:-1000em; }

/* 인증서 */
#container div.contents div.innerWrap div.pageContent div.certifi { }
#container div.contents div.innerWrap div.pageContent div.certifi ul.d932List { }
#container div.contents div.innerWrap div.pageContent div.certifi ul.d932List li { float:left; width:255px; height:309px; background:url('/~ftp_hanilfa/images/common/certifiBg.png') no-repeat; margin-left:25px; margin-bottom:25px; }
#container div.contents div.innerWrap div.pageContent div.certifi ul.d932List li.frontCnt3  { margin-left:0px; }
#container div.contents div.innerWrap div.pageContent div.certifi ul.d932List li span.thumb { display:block; margin:30px 27px 29px 28px; height:250px; background-repeat:no-repeat; background-position:center; overflow:hidden; text-indent:-1000em; }
#container div.contents div.innerWrap div.pageContent div.certifi ul.d932List li a.subject { display:none; }



/* 견적문의 */
#container div#subInquiry { }
#container div#subInquiry div.agreement { padding:10px 0px; height:170px; border:3px solid #ccc; background:#fff; overflow-y:scroll; }
#container div#subInquiry div.agreement div.innerCover { padding:0 30px 0 10px; height:100%; line-height:140%; }
#container div#subInquiry div.agreementZone div.checkCover { height:22px; padding:5px; background:#666; text-align:right; padding-right:7px; }
#container div#subInquiry div.agreementZone div.checkCover input { vertical-align:middle; }
#container div#subInquiry div.agreementZone div.checkCover label { color:#fff; vertical-align:top; font-size:12px; line-height:18px; }
#container div#subInquiry table.write { margin:0px 0 10px; width:100%; }
#container div#subInquiry table.write thead tr th { font-size:14px; color:#fff; background:#0181bd; height:33px; padding-top:7px; text-align:left; padding-left:21px; }
#container div#subInquiry table.write tbody tr th { font-size:14px; border-bottom:1px solid #dbdbdb; text-align:center; color:#333; background:#fafafa; }
#container div#subInquiry table.write tbody tr th.required { background:#9da8c0; color:#fff; }
#container div#subInquiry table.write tbody tr th.spamRequired { }
#container div#subInquiry table.write tbody tr td { padding:8px 7px; border-bottom:1px solid #dbdbdb; }
#container div#subInquiry table.write tbody tr td .description { font-size:14px; display:block; margin-top:5px; color:#333; }
#container div#subInquiry table.write tbody tr td input { width:182px; border:1px solid #ccc; padding:5px 5px 4px; }
#container div#subInquiry table.write tbody tr td input.title { width:670px; }
#container div#subInquiry table.write tbody tr td span.username { font-size:14px; color:#333; }
#container div#subInquiry table.write tbody tr td input.name { width:80px; }
#container div#subInquiry table.write tbody tr td input#postCode { width:50px; }
#container div#subInquiry table.write tbody tr td input#address,
#container div#subInquiry table.write tbody tr td input#detailAddress { width:250px; }
#container div#subInquiry table.write tbody tr td input.corpName { width:250px; }
#container div#subInquiry table.write tbody tr td input.phone { width:125px; }
#container div#subInquiry table.write tbody tr td input.mobile { width:125px; }
#container div#subInquiry table.write tbody tr td input.fax { width:125px; }
#container div#subInquiry table.write tbody tr td input.email { width:250px; }
#container div#subInquiry table.write tbody tr td input.addr { margin:2px 0; width:670px; }
#container div#subInquiry table.write tbody tr td input.subject { width:670px; }
#container div#subInquiry table.write tbody tr td input.postCode { width:100px; }
#container div#subInquiry table.write tbody tr td button.findAddr { height:28px; padding:0 8px; background:#666; color:#fff; margin-left:5px; }
#container div#subInquiry table.write tbody tr td button.findAddr span { color:#FFF; }
#container div#subInquiry table.write tbody tr td span.postCode { display:block; }
#container div#subInquiry table.write tbody tr td input.file { width:250px; height:30px; line-height:30px; padding:0px; }
#container div#subInquiry table.write tbody tr td input.delete { margin-left:5px; padding:0px; border:none; }
#container div#subInquiry table.write tbody tr td input.radio { border:none; width:auto; height:31px; padding:0px; }
#container div#subInquiry table.write tbody tr td textarea { width:670px; height:230px; padding:5px; border:1px solid #ccc; }
#container div#subInquiry table.write tbody tr td.addr div { margin-top:8px; }
#container div#subInquiry table.write tbody tr td.addr div.front { margin-top:0px; }
#container div#subInquiry table.write tbody tr td.addr div button { height:24px; padding:0 8px; background:#666; color:#fff; }
#container div#subInquiry table.write tbody tr td.spamValue { }
#container div#subInquiry table.write tbody tr td.spamValue img { vertical-align:middle; }
#container div#subInquiry table.write tbody tr td.spamValue span#spamValue { display:inline-block; padding:0 10px; font-weight:600; height:24px; line-height:24px; vertical-align:top; background:url('/~ftp_hanilfa/images/common/spamBg.png') no-repeat; cursor:pointer; }
#container div#subInquiry table.write tbody tr td input#spamInput { width:80px;; }
#container div#subInquiry table.write tbody tr td span.spamDesc { font-size:14px; display:inline-block; color:#f60029; *zoom:1; margin-top:5px; }
#container div#subInquiry div.control { margin-top:30px; text-align:center; }
#container div#subInquiry div.control button { width:95px; height:38px; line-height:38px; font-size:14px; font-weight:600; border:1px solid #c2c2c2; background:#f6f6f6; }
#container div#subInquiry div.control button span { color:inherit; }
#container div#subInquiry div.control button.submit { margin-right:5px; color:#fff; background:#4164b1; }
#container div#subInquiry div.control button.cancel { }





/* 게시판 공통 */
#container div.contents div.innerWrap div.pageContent div.boPage { padding:20px 0; }
#container div.contents div.innerWrap div.pageContent div.boPage table { margin:0px auto; table-layout:auto; }
#container div.contents div.innerWrap div.pageContent div.boPage table tbody tr { text-align:center; }
#container div.contents div.innerWrap div.pageContent div.boPage table tbody tr td { }
#container div.contents div.innerWrap div.pageContent div.boPage table tbody tr td a { display:block; margin-left:15px; text-align:center; }
#container div.contents div.innerWrap div.pageContent div.boPage table tbody tr td a.first { background:none; margin-left:0px; }
#container div.contents div.innerWrap div.pageContent div.boPage table tbody tr td a.on { color:#fe0000; font-weight:600; }
#container div.contents div.innerWrap div.pageContent div.boPage table tbody tr td.devNowPage a { color:#fe0000; font-weight:600; }
#container div.contents div.innerWrap div.pageContent div.boPage table tbody tr td a:hover { }
#container div.contents div.innerWrap div.pageContent div.boPage table tbody tr td a.on:hover { }
#container div.contents div.innerWrap div.pageContent div.boPage table tbody tr th a { display:block; width:22px; height:21px; color:#666; line-height:21px; overflow:hidden; text-indent:-1000em; }
#container div.contents div.innerWrap div.pageContent div.boPage table tbody tr th a.first { display:none; }
#container div.contents div.innerWrap div.pageContent div.boPage table tbody tr th a.prev { background:url('/~ftp_hanilfa/images/common/bbsPagePrev.png') center no-repeat #efefef; margin-right:7px; }
#container div.contents div.innerWrap div.pageContent div.boPage table tbody tr th a.next { background:url('/~ftp_hanilfa/images/common/bbsPageNext.png') center no-repeat #efefef; margin-left:7px; }
#container div.contents div.innerWrap div.pageContent div.boPage table tbody tr th a.last { display:none; }

#container div.contents div.innerWrap div.pageContent div.boPage table.devPage tr td { padding:0 5px; }
#container div.contents div.innerWrap div.pageContent div.boPage table.devPage tr td a { display:block; width:22px; height:21px; color:#666; line-height:21px; overflow:hidden; text-indent:-1000em; }
#container div.contents div.innerWrap div.pageContent div.boPage table.devPage tr td.devListPage a { margin-left:0px; text-align:center; width:auto; color:auto; overflow:normal; text-indent:0px; }
#container div.contents div.innerWrap div.pageContent div.boPage table.devPage tr td.devNowPage a { color:#fe0000; font-weight:600; }
#container div.contents div.innerWrap div.pageContent div.boPage table.devPage tr td.devFirstPage { display:none; }
#container div.contents div.innerWrap div.pageContent div.boPage table.devPage tr td.devLastPage { display:none; }
#container div.contents div.innerWrap div.pageContent div.boPage table.devPage tr td.devPrevPage a { background:url('/~ftp_hanilfa/images/common/bbsPagePrev.png') center no-repeat #efefef; margin-right:7px; }
#container div.contents div.innerWrap div.pageContent div.boPage table.devPage tr td.devNextPage a { background:url('/~ftp_hanilfa/images/common/bbsPageNext.png') center no-repeat #efefef; margin-left:7px; }


#container div.contents div.innerWrap div.pageContent div.bbs_btnL { float:left; margin-top:30px; }
#container div.contents div.innerWrap div.pageContent div.bbs_btnL button.bbs_btn { width:95px; height:38px; line-height:38px; font-size:14px; font-weight:600; border:1px solid #c2c2c2; background:#f6f6f6; }
#container div.contents div.innerWrap div.pageContent div.bbs_btnL button.bbs_btn_Red { margin-right:5px; color:#fff; background:#d22b2b; }
#container div.contents div.innerWrap div.pageContent div.bbs_btn { float:right; margin-top:30px; }
#container div.contents div.innerWrap div.pageContent div.bbs_btn button.bbs_btn { width:95px; height:38px; line-height:38px; font-size:14px; font-weight:600; border:1px solid #c2c2c2; background:#f6f6f6; }
#container div.contents div.innerWrap div.pageContent div.bbs_btn button.bbs_btn_blue { margin-right:5px; color:#fff; background:#4164b1; }

#container div.contents div.innerWrap div.pageContent div.bo_search { text-align:center; height:40px; margin-top:43px; padding-top:13px; background:#f9f9f9; border:1px solid #ddd; }
#container div.contents div.innerWrap div.pageContent div.bo_search select { width:80px; height:28px; font-size:14px; border:1px solid #ccc; }
#container div.contents div.innerWrap div.pageContent div.bo_search div.keyCover { display:inline-block; width:228px; background:#fff; border:1px solid #ccc; }
#container div.contents div.innerWrap div.pageContent div.bo_search div.keyCover input.searchKey { background:none; border:none; width:182px; height:26px; padding:0 5px; line-height:26px; font-size:14px; vertical-align:top; }
#container div.contents div.innerWrap div.pageContent div.bo_search div.keyCover input.searchKey:-moz-placeholder { color:#666; }
#container div.contents div.innerWrap div.pageContent div.bo_search div.keyCover input.searchKey:-ms-input-placeholder { color:#666; }
#container div.contents div.innerWrap div.pageContent div.bo_search div.keyCover input.searchKey::-moz-placeholder { color:#666; }
#container div.contents div.innerWrap div.pageContent div.bo_search div.keyCover input.searchKey::-webkit-input-placeholder { color:#666; }
#container div.contents div.innerWrap div.pageContent div.bo_search div.keyCover button.searchBtn { width:31px; height:26px; line-height:24px; overflow:hidden; text-indent:-1000px; vertical-align:top; border:none; background:url('/~ftp_hanilfa/images/common/btnSearchGray.png') center no-repeat;}

#container div.contents div.innerWrap div.pageContent div#bbs_prev_or_next { padding-top:50px; }
#container div.contents div.innerWrap div.pageContent div#bbs_prev_or_next table { width:100%; border-top:1px solid #dfdfdf; }
#container div.contents div.innerWrap div.pageContent div#bbs_prev_or_next table tbody tr th { font-size:14px; padding-left:15px; font-weight:600; border-bottom:1px solid #dfdfdf; text-align:left; }
#container div.contents div.innerWrap div.pageContent div#bbs_prev_or_next table tbody tr th.bbs_prev { background:#f8f8f8; /*background:url('/~ftp_koreaweld/images/common/bbsPrevArrow.png') 5px center no-repeat;*/ }
#container div.contents div.innerWrap div.pageContent div#bbs_prev_or_next table tbody tr th.bbs_next {  background:#f8f8f8; /*background:url('/~ftp_koreaweld/images/common/bbsNextArrow.png') 5px center no-repeat;*/ }
#container div.contents div.innerWrap div.pageContent div#bbs_prev_or_next table tbody tr td { padding:10px; line-height:30px; font-size:14px; border-bottom:1px solid #dfdfdf; line-height:140%; background:#f8f8f8; color:#999; }
#container div.contents div.innerWrap div.pageContent div#bbs_prev_or_next table tbody tr td a { display:block; line-height:140%; color:#999; }
#container div.contents div.innerWrap div.pageContent div#bbs_prev_or_next table tbody tr td a:hover { text-decoration:underline; }





/* 자료실 */
#container div.contents div.innerWrap div.pageContent div.data #bbs_list { width:100%; clear:both; table-layout:fixed; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list thead th { padding:12px 5px 10px; border-top:2px solid #4164b1; border-bottom:1px solid #ddd; border-left:none; font-size:14px; font-weight:600; color:#333; background:#fafafa; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list thead th.bbs_count_title { border-right:none; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list td { height:21px; padding:11px 5px; border-bottom:1px solid #e5e5e5; text-align:center; color:#666; font-size:14px; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list td.empty { padding:15px 15px 12px; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list td.bbs_num { }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list td.bbs_num nobr { color:#666; font-size:12px; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list td.bbs_subj { padding:0; text-align:left; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list td.bbs_subj img.bbs_secret { float:left; padding-top:14px; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list td.bbs_subj a { display:inline-block; padding:10px; float:left; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list td.bbs_subj a nobr { color:#333; display:block; float:left; overflow:hidden; text-overflow:ellipsis; min-width:373px; max-width:373px; .min-width:328px; .max-width:328px; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list td.bbs_subj a:hover nobr { text-decoration:underline; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list td.bbs_subj span.cmtCount { display:inline-block; padding:17px 0 14px; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list td.bbs_date { color:#999;  }

#container div.contents div.innerWrap div.pageContent div.data #bbs_list td.file { text-align:left; padding-left:20px; font-size:12px; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list td.file a { color:#999; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list td.file img { vertical-align:bottom; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list td.bbs_cont { text-align:left; padding:50px 0 50px 20px; }

#container div.contents div.innerWrap div.pageContent div.data #bbs_list thead th.subTitle { text-align:left; padding-left:20px; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list thead th.subName { font-size:12px; color:#999; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list thead th.subDate { font-size:12px; color:#999; }
#container div.contents div.innerWrap div.pageContent div.data #bbs_list thead th.subCount { font-size:12px; color:#999; }





/* 갤러리 */
#container div.contents div.innerWrap div.pageContent div.photo #bbs_gal { display:inline-block; }
#container div.contents div.innerWrap div.pageContent div.photo #bbs_gal li { float:left; width:190px; margin:0 0 25px 13px; }
#container div.contents div.innerWrap div.pageContent div.photo #bbs_gal li span.thumb { display:block; width:190px; height:140px; background-repeat:no-repeat; background-position:center; background-size:contain; overflow:hidden; text-indent:-1000em; border:1px solid #d0d0d0; }
#container div.contents div.innerWrap div.pageContent div.photo #bbs_gal li a.subject { display:block; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; font-size:14px; padding-top:10px; color:#333; }

#container div.contents div.innerWrap div.pageContent div.photo ul.d932List { display:inline-block; }
#container div.contents div.innerWrap div.pageContent div.photo ul.d932List li { float:left; width:190px; margin:0 0 25px 13px; }
#container div.contents div.innerWrap div.pageContent div.photo ul.d932List li span.thumb { display:block; width:190px; height:140px; background-repeat:no-repeat; background-position:center; background-size:contain; overflow:hidden; text-indent:-1000em; border:1px solid #d0d0d0; }
#container div.contents div.innerWrap div.pageContent div.photo ul.d932List li a.subject { display:block; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; font-size:14px; padding-top:10px; color:#333; }






/* 동영상 */
#container div.contents div.innerWrap div.pageContent div.vod ul#bbs_gal { display:inline-block; }
#container div.contents div.innerWrap div.pageContent div.vod ul#bbs_gal li { float:left; width:244px; margin:0 0 25px 20px; background:#dddddd; }
#container div.contents div.innerWrap div.pageContent div.vod ul#bbs_gal li span { background:#fff; }
#container div.contents div.innerWrap div.pageContent div.vod ul#bbs_gal li span.thumb { margin:10px 0 0 10px; display:block; width:224px; height:135px; background-repeat:no-repeat; background-position:center; background-size:contain; overflow:hidden; text-indent:-1000em; }
#container div.contents div.innerWrap div.pageContent div.vod ul#bbs_gal li a.subject { padding:20px 10px 30px 10px; display:block; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; font-size:14px; color:#333; }
#container div.contents div.innerWrap div.pageContent div.vod ul#bbs_gal li a img { position:absolute; padding:50px 0 0 95px; }






/* 로그인 폼 */
#container div.contents div.innerWrap div.pageContent div#memLogin { margin-left:30px; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.topBg { background:url('/~ftp_hanilfa/images/common/login_bg.png') left top no-repeat; height:96px; padding:20px 0 0 100px; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.topBg span.title { display:block; font-size:22px; font-weight:600; color:#333; height:30px; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.topBg span.title span.color { font-size:22px; color:#f7941d; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.topBg span.desc { float:left; font-size:12px; color:#777; height:18px; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.title { font-size:22px; font-weight:600; color:#000; color:#333; }

#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox { margin-top:10px; height:240px; padding:5px; background:url('/~ftp_hanilfa/images/common/loginBox.png') left top no-repeat; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.ad { float:left; width:302px; height:284px; padding-right:4px; border-right:1px dotted #bbb; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.ad a { }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.ad table { width:302px; height:284px; table-layout:fixed; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.ad table tbody tr td { width:100%; height:100%; text-align:center; vertical-align:middle; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.ad table tbody tr td img { width:302px; height:284px; vertical-align:top; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover { float:left; padding-left:34px; background:url('/~ftp_hanilfa/images/common/loginBoxIcon.png') 30px 30px no-repeat; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover div.title { margin:30px 0 0 100px; font-size:18px; font-weight:600; color:#fff; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover div.title span { font-size:12px; font-weight:600; color:#eee; }

#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover form { }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover form ul { float:left; margin-left:100px; padding:16px 0 8px 0; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover form ul li { margin-bottom:5px;}
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover form ul li label { line-height:27px; vertical-align:middle; font-size:14px; font-weight:600; display:block; float:left; width:79px; color:#fff; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover form ul li input { float:left; width:178px; padding:6px 5px; border:1px solid #ccc; background:#fff; font-size:12px; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover form div.control { float:left; padding:16px 0 0 5px; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover form div.control button { padding-bottom:20px; width:85px; height:81px; color:#fff; font-size:14px; font-weight:600; background:url('/~ftp_hanilfa/images/common/btnBg.png') no-repeat; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover form div.login { float:left; margin-top:30px; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover form div.login ul { height:30px; padding:0; margin:0; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover form div.login ul li a { background:url('/~ftp_hanilfa/images/common/loginIcon.png') left 5px no-repeat; padding-left:10px; margin-left:20px; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover form div.login ul li a.find { font-size:12px; color:#fff; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.loginBox div.formCover form div.login ul li a.join { font-size:12px; color:#fff; }

#container div.contents div.innerWrap div.pageContent div#memLogin div.findBox { margin-top:10px; height:240px; padding:5px; background:url('/~ftp_hanilfa/images/common/loginBox2.png') left top no-repeat; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.findBox div.find { float:left; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.findBox div.find div.title { margin:30px 0 0 30px; font-size:18px; font-weight:600; color:#fff; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.findBox div.find form { }
#container div.contents div.innerWrap div.pageContent div#memLogin div.findBox div.find form ul { float:left; margin-left:30px; padding:16px 0 8px 0; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.findBox div.find form ul li { margin-bottom:5px;}
#container div.contents div.innerWrap div.pageContent div#memLogin div.findBox div.find form ul li label { line-height:27px; vertical-align:middle; font-size:14px; font-weight:600; display:block; float:left; width:79px; color:#fff; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.findBox div.find form ul li input { float:left; width:160px; padding:6px 5px; border:1px solid #ccc; background:#fff; font-size:12px; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.findBox div.find form div.control { float:left; padding:16px 0 0 5px; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.findBox div.find form div.control button { padding-bottom:20px; width:85px; height:81px; color:#fff; font-size:14px; font-weight:600; background:url('/~ftp_hanilfa/images/common/btnBg.png') no-repeat; }


#container div.contents div.innerWrap div.pageContent div#memLogin div.resultBox { width:614px; height:228px; background:url('/~ftp_hanilfa/images/common/findBpx.png') left top no-repeat; position:fixed; left:50%; top:50%; margin:-130px 0 0 -257px; z-index:100; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.resultBox div.header { width:500px; margin:15px auto 0; text-align:center; border:none; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.resultBox div.header div.title { display:inline-block; color:#fff; padding:15px 0 25px 0; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.resultBox div.cont { text-align:center; font-size:14px; padding:20px 0; width:500px; margin:0 auto; line-height:140%; background:#fff; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.resultBox div.cont span { font-size:16px; text-decoration:underline; line-height:140%; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.resultBox div.control { margin:0 8px; padding-top:20px; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.resultBox div.control a { display:block; height:30px; font-weight:600; text-align:center; line-height:30px; float:left; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.resultBox div.control a.goLogin { width:130px; color:#fff; background:#269ea2; margin-left:124px; padding:5px; }
#container div.contents div.innerWrap div.pageContent div#memLogin div.resultBox div.control a.close { width:99px; background:#999; margin-left:3px; padding:5px; color:#fff; }




/* 회원가입 */
#container div.contents div.innerWrap div.pageContent div#joinAgree div.findBox { margin-top:10px; height:240px; padding:5px; background:#eee; }
#container div.contents div.innerWrap div.pageContent div#joinAgree div.findBox div.find { float:left; }
#container div.contents div.innerWrap div.pageContent div#joinAgree div.findBox div.find div.title { margin:30px 0 0 30px; font-size:18px; font-weight:600; color:#fff; }


#container div.contents div.innerWrap div.pageContent div#joinAgree { }
#container div.contents div.innerWrap div.pageContent div#joinAgree form { }
#container div.contents div.innerWrap div.pageContent div#joinAgree div.agreeBox { margin-bottom:50px; }
#container div.contents div.innerWrap div.pageContent div#joinAgree div.agreeBox div.title { font-size:22px; font-weight:600; color:#000; color:#333; padding-bottom:10px; }
#container div.contents div.innerWrap div.pageContent div#joinAgree div.agreeBox div.contentBox { height:244px; border:1px solid #d1d1d1; padding:20px; overflow-y:scroll; background:#f5f5f5; }
#container div.contents div.innerWrap div.pageContent div#joinAgree div.agreeBox div.contentBox * { }
#container div.contents div.innerWrap div.pageContent div#joinAgree div.agreeBox div.checkBox { text-align:left; padding-top:8px; }
#container div.contents div.innerWrap div.pageContent div#joinAgree div.agreeBox div.checkBox input { }
#container div.contents div.innerWrap div.pageContent div#joinAgree div.agreeBox div.checkBox label { font-size:12px; color:#666; }
#container div.contents div.innerWrap div.pageContent div#joinAgree div.control { text-align:center; padding-bottom:30px; }
#container div.contents div.innerWrap div.pageContent div#joinAgree div.control button { height:35px; font-weight:600; font-size:14px; }
#container div.contents div.innerWrap div.pageContent div#joinAgree div.control button.join { width:100px; line-height:35px; color:#fff; background:#269ea2; }
#container div.contents div.innerWrap div.pageContent div#joinAgree div.control button.cancel { width:100px; color:#fff;  background:#999; }




#container div.contents div.innerWrap div.pageContent div.memWrite div.required { padding-bottom:6px; }
#container div.contents div.innerWrap div.pageContent div.memWrite div.required div { float:right; }
#container div.contents div.innerWrap div.pageContent div.memWrite div.required div span { display:block; float:left; font-size:14px; }
#container div.contents div.innerWrap div.pageContent div.memWrite div.required div span.text { padding-left:17px; margin-left:3px; /*background:url('/~ftp_koreaweld/images/common/iconRequired.png') left center no-repeat; */}


#container div.contents div.innerWrap div.pageContent div#joinForm table.memWrite { margin:0; border-top:2px solid #156695; width:100%; }
#container div.contents div.innerWrap div.pageContent div#joinForm table.memWrite tbody tr th { border:1px solid #dedede; border-left:none; text-align:left; padding-left:30px; background:#f5f5f5; border-top:none; border-right:none; height:46px; font-size:14px; font-weight:600; }
#container div.contents div.innerWrap div.pageContent div#joinForm table.memWrite tbody tr th span { color:#4164b1; }
#container div.contents div.innerWrap div.pageContent div#joinForm table.memWrite tbody tr td { text-align:left; padding-left:20px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; height:40px; font-size:14px; }
#container div.contents div.innerWrap div.pageContent div#joinForm table.memWrite tbody tr td div.front button { border:1px solid #999;  background:#eee; height:22px; padding:0 10px; }
#container div.contents div.innerWrap div.pageContent div#joinForm table tbody tr th.line { border-left:none; }
#container div.contents div.innerWrap div.pageContent div#joinForm table tbody tr td.line { border-left:none; }


#container div.contents div.innerWrap div.pageContent div.memWrite div.control { text-align:center; margin:40px 0; }
#container div.contents div.innerWrap div.pageContent div.memWrite div.control button { height:35px; font-weight:600; font-size:14px; }
#container div.contents div.innerWrap div.pageContent div.memWrite div.control button.ok { width:100px; line-height:35px; color:#fff; background:#269ea2; }
#container div.contents div.innerWrap div.pageContent div.memWrite div.control button.cancel { width:100px; color:#fff;  background:#999; }


#container div.contents div.innerWrap div.pageContent div#memberOk div.box { border:1px solid #ddd; background:#eee; font-size:30px; padding:50px 80; }
#container div.contents div.innerWrap div.pageContent div#memberOk div.box span { font-size:30px; font-weight:600; color:#4164b1; }
#container div.contents div.innerWrap div.pageContent div#memberOk div.box div.sBox { border:1px solid #ccc; background:#fff; padding:50px; font-size:14px; text-align:left; line-height:160%; }
#container div.contents div.innerWrap div.pageContent div#memberOk div.control button { margin-top:20px; height:35px; font-weight:600; font-size:14px; }
#container div.contents div.innerWrap div.pageContent div#memberOk div.control button.home { width:100px; line-height:35px; color:#fff; background:#269ea2; }



/* 팝업 */
div#gsPopup { width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:995; }
div#gsPopup div.background { width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:996; background-color:#000; filter:alpha(opacity=50); opacity:0.5; }
div#gsPopup div.contents { position:absolute; z-index:997; }
div#gsPopup div.contents div.control { position:fixed; width:100px; height:100px; z-index:998; top:0px; right:0px; border:0px; }
div#gsPopup div.contents div.control button { width:100px; height:100px; background:url('/~ftp_hanilfa/images/common/btnClose4Layer.png') no-repeat center; border:0px; }
div#gsPopup div.contents div.control button span { display:none; }
div#gsPopup div.contents div.content { border:20px solid #FFF; background:#fff; position:absolute; z-index:997; font-size:0px; line-height:0px; }
div#gsPopup div.contents div.content img { filter:alpha(opacity=10); opacity:0.1; cursor:pointer; }