@charset"utf-8";
body {  }



/*#header { position:fixed; top:0; left:0; width:100%; z-index:9999}*/
.ttop { background:#f6f6f6; border-bottom:1px solid #e2e2e2 }
.ttop .inner { width:990px; margin:0 auto; position:relative; height:40px }
.ttop .siteMenu { position:absolute; top:0; right:0; line-height:40px; height:40px }
.ttop .siteMenu a { color:#a7a7a7; font-size:10px; font-weight:bold; margin-left:15px }
.ttop .siteMenu a:hover { color:#608bc2 }

.head { border-bottom:6px solid #608bc2 }
.head .inner { width:990px; margin:0 auto; height:80px; position:relative }
.head h1 { position:absolute; top:15px; left:0 }
.gnbMenu { float:right }
.menu { overflow:hidden }
.menu li { float:left; text-align:center }
.menu li a { display:inline-block; font-size:16px; font-weight:bold; color:#333; line-height:80px; padding:0 40px }
.menu li a:hover { color:#608bc2 }
.menu li.active a { background:#608bc2; color:#fff }


#container {  }
#footer { padding-top:60px; background:#efefef; border-top:1px solid #c0c0c0; padding:20px 0 }
#footer .inner { width:990px; margin:0 auto; background:url(/IMG000/logo_f.png) no-repeat left center; min-height:54px }
#footer address, #footer p { font-style:normal; color:#999; margin-left:320px }
#footer p { margin-top:8px }
#footer p span { margin:0 10px; color:#bbb }
#footer address strong { color:#666 }
.mContent { padding-bottom:60px }


/* mSlider */
#mSlider { height:420px; position:relative }
#mSlider .headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:420px; position:absolute }

/* mSlider TEXT 
#mSlidertxt { width:1000px; margin:0 auto; clear:both; position:relative; top:160px }
#mSlidertxt #firstline { background-image:url("/IMG000/textbg.png"); color:#333; font-size:40px; line-height:50px; padding:0 10px; float:left; display:block; }
#mSlidertxt #secondline { background-image:url("/IMG000/textbg.png"); color:#CD2B3A; text-decoration:none; font-size:60px; line-height:100px; padding:0 10px; float:left; display:block; clear:both; }
#mSlidertxt #secondline:hover { text-decoration:underline; color:#7F000C; }

#mSlider .pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; float:left; display:block; clear:both; margin-top:10px; }
#mSlider .pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
#mSlider .pictured a:hover { text-decoration:underline; }
*/

/* CONTROLS */
#mSlider .btn { height:50px; width:50px; display:inline-block; cursor:pointer; text-align:center; line-height:50px; font-size:20px; font-family:dotum; "돋움"; font-weight:bold; background:#000; opacity:0.4; filter:alpha(opacity=40); color:#fff }
#mSlider .btn:hover { background:#f26a6a; opacity:1; filter:alpha(opacity=100) }
#mSlider #back { position:absolute; top:40%; left:20px; z-index:10 }
#mSlider #next { position:absolute; top:40%; right:20px; z-index:10 }
#mSlider #control { display:none }

.icBanner { background:#e2e6ed; padding:40px 0 }
.icBanner .inner { width:990px; margin:0 auto }
.icBanner .inner .bnSingle { width:170px; float:left; position:relative; min-height:100px; padding-right:110px }
.icBanner .inner .bnSingle img { position:absolute; right:0; bottom:0 }
.icBanner .inner .bnSingle h2 { color:#333; font-size:19px }
.icBanner .inner .bnSingle p { margin:10px 0 }
.icBanner .inner .bnSingle a { display:inline-block; font-family:dotum, "돋움"; letter-spacing:-1px; font-size:11px; font-weight:bold; color:#fff; height:22px; line-height:25px; padding:0 8px; background:#8b97a6 }
.icBanner .inner .bnSingle a:hover { background:#608bc2 }

.latestPdt { width:990px; margin:0 auto; position:relative; margin-top:40px }
.latestPdt h2 { color:#333; font-size:19px }
.latestPdt ul { width:3000px }
.latestPdt li { width:315px; height:210px; float:left; background:#000; text-align:center; line-height:210px; margin-right:22px; position:relative }
.latestPdt li a { display:block }
.latestPdt li a span { display:none; position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; text-align:center; line-height:210px; font-weight:bold }
.latestPdt li a img { width:315px; height:210px }
.latestPdt li a:hover img { opacity:0.7; filter:alpha(opacity=70) }
.latestPdt li a:hover span { display:block }
.latestPdt .pdtControl { position:absolute; top:0; right:0 }
.latestPdt .pdtControl a { opacity:0.4; filter:alpha(opacity=40); display:inline-block; height:28px }
.latestPdt .pdtControl a:hover { opacity:1; filter:alpha(opacity=100) }
.latestPdt .bd { margin-top:24px; height:210px; width:990px; overfloat:hidden }

.subTopVisual { background:url(/IMG000/sub_visual.jpg) no-repeat center top; height:100px }
.subWrap { width:990px; margin:0 auto; position:relative; overflow:hidden; background:url(/IMG000/dd_bg.gif) repeat-y 225px top; padding-bottom:60px; min-height:680px }
.side { float:left; width:185px; margin-top:40px }
.side img { vertical-align:middle; margin-right:10px }
.subContent { float:right; width:730px; margin:27px 0 0 0; padding-left:75px; position:relative }
.subContent h1.pageTitle { border-bottom:1px solid #e2e2e2; line-height:60px; font-size:22px; color:#333; margin-bottom:30px }
.subContent h1.pageTitle span { display:inline-block; border-top:3px solid #608bc2 }
.subContent .pageLocation { position:absolute; top:26px; right:0 }
.subContent .pageLocation span { font-family:gulim, "굴림"; color:#ccc; padding:0 3px 0 10px }

.sideMenu p { color:#333; font-size:20px; border-bottom:2px solid #608bc2; padding-bottom:10px }
.sideMenu li { border-bottom:1px solid #e2e2e2; height:40px; line-height:40px }
.sideMenu li a { display:block; height:40px; line-height:40px; font-size:14px; color:#333; text-indent:15px; font-weight:bold }
.sideMenu li a:hover, .sideMenu li.active a { color:#608bc2; background:url(/IMG000/ic_arrow.gif) no-repeat 165px center }

.csInfo { margin-top:30px }
.csInfo p { background:#608bc2; color:#fff; font-weight:bold; font-size:14px; padding:6px 15px }
.csInfo ul { border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2 }
.csInfo li { border-bottom:1px solid #e2e2e2; height:40px; line-height:40px; text-indent:15px; color:#333 }
.csInfo li strong { font-size:16px; font-weight:normal }

/* tab */
.tabContainer { width:730px; background:url(/IMG000/tab.gif) repeat-x left 36px; overflow:hidden }
.tabContainer li { float:left; margin-right:2px; background:#fff }
.tabContainer li a { display:block ! important; padding:0 30px; height:36px; line-height:36px; background:#e2e2e2; border:1px solid #e2e2e2; border-bottom:0px none;  }
.webwidget_scroller_tab .tabBody { position:relative }
.webwidget_scroller_tab .tabBody ul { width:1500px; position:absolute }
.webwidget_scroller_tab .tabBody ul li { float:left; padding-top:20px; width:730px }
.webwidget_scroller_tab .tabHead li a { font-weight:bold; font-size:14px }
.webwidget_scroller_tab .tabContainer li.currentBtn a { height:36px; background:#fff }
.naver { position:relative }
.naver a { display:none; position:absolute; top:200px; left:160px; background:#000; color:#fff; font-weight:bold; font-size:12px; opacity:0.7; filter:alpha(opacity=70); height:30px; line-height:28px; padding:0 15px }
.naver:hover a { display:block }

.galleryList h2 { color:#333; font-weight:normal; font-size:16px; background:url(/IMG000/bullet_type_sq_1.png) no-repeat left center; text-indent:24px }
.galleryList ul { overflow:hidden }
.galleryList li { width:350px; float:left; margin:30px 30px 0 0 }
.galleryList li.mgNone { margin-right:0 }
.galleryList li .image { height:230px; background:#000; text-align:center; line-height:150px; border:1px solid #e2e2e2; position:relative }
.galleryList li .image:hover img { opacity:0.8; filter:alpha(opacity=80) }
.galleryList li .image span { display:none; position:absolute; top:0; left:0; text-align:center; width:100%; height:100%; line-height:230px; color:#fff; font-weight:bold }
.galleryList li .image:hover span { display:block }
.galleryList li .image img { width:100%; height:100% }
.galleryList li .spec { text-align:center; margin-top:8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:13px }
.galleryList li a { color:#333 }
.galleryList li a:hover { color:#608bc2 }

.itemList h2 { color:#333; font-weight:normal; font-size:16px; background:url(/IMG000/bullet_type_sq_1.png) no-repeat left center; text-indent:24px }
.itemList ul { overflow:hidden }
.itemList li { width:222px; float:left; margin:30px 30px 0 0 }
.itemList li.mgNone { margin-right:0 }
.itemList li .image { height:150px; background:#000; text-align:center; line-height:150px; border:1px solid #e2e2e2; position:relative }
.itemList li .image:hover img { opacity:0.8; filter:alpha(opacity=80) }
.itemList li .image span { display:none; position:absolute; top:0; left:0; text-align:center; width:100%; height:100%; line-height:150px; color:#fff; font-weight:bold }
.itemList li .image:hover span { display:block }
.itemList li .image img { width:100%; height:100% }
.itemList li .spec { text-align:center; margin-top:8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:13px }
.itemList li a { color:#333 }
.itemList li a:hover { color:#608bc2 }

.pagenation { text-align:center; margin-top:20px }
.pagenation a, .pagenation strong { display:inline-block; line-height:30px; padding:0 8px; font-size:14px }
.pagenation img { vertical-align:-4px }
.pagenation a.controller { padding:0 }
.pagenation strong { color:#c72828 }

.itemView { position:relative }
.itemView .sns { position:absolute; top:0; right:0 }
.itemView h1 { font-weight:normal; font-size:18px; line-height:24px; color:#333; border-bottom:1px solid #e2e2e2; padding:0 60px 30px 0 }
.itemView .imageDetail { border-bottom:1px solid #e2e2e2; text-align:center; padding:20px 0 }
.itemView .imageDetail img { max-width:100%; height:auto }
.itemView h2 { color:#608bc2; margin-top:16px; border-bottom:1px solid #e2e2e2; padding-bottom:16px }
.itemView  .summary { padding:30px 0; border-bottom:1px solid #e2e2e2 }

.btnSet { margin-top:20px }
.btnSet a { display:inline-block; font-weight:bold; color:#fff; height:34px; line-height:34px; padding:0 20px; background:#8b97a6 }
.btnSet a:hover { background:#608bc2 }

.cpInfo { border-top:1px solid #608bc2 }
.cpInfo dl { position:relative; padding:10px 0; border-bottom:1px solid #e2e2e2 }
.cpInfo dt { position:absolute; top:10px; left:0; color:#333; font-weight:bold; width:60px; text-align:center; border-right:1px solid #e2e2e2 }
.cpInfo dd { margin-left:80px }

.hh_m1s2 .text { margin:30px 0; font-size:13px; line-height:24px }
.hh_m1s2 .text strong { color:#333 }
.hh_m1s2 .sign { margin-top:100px; text-align:right }