/* Global */
html {  }
body { margin:0 auto; }
div , form , select , textarea , img , input { margin:0 auto; padding:0; }
img { border:0px; vertical-align:middle; }
input, select { vertical-align:middle; }
ul, li { list-style:none; }

.btn_type1 { padding:8px 12px 8px 12px; margin:0 2px 0 2px; color:#fff; font-weight:bold; line-height:; border:1px solid #9e4300; border-radius:3px; background:#ff6c00; cursor:pointer; }
a.btn_type1:hover { text-decoration:none; }



#wrapper { min-width:1080px; max-width:100%; height:100%; text-align:center; }

/* main page layout */
#wrapper #mainHeaderWrap { width:100%; height:100px; }
#wrapper #mainHeaderWrap #mainHeader { width:1080px; height:100px; }
#wrapper #mainHeaderWrap #mainHeader #langWrap { width:1080px; height:30px; }
#wrapper #mainHeaderWrap #mainHeader #langWrap #lang { float:right; width:55px; height:12px; margin-top:18px; font-family:Arial, Helvetica, sans-serif; color:#999; }
.lang, a.lang:link, a.lang:visited, a.lang:active{ color:#999; text-decoration:none; }
a.lang:hover { color:#ff6c00; text-decoration:none; }
#wrapper #mainHeaderWrap #mainHeader #menubar { width:1080px; height:100px; }
#wrapper #mainHeaderWrap #mainHeader #menubar #ci { float:left; width:243px; height:50px; margin-top:25px; }
#wrapper #mainHeaderWrap #mainHeader #menubar #gnb { float:right; width:700px; height:20px; margin-top:40px; text-align:right; }
#wrapper #mainHeaderWrap #mainHeader #menubar #gnb li { float:right; font-size:1.6em; font-weight:bold; margin-left:50px; color:#000; }
.gnb, a.gnb:link, a.gnb:visited, a.gnb:active{ color:#000; text-decoration:none; }
a.gnb:hover { color:#ff3000; text-decoration:underline; }

#wrapper #mainVisualWrap { width:100%; height:450px; background:url(../images/main/mainVisual.png) center no-repeat #fff; }
#wrapper #mainVisualWrap #rollingWrap { width:1080px; height:450px; text-align:left; }
#wrapper #mainVisualWrap #rollingWrap #rolling { float:left; width:330px; height:330px; margin-top:60px; margin-left:60px; z-index:99; }

#wrapper #mainConWrap { width:100%; height:390px; background:#000; }
#wrapper #mainConWrap #mainCon { width:1080px; height:390px; background:url(../images/main/con01_bg.png) no-repeat; }
#wrapper #mainConWrap #mainCon #txt { float:left; width:100%; height:33px; margin-top:80px; background:url(../images/main/con01_txt01.png) center no-repeat; }
#wrapper #mainConWrap #mainCon #pro { float:left; width:130px; height:190px; margin-top:140px; font-weight:bold; font-size:1.5em; line-height:26px; }
 
#wrapper #mainConWrap #mainCon #customer { float:left; margin-left:56px; width:244px; height:190px; margin-top:140px; line-height:26px; text-align:left; }
#wrapper #mainConWrap #mainCon #customer #email { float:left; width:244px; color:#888; font-size:2.0em; margin-top:35px; }
#wrapper #mainConWrap #mainCon #customer #emailadd { float:left; width:244px; color:#fff; font-size:2.0em; margin-top:5px; }
#wrapper #mainConWrap #mainCon #customer #tel { float:left; width:244px; color:#888; font-size:2.0em; margin-top:30px; }
#wrapper #mainConWrap #mainCon #customer #telnum { float:left; width:244px; color:#fff; font-size:2.9em; font-weight:900; margin-top:10px; }
/* End------- main page layout */


/* sub page layout */
#wrapper #headerWrap { width:100%; height:100px; }
#wrapper #headerWrap #header { width:1080px; height:100px; }
#wrapper #headerWrap #header #langWrap { width:1080px; height:30px; }
#wrapper #headerWrap #header #langWrap #lang { float:right; width:55px; height:12px; margin-top:18px; font-family:Arial, Helvetica, sans-serif; color:#999; }
#wrapper #headerWrap #header #menubar { width:1080px; height:100px; }
#wrapper #headerWrap #header #menubar #ci { float:left; width:180px; height:52px; margin-top:24px; }
#wrapper #headerWrap #header #menubar #gnb { float:right; width:700px; height:20px; margin-top:40px; text-align:right; }
#wrapper #headerWrap #header #menubar #gnb li { float:right; font-size:1.6em; font-weight:bold; margin-left:50px; color:#fff; }

#wrapper #subVisualWrap { width:100%; height:250px; background:url(../images/sub/subVisual.png) center no-repeat #fff; }

#wrapper #sbmenuWrap { display:block; width:100%; background:#000; }
#wrapper #sbmenuWrap #sbmenu { display:inline-block; width:1080px; }

#wrapper #conWrap { width:100%; padding-bottom:75px; border-bottom:1px solid #eee; }
#wrapper #conWrap #con { width:1080px; }
#wrapper #conWrap #con #title { text-align:left; margin-top:50px; }
#wrapper #conWrap #con #title #navi { float:right; line-height:44px; }
#wrapper #conWrap #con #contents { text-align:left; margin-top:50px; }

#wrapper #conWrap #QmenuWrapper #sbwrapper #product { width:100%; height:240px; margin-top:10px; }
#wrapper #conWrap #QmenuWrapper #sbwrapper #product li { float:left; width:160px; height:60px; }
#wrapper #conWrap #QmenuWrapper #sbwrapper #product a { !important; float:left; overflow:hidden; }
#wrapper #conWrap #QmenuWrapper #sbwrapper #product a:hover { border:5px solid #3477bc; width:150px; height:50px; }
#wrapper #conWrap #QmenuWrapper #sbwrapper #product a:hover img { margin:-5px;}

/* End-------- sub page layout */

/* Board class */
.board_first { margin-top:20px; display:inline-block; padding:5px 10px 5px 10px; margin:4px; font-size:1.0em; font-weight:bold; background:#fff; border:1px solid #fff; border-radius:3px; }
.board_prev { margin-top:20px; display:inline-block; padding:5px 10px 5px 10px; margin-right:10px; font-size:1.0em; font-weight:bold; background:#fff; border:1px solid #fff; border-radius:3px; }
.board_next { margin-top:20px; display:inline-block; padding:5px 10px 5px 10px; margin-left:10px; font-size:1.0em; font-weight:bold; background:#fff; border:1px solid #fff; border-radius:3px; }
.board_last { margin-top:20px; display:inline-block; padding:5px 10px 5px 10px; margin:4px; font-size:1.0em; font-weight:bold; background:#fff; border:1px solid #fff; border-radius:3px; }
.board_on { margin-top:20px; display:inline-block; padding:5px 10px 5px 10px; margin:2px; font-size:1.2em; font-weight:bold; background:#5e97cf; border:1px solid #3477bc; border-radius:3px; color:#fff; }
a.board_arrow:link, a.board_arrow:visited, a.board_arrow:active { margin-top:20px; display:inline-block; padding:5px 10px 5px 10px; margin:4px; font-size:1.0em; font-weight:bold; background:#fff; border:1px solid #fff; border-radius:3px; }
a.board_arrow:hover { text-decoration:none; margin-top:20px; display:inline-block; padding:5px 10px 5px 10px; margin:4px; font-size:1.0em; font-weight:bold; background:#f9f9f9; border:1px solid #ccc; border-radius:3px; }
a.board_off:link, a.board_off:visited, a.board_off:active  { margin-top:20px; display:inline-block; padding:5px 10px 5px 10px; margin:2px; font-size:1.0em; background:#fff; border:1px solid #fff; border-radius:3px; }
a.board_off:hover  { text-decoration:none; margin-top:20px; display:inline-block; padding:5px 10px 5px 10px; margin:2px; font-size:1.0em; font-weight:bold; background:#fff; border:1px solid #bbb; border-radius:3px; }

a.btn_type1:link, a.btn_type1:visited, a.btn_type1:active { padding:8px 12px 8px 12px; margin:0 2px 0 2px; color:#fff; font-weight:bold; border:1px solid #204972; border-radius:3px; background:#3477bc; cursor:pointer; }
a.btn_type1:hover { text-decoration:none; padding:8px 12px 8px 12px; margin:0 2px 0 2px; color:#fff; font-weight:bold; border:1px solid #0d457e; border-radius:3px; background:#2565a7; cursor:pointer; }
a.btn_type2:link, a.btn_type2:visited, a.btn_type2:active { padding:8px 12px 8px 12px; margin:0 2px 0 2px; color:#444; font-weight:bold; border:1px solid #ccc; border-radius:3px; background:#f9f9f9; cursor:pointer; }
a.btn_type2:hover { text-decoration:none; padding:8px 12px 8px 12px; margin:0 2px 0 2px; color:#444; font-weight:bold; border:1px solid #bbb; border-radius:3px; background:#f1f1f1; cursor:pointer; }


#paging { float:inherit; position:relative;	width:710px; padding-top:30px;	padding-bottom:30px; text-align:center;	font-size:14px;	letter-spacing:5; }

/* footer */
#wrapper #footer { width:100%; text-align:center; }

#wrapper #footer #sitemapWrap { width:100%; height:310px; background:#f6f6f6; border-bottom:1px solid #eee; }
#wrapper #footer #sitemapWrap #sitemap { width:1080px; height:310px; }
#wrapper #footer #sitemapWrap #sitemap #menu { float:left; width:180px; margin-top:50px; line-height:30px; text-align:left; }
#wrapper #footer #sitemapWrap #sitemap #menu li { font-size:1.3em; }
#wrapper #footer #sitemapWrap #sitemap #menu #tit { font-size:1.4em; font-weight:bold; }
a.mapTxt:link, a.mapTxt:visited, a.mapTxt:active { color:#000; }
a.mapTxt:hover { color:#ff3000; }

#wrapper #footer #addWrap { width:100%; height:220px; }
#wrapper #footer #addWrap #add { width:1080px; height:220px; text-align:left; }
#wrapper #footer #addWrap #add #ci { float:left; width:243px; height:; margin-top:60px; }
#wrapper #footer #addWrap #add #txt { float:left; width:; height:; margin-top:62px; margin-left:50px; }
#wrapper #footer #addWrap #add #txt #tit { width:100%; }
#wrapper #footer #addWrap #add #txt #tit li { float:left; font-size:1.2em; font-weight:bold; margin-right:30px; }
a.addTxt:link, a.addTxt:visited, a.addTxt:active { color:#000; }
a.addTxt:hover { color:#2c61c1; }
#wrapper #footer #addWrap #add #txt #address { width:100%; margin-top:36px; }
#wrapper #footer #addWrap #add #txt #address li { margin-top:9px; }
.dsblue { color:#395f6d; }
.dsblue2 { color:#29718c; }
.btn01 { border:1px solid #1d4ca2; padding:10px 30px 10px 30px; background:#395f6d; color:#fff; font-size:14px; font-weight:bold; cursor:pointer; }