@charset "euc-kr";

#mbg { background:url(../images/mbg.gif) repeat-x }
#wrap { position:relative; width:100%; margin:0 auto }
#header { position:relative; width:1000px; height:109px; margin:0 auto; z-index:1000 }
#header h1 { z-index:10; position:absolute; left:0; top:22px; width:170px; height:43px }
#gbn { position:absolute; right:0; top:11px }
#gbn ul { overflow:hidden; width:100px; height:18px }
#gbn ul li { float:left }
#gnb { z-index:2; position:absolute; display:block; width:514px; height:40px; top:38px; left:486px; font-size:12px}
#gnb li { z-index:2; position:absolute; top:0px }
#gnb li#mNavi01 { left:0px }
#gnb li#mNavi02 { left:113px }
#gnb li#mNavi03 { left:227px }
#gnb li#mNavi04 { left:341px }
#gnb li#mNavi05 { left:440px }
#gnb li ul { position:absolute; visibility:hidden; background:#9b9287; top:44px; left:0px; padding:0 10px; }
#gnb li ul li { position:static; display: inline; float:left; font-size:12px }
#gnb li ul li a { padding:12px 10px; display:block; text-decoration:none; color:#ebe9e7 }
#gnb li ul li a:link { color:#fff }
#gnb li#mNavi01 ul { width: 230px;}
#gnb li#mNavi02 ul { width: 570px; left:-164px }
#gnb li#mNavi03 ul { width: 260px; left:-5px }
#gnb li#mNavi04 ul { width: 160px; left:-5px }
#gnb li#mNavi05 ul { width: 95px; left:-25px}
#gnb li#mNavi01 ul li.sNavi01 A:hover, gnb li#mNavi01 ul li.sNavi01 A:active, #gnb li#mNavi01 ul li.sNavi01 A:focus, #gnb li#mNavi01 ul li.sNavi01 A.hover,
#gnb li#mNavi01 ul li.sNavi02 A:hover, gnb li#mNavi01 ul li.sNavi02 A:active, #gnb li#mNavi01 ul li.sNavi02 A:focus, #gnb li#mNavi01 ul li.sNavi02 A.hover,
#gnb li#mNavi01 ul li.sNavi03 A:hover, gnb li#mNavi01 ul li.sNavi03 A:active, #gnb li#mNavi01 ul li.sNavi03 A:focus, #gnb li#mNavi01 ul li.sNavi03 A.hover,
#gnb li#mNavi01 ul li.sNavi04 A:hover, gnb li#mNavi01 ul li.sNavi04 A:active, #gnb li#mNavi01 ul li.sNavi04 A:focus, #gnb li#mNavi01 ul li.sNavi04 A.hover,
#gnb li#mNavi01 ul li.sNavi05 A:hover, gnb li#mNavi01 ul li.sNavi05 A:active, #gnb li#mNavi01 ul li.sNavi05 A:focus, #gnb li#mNavi01 ul li.sNavi05 A.hover,
#gnb li#mNavi02 ul li.sNavi01 A:hover, gnb li#mNavi02 ul li.sNavi01 A:active, #gnb li#mNavi02 ul li.sNavi01 A:focus, #gnb li#mNavi02 ul li.sNavi01 A.hover,
#gnb li#mNavi02 ul li.sNavi02 A:hover, gnb li#mNavi02 ul li.sNavi02 A:active, #gnb li#mNavi02 ul li.sNavi02 A:focus, #gnb li#mNavi02 ul li.sNavi02 A.hover,
#gnb li#mNavi02 ul li.sNavi03 A:hover, gnb li#mNavi02 ul li.sNavi03 A:active, #gnb li#mNavi02 ul li.sNavi03 A:focus, #gnb li#mNavi02 ul li.sNavi03 A.hover,
#gnb li#mNavi02 ul li.sNavi04 A:hover, gnb li#mNavi02 ul li.sNavi04 A:active, #gnb li#mNavi02 ul li.sNavi04 A:focus, #gnb li#mNavi02 ul li.sNavi04 A.hover,
#gnb li#mNavi02 ul li.sNavi05 A:hover, gnb li#mNavi02 ul li.sNavi05 A:active, #gnb li#mNavi02 ul li.sNavi05 A:focus, #gnb li#mNavi02 ul li.sNavi05 A.hover,
#gnb li#mNavi02 ul li.sNavi06 A:hover, gnb li#mNavi02 ul li.sNavi06 A:active, #gnb li#mNavi02 ul li.sNavi06 A:focus, #gnb li#mNavi02 ul li.sNavi06 A.hover,
#gnb li#mNavi02 ul li.sNavi07 A:hover, gnb li#mNavi02 ul li.sNavi07 A:active, #gnb li#mNavi02 ul li.sNavi07 A:focus, #gnb li#mNavi02 ul li.sNavi07 A.hover,
#gnb li#mNavi02 ul li.sNavi08 A:hover, gnb li#mNavi02 ul li.sNavi08 A:active, #gnb li#mNavi02 ul li.sNavi08 A:focus, #gnb li#mNavi02 ul li.sNavi08 A.hover,
#gnb li#mNavi02 ul li.sNavi09 A:hover, gnb li#mNavi02 ul li.sNavi09 A:active, #gnb li#mNavi02 ul li.sNavi09 A:focus, #gnb li#mNavi02 ul li.sNavi09 A.hover,
#gnb li#mNavi02 ul li.sNavi10 A:hover, gnb li#mNavi02 ul li.sNavi10 A:active, #gnb li#mNavi02 ul li.sNavi10 A:focus, #gnb li#mNavi02 ul li.sNavi10 A.hover,
#gnb li#mNavi03 ul li.sNavi01 A:hover, gnb li#mNavi03 ul li.sNavi01 A:active, #gnb li#mNavi03 ul li.sNavi01 A:focus, #gnb li#mNavi03 ul li.sNavi01 A.hover,
#gnb li#mNavi04 ul li.sNavi01 A:hover, gnb li#mNavi04 ul li.sNavi01 A:active, #gnb li#mNavi04 ul li.sNavi01 A:focus, #gnb li#mNavi04 ul li.sNavi01 A.hover,
#gnb li#mNavi05 ul li.sNavi01 A:hover, gnb li#mNavi05 ul li.sNavi01 A:active, #gnb li#mNavi05 ul li.sNavi01 A:focus, #gnb li#mNavi05 ul li.sNavi01 A.hover,
#gnb li#mNavi05 ul li.sNavi02 A:hover, gnb li#mNavi05 ul li.sNavi02 A:active, #gnb li#mNavi05 ul li.sNavi02 A:focus, #gnb li#mNavi05 ul li.sNavi02 A.hover,
#gnb li#mNavi05 ul li.sNavi03 A:hover, gnb li#mNavi05 ul li.sNavi03 A:active, #gnb li#mNavi05 ul li.sNavi03 A:focus, #gnb li#mNavi05 ul li.sNavi03 A.hover,
#gnb li#mNavi05 ul li.sNavi04 A:hover, gnb li#mNavi05 ul li.sNavi04 A:active, #gnb li#mNavi05 ul li.sNavi04 A:focus, #gnb li#mNavi05 ul li.sNavi04 A.hover {
	color:#fff
}

#sub1 #svisual { position:relative; background:url(../images/svisual1.jpg) no-repeat center 0 #f1f1f1; width:100%; height:150px; overflow:hidden }
#sub2 #svisual { position:relative; background:url(../images/svisual2.jpg) no-repeat center 0 #f1f1f1; width:100%; height:150px; overflow:hidden }
#sub3 #svisual { position:relative; background:url(../images/svisual3.jpg) no-repeat center 0 #f1f1f1; width:100%; height:150px; overflow:hidden }
#sub4 #svisual { position:relative; background:url(../images/svisual4.jpg) no-repeat center 0 #f1f1f1; width:100%; height:150px; overflow:hidden }
#sub5 #svisual { position:relative; background:url(../images/svisual5.jpg) no-repeat center 0 #f1f1f1; width:100%; height:150px; overflow:hidden }
#sub1 #svisual .sv_inner, 
#sub2 #svisual .sv_inner, 
#sub3 #svisual .sv_inner, 
#sub4 #svisual .sv_inner, 
#sub5 #svisual .sv_inner { position:relative; width:1000px; height:150px; margin:0 auto }
#sub1 #svisual .sv_inner .scopy,
#sub2 #svisual .sv_inner .scopy,
#sub3 #svisual .sv_inner .scopy,
#sub4 #svisual .sv_inner .scopy,
#sub5 #svisual .sv_inner .scopy { position:absolute; left:0; top:68px }

#mcontainer { position:relative; margin:0 auto; width:1000px; height:800px; background:url() no-repeat left 549px }
#mvisual { position:relative; width:1000px; height:420px }
#feature_list { width:1000px; height:420px; overflow:hidden; position: relative; }
#feature_list ul { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; }
ul#tabs { left:461px; top:388px; z-index:2; width:84px; height:23px }
ul#tabs li { margin:0 5px 0 0; float:left; width:23px; height:23px; background:url(../images/btn_off.png) no-repeat }
ul#tabs li img {  }
ul#tabs li a { display: block; width:23px; height:23px }
ul#tabs li a:hover { text-decoration:underline; }
ul#tabs li a.current { background:url(../images/btn_on.png) no-repeat}
ul#tabs li a.current:hover { text-decoration: none; cursor: default; }
ul#output { left:0; top:0; width:980px; height: 450px; position: relative; }
ul#output li { position: absolute; width: 980px; height: 450px; }
.mp_cate { position:absolute; left:0; top:420px; width:1000px; height:129px }
.mp_cate ul { margin-left:21px }
.mp_cate ul li { float:left; border-right:1px solid #605c56; width:119px; height:129px; text-align:center }
.mp_cate ul li a { display:block; padding-top:100px; padding-bottom:16px; color:#ba8d58; text-decoration:none }
.mp_cate ul li a:hover { color:#fff; text-decoration:none }
.mp_cate ul li.mpc1 { background:url(../images/mp_cate1.jpg) no-repeat }
.mp_cate ul li.mpc2 { background:url(../images/mp_cate2.jpg) no-repeat }
.mp_cate ul li.mpc3 { background:url(../images/mp_cate3.jpg) no-repeat }
.mp_cate ul li.mpc4 { background:url(../images/mp_cate4.jpg) no-repeat }
.mp_cate ul li.mpc5 { background:url(../images/mp_cate5.jpg) no-repeat }
.mp_cate ul li.mpc6 { background:url(../images/mp_cate6.jpg) no-repeat }
.mp_cate ul li.mpc7 { background:url(../images/mp_cate7.jpg) no-repeat }
.mp_cate ul li.mpc8 { background:url(../images/mp_cate8.jpg) no-repeat }
.mp_cate .mp_prev { position:absolute; left:0; top:0 }
.mp_cate .mp_next { position:absolute; right:0; top:0 }
.mboard { position:absolute; left:0; top:612px; width:250px; height:97px }
.mboard .tl { position:relative; width:250px; }
.mboard .tl span { position:absolute; right:4px; top:-2px }
.mboard .mb_list { margin-top:20px; width:247px }
.mboard .mb_list li { width:237px; margin-bottom:12px; background:url(../images/mb_bullet.gif) no-repeat 3px center; padding-left:10px }
.mboard .mb_list li a { display:block; color:666; text-decoration:none }
.mboard .mb_list li a:hover { color:111; text-decoration:none  }
.mexp { position:absolute; left:0px; top:589px; width:329px; height:100px }
.mexp .tl { position:absolute; right:0; top:2px; width:185px; }
.mexp .tl span { position:absolute; right:0; top:-2px }
.mexp .me_list { position:absolute; right:0; top:35px; width:185px }
.mexp .me_list li { width:177px; margin-bottom:8px }
.mexp .me_list li a { display:block; color:666; text-decoration:none }
.mexp .me_list li a:hover { color:111; text-decoration:none  }
.mcustomer { position:absolute; left:370px; top:588px; width:249px; height:129px }

.mcatal { position:absolute; left:0; top:782px; width:250px; height:35px }
.mcatal .mc_btn { position:absolute; right:0; top:2px }
.msearch { position:absolute; left:0; top:849px; width:250px; height:99px }

/*.mmov { position:absolute; left:671px; top:569px; width:329px; height:200px; background:#000 }*/
.mmov { position:absolute; left:370px; top:569px; width:329px; height:200px; background:#000 }
.mconsulting { position:absolute; right:37px; top:793px; width:265px; height:21px; padding-top:7px }
.mconsulting .mcon_txt { position:absolute; right:0; top:0 }
.mas { position:absolute; right:37px; top:869px; width:265px; height:21px; padding-top:7px }
.mas .mas_txt { position:absolute; right:0; top:0 }

#popup { position:absolute; left:0; top:10px; width:290px; height:190px }
#popup .pop_cont { position:relative; text-align:right; height:20px }
#popup .pop_cont .sta { position:absolute; right:80px; top:3px; font-family:Verdana; color:#888 }
#popup .pop_cont .sta span { color:#111 }
#popup .pop_cont .cbtn { position:absolute; right:0; }
#popup .pop_cont .cbtn img { margin-left:2px }
#popup .pop_view { margin-top:10px }
#mboard1 { position:absolute; left:330px; top:30px; width:308px; height:170px }
#mboard2 { position:absolute; left:672px; top:30px; width:308px; height:170px }
.mb_wp { position:relative; width:308px; background:url(./images/tab_line.gif) repeat-x; height:170px }
.mb_wp ul li { float:left }
.mb_wp ul li .bd_list { position:absolute; left:0; top:63px; width:308px }
.mb_wp ul li .bd_list ul li { padding-left:15px; background:url(./images/bullet1.gif) no-repeat 8px center; margin-bottom:14px; width:293px }
.mb_wp ul li .bd_list ul li a { display:block; color:#333; text-decoration:none }
.mb_wp ul li .bd_list ul li a:hover { color:#000; text-decoration:none }
.mb_wp ul li .btn_more { position:absolute; right:0; top:0 }
#banner_wp { position:relative; width:100%; height:96px; border-top:1px solid #e6e6e6 }
#banner_wp #banner { position:relative; width:980px; height:96px; margin:24px auto 0 auto; }
#banner_wp #banner .bn_list { position:absolute; left:0; top:0; width:960px; overflow:hidden }
#banner_wp #banner .bn_list ul li { float:left; margin-right:10px }
#banner_wp #banner .bn_cont { position:absolute; right:0; top:0; width:17px; height:48px }

#footer { width:100%; background:url(../images/footer_bg.gif) repeat-x }
#footer #f_inner { position:relative; margin:0 auto; width:1000px; height:220px }
#footer .copyr { margin:0 auto; width:1000px; height:60px; padding-top:28px; font-size:11px; color:#777; font-family:Verdana }
#footer #f_inner .f_logo { position:absolute; left:0; top:51px }
#footer #f_inner .f_info { position:absolute; left:200px; top:51px; width:200; color:#fff }
#footer #f_inner .f_contact { position:absolute; left:450px; top:51px; width:270; color:#fff }
#footer #f_inner .f_contact2 { position:absolute; left:750px; top:51px; width:270; color:#fff }
#footer #f_inner .f_info .fi_tl, #footer #f_inner .f_contact2 .fc_tl, #footer #f_inner .f_contact .fc_tl { font-family:Arial; font-size:15px; font-weight:400 }
#footer #f_inner .f_info .fi_txt, #footer #f_inner .f_contact2 .fc_txt, #footer #f_inner .f_contact .fc_txt { margin-top:18px; line-height:1.9 }
#footer #f_inner .f_info .fi_txt span, #footer #f_inner .f_contact2 .fc_txt span, #footer #f_inner .f_contact .fc_txt span { margin-left:0px }
#footer #f_inner .f_service { position:absolute; left:550px; top:51px; width:200; color:#fff }
#footer #f_inner .f_service .fs_tl { font-family:Arial; font-size:15px; font-weight:400 }
#footer #f_inner .f_service .fs_list { margin-top:18px; line-height:1.9}
#footer #f_inner .f_service .fs_list li { background:url(../images/f_bullet.gif) no-repeat left center; padding-left:10px; color:#fff }
#footer #f_inner .f_service .fs_list li a { display:block; color:#fff; text-decoration:none }
#footer #f_inner .f_service .fs_list li a:hover { color:#fff; text-decoration:none }

#container { position:relative; width:1000px; margin:40px auto 80px auto; background:url(../images/ctn_line.gif) repeat-y;  overflow:hidden; /*font-family:dotum*/}
#left { margin:0 50px 0 0; width:200px; float:left; display:inline }
#left h2 { height:47px; width:170px }
ul#lnb { width:170px; border-bottom:1px solid #938a7e; padding:15px 0 }
ul#lnb li { }
ul#lnb li a { padding:13px 0 13px 22px; display: block; color:#454545; font-size:1.3em; border-color:#7e705e; border-style:none none none none; border-width:0 }
ul#lnb li a:link { padding:13px 0 13px 22px; display: block; color:#454545; font-size:1.3em; border-color:#7e705e; border-style:none none none none; border-width:0 }
ul#lnb li a:visited { padding:13px 0 13px 22px; display: block; color:#454545; font-size:1.3em; border-color:#7e705e; border-style:none none none none; border-width:0 }
ul#lnb li a:hover { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li a:focus { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li a:active { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li a.hover { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li a.hover:link { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li a.hover:visited { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li.pro1 { background:url(../images/l_pro1.jpg) no-repeat right center; }
ul#lnb li.pro2 { background:url(../images/l_pro2.jpg) no-repeat right center; }
ul#lnb li.pro3 { background:url(../images/l_pro3.jpg) no-repeat right center; }
ul#lnb li.pro4 { background:url(../images/l_pro4.jpg) no-repeat right center; }
ul#lnb li.pro5 { background:url(../images/l_pro5.jpg) no-repeat right center; }
ul#lnb li.pro6 { background:url(../images/l_pro6.jpg) no-repeat right center; }
ul#lnb li.pro7 { background:url(../images/l_pro7.jpg) no-repeat right center; }
ul#lnb li.pro8 { background:url(../images/l_pro8.jpg) no-repeat right center; }
ul#lnb li.pro9 { background:url(../images/l_pro9.jpg) no-repeat right center }
ul#lnb li.pro a { padding:22px 0 22px 22px; display: block; color:#454545; font-size:1.3em; border-color:#e5e5e5; border-style:none none solid none; border-width:1px }
ul#lnb li.pro a:link { padding:22px 0 22px 22px; display: block; color:#454545; font-size:1.3em; border-color:#e5e5e5; border-style:none none solid none; border-width:1px }
ul#lnb li.pro a:visited { padding:22px 0 22px 22px; display: block; color:#454545; font-size:1.3em; border-color:#e5e5e5; border-style:none none solid none; border-width:1px }
ul#lnb li.pro a:hover { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li.pro a:focus { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li.pro a:active { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li.pro a.hover { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li.pro a.hover:link { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li.pro a.hover:visited { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li.pro_nobt a { padding:22px 0 22px 22px; display: block; color:#454545; font-size:1.3em; border-color:#e5e5e5; border-style:none none none none; border-width:1px }
ul#lnb li.pro_nobt a:link { padding:22px 0 22px 22px; display: block; color:#454545; font-size:1.3em; border-color:#e5e5e5; border-style:none none none none; border-width:1px }
ul#lnb li.pro_nobt a:visited { padding:22px 0 22px 22px; display: block; color:#454545; font-size:1.3em; border-color:#e5e5e5; border-style:none none none none; border-width:1px }
ul#lnb li.pro_nobt a:hover { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li.pro_nobt a:focus { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li.pro_nobt a:active { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li.pro_nobt a.hover { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li.pro_nobt a.hover:link { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
ul#lnb li.pro_nobt a.hover:visited { background:url(../images/bullet_lnb.gif) no-repeat left center; color:#938a7e; font-size:1.3em; text-decoration: none }
.left_common { position:relative; margin:31px 0 0; width:170px }
.left_common .lc1 { position:relative; overflow:hidden; padding-bottom:29px; border-bottom:1px solid #e5e5e5 }
.left_common .lc2 { position:relative; overflow:hidden; padding:20px 0; border-bottom:1px solid #e5e5e5 }
.left_common .lc3 { position:relative; overflow:hidden; padding:20px }
#right { margin:0; width:750px; float: left }
#path { position:relative; height:15px ;  float: right ; }
#path span.pt { margin-left:9px; padding-left:9px; background:url(../images/arrow.gif) no-repeat left center; color:#666 }
#ctn_tl { margin-top:42px; width:750px; height:50px; }
#ctn { padding-bottom:30px }
#contents { width:750px; margin-top:45px }

/* table */
table{ border:0; border-spacing:0 }
table .br_none{ border-right:none!important}
table .br_left{ border-color:#d3d3d3; border-style:none none solid solid; border-width:0 0 1px 1px!important}
table .bg_none{ background:none!important}

/* 게시??검??*/
.bd_top { position:relative; width:750px; height:26px; z-index:100; margin:30px auto 0 auto }
.bd_top .bd_state { position:absolute; right:0; top:4px; font-family:Verdana; color:#303c45; font-size:11px }
.bd_top .bd_state span { color:#222 }
.bd_top .board_search { position:absolute; left:0; top:0 }
.gallery_top { position:relative; width:750px; height:84px; z-index:100}
.gallery_top .gt_search { position:absolute; right:0; bottom:0 }

/* 게시??list table */
.board_list_wrap { width:750px; margin:30px auto 0 auto; border-color:#938a7e; border-style:solid none none none; border-width:1px 0 0 0}
.table_board { width:100% }
.table_board th { padding:13px 0; border-color:#938a7e; border-style:none none solid none; border-width:1px; color:#69645c }
.table_board td { padding:12px 0; border-color:#e2e5e7; border-style:none none solid none; border-width:0 0 1px 0; text-align:center; color:#555 }
.table_board td.num { font:11px Verdana; color:#555 }
.table_board td.notice { font-weight:bold; color:#555 }
.table_board td.date { font:11px Oxygen; color:#555 }
.table_board td.suj { text-align:left; padding-left:10px }
.table_board td.suj a { color:#444; text-decoration:none; font-size:12px }
.table_board td.suj a:hover { color:#000; font-size:12px }

.gallery_wp { position:relative; width:750px; border-color:#938a7e; border-style:solid none none none; border-width:1px 0 0 0; margin-top:30px; padding:10px 0 }
.gallery_wp .gallery_line { position:relative; width:790px; border-color:#e5e5e5; border-style:none none solid none; border-width:0 0 1px 0; padding:30px 0; overflow:hidden }
.gallery_wp .gallery_line .gallery { float:left; width:160px; margin-right:37px }
.gallery_wp .gallery_line .gallery .gtl { margin-top:15px; text-align:center }
.gallery_wp .gallery_line .gallery .gtl a { display:block; color:666; text-decoration:none }
.gallery_wp .gallery_line .gallery .gtl a:hover { color:222; text-decoration:none }

/* 게시??view */
.bd_view_wp { position:relative; width:750px }
.bd_view_suj { position:relative; padding:18px 20px; border-color:#e5e5e5; border-style:none none none none; border-width:0 0 1px 0; background:#9b9287; color:#fff; font-size:14px; margin-top:30px }
.bd_view_suj span.date { position:absolute; right:20px; top:18px; font-family:Verdana; font-size:10px; color:#fff; font-weight:normal }
.bd_view_write { position:relative; padding:16px 20px; border-color:#e8e8e8; border-style:none none solid none; border-width:0 0 1px 0; color:#888891 }
.bd_view_field { position:relative; padding:10px 15px; border-color:#e5e5e5; border-style:none none solid none; border-width:0 0 1px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#888 }
.bd_view_field span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#555 }
.bd_view_comment { padding:25px 20px; line-height:21px; color:#666; }
.bd_view_comment_reply { padding:25px 11px; line-height:21px; color:#56566a; border-top:1px solid #e8e8e8 }
.gallery_pic_view { text-align:center; }
.gallery_pic_view .pic { margin-bottom:10px }
.reply_tl { position:relative; color:#938a7e; font-weight:bold; font-size:11px; background:url(../images/common/ico/ico_reply_arrow.gif) no-repeat 35px }
.bd_view_file { position:relative; padding:16px 20px; overflow:hidden; width:750px; border-color:#e5e5e5; border-style:solid none solid none; border-width:1px 0 1px 0 }
.bd_view_file .bvf_left { float:left; width:50px; margin:0 20px 0 0; color:#888891; }
.bd_view_file .bvf_right { float:left; width:660px }
.bd_view_file a { color:#222; text-decoration:none; margin-right:14px; background:url(../images/ico_file.gif) no-repeat; font-size:11px; padding-left:20px }
#prev_next_suj { position:relative; width:750px; margin-top:40px; border-top:1px solid #e8e8e8 }
#prev_next_suj .pn_list { padding:14px 0; border-bottom:1px solid #e8e8e8; overflow:hidden }
#prev_next_suj .pn_list .left { float:left; width:50px; margin-right:20px; padding:0 0 0 34px; background:url(../images/ico_prev_bullet.gif) no-repeat 20px center; color:#888891 }
#prev_next_suj .pn_list .left1 { float:left; width:50px; margin-right:20px; padding:0 0 0 34px; background:url(../images/ico_next_bullet.gif) no-repeat 20px center; color:#888891 }
#prev_next_suj .pn_list .right { float:left }
#prev_next_suj .pn_list .right a { color:#555; text-decoration:none }
#prev_next_suj .pn_list .right a:hover { color:#222 }

/* 게시???�기 */
.board_write_wp { margin-top:30px; border-top:2px solid #938a7e; width:750px }
.table_w { width:100% }
.table_w th { padding:8px 15px; color:#333; text-align:left; border-color:#dedede; border-style:none none solid none; border-width:0 0 1px 0; font-weight:normal }
.table_w td { padding:8px 15px; text-align:left; border-color:#dedede; border-style:none none solid none; border-width:0 0 1px 0 }

/* ?�이지 ?�버 */
#paging { clear:both; position:relative; margin:25px auto 0 auto; text-align:center; overflow:hidden; width:760px; }
#paging .frist { display:inline; margin-right:4px }
#paging .pre { display:inline; margin-right:14px }
#paging .num { display:inline-block; background:#none; color:#777; font-weight:normal; font:11px Verdana; text-decoration:none; padding:0 8px; margin:0 }
#paging .pres { display:inline-block; background:#none;  color:#50535f; font-weight:bold; font:11px Verdana; padding:0 8px; margin:0 }
#paging .next { display:inline; margin-left:14px }
#paging .last { display:inline; margin-left:4px }

.slide_wr {position:relative; width:930px; margin:60px auto 0 auto; overflow:hidden }
.slide_wr .big {position:relative; width:930px; height:500px; margin-bottom:10px; }
.slide_wr .big img {position:absolute; display:none;}
.slide_wr ul {position:relative; width:752px;}
.slide_wr ul:after {content:""; display:block; clear:both;}
.slide_wr ul li {margin:0 12px 10px 0; float:left; cursor:pointer;}
.slide_wr ul li {opacity: .5; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.slide_wr ul li.active {opacity: 1; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

/* 버튼 ?�렬 */
.btn_al { position:relative; width:750px; margin-top:30px; text-align:center}
.btn_al1 { position:relative; width:750px; margin-top:30px; text-align:right }
.btn_al img, .btn_al1 img { margin:0 2px }

.greeting { position:relative; width:750px; overflow:hidden }
.greeting .gr_left { float:left; width:260px; margin-right:50px }
.greeting .gr_right { float:left; width:440px; font-size:13px; line-height:2; color:#444; margin-top:-5px}
.history { position:relative; width:750px; overflow:hidden }
.history .his_left { float:left; width:260px; margin-right:50px }
.history .his_right { float:left; width:440px; font-size:13px; line-height:2; color:#444; margin-top:-5px}
.history .his_right .his_list { margin-top:-38px }
.history .his_right .his_list dt { margin-top:46px }
.history .his_right .his_list dd ul { margin-top:20px }
.history .his_right .his_list dd ul li { position:relative; overflow:hidden; width:440px; margin-bottom:6px; line-height:1.6 }
.history .his_right .his_list dd ul li .hisl_left { float:left; width:100px; font-size:13px; font-family:Verdana; color:#222 }
.history .his_right .his_list dd ul li .hisl_right { float:right; width:340px; color:#555 }
.partner { position:relative; width:750px; overflow:hidden }
.partner .part_left { float:left; width:260px; margin-right:50px }
.partner .part_right { float:left; width:440px; font-size:13px; line-height:2; color:#444; margin-top:-5px}
.partner .part_right .part_list { margin-top:0px;  margin-bottom:30px; }
.partner .part_right .part_list .part_tt { margin-top:10px; margin-bottom:24px }
.partner .part_right .part_list .part_logo { float:left; width:240px; }
.partner .part_right .part_list .part_text { float:left; overflow:hidden; width:200px; margin-bottom:30px; line-height:1.6 }
.partner .part_right .part_list .part_text .part_textco { float:left; width:200px; margin-bottom:10px; }
.partner .part_right .part_list dd ul li .partl_left { float:left; width:240px; font-size:13px; color:#222 }
.partner .part_right .part_list dd ul li .partl_right { float:right; width:190px; font-size:11px;  color:#555 }

.guide_box { width:710px; padding:20px; background:#f3f3f3; color:#666; line-height:1.6; margin-top:25px }
.pro_top { position:relative; width:748px; height:45px; border-color:#e5e5e5; border-style:solid; border-width:1px }
.pro_top .pt_sta { position:absolute; left:15px; top:17px }
.pro_top .pt_sta span { background:url(../images/pbullet.gif) no-repeat left center; padding-left:8px; margin-right:20px }
.pro_top .pt_search { position:absolute; right:15px; top:8px; width:275px }
.pro_list_wp { position:relative; width:750px; overflow:hidden; margin-top:10px }
.pro_list_wp .pro_list_line { position:relative; width:780px; margin-top:30px; overflow:hidden }
.pro_list_wp .pro_list_line .pro_list { position:relative; float:left; width:170px; margin-right:23px }
.pro_list_wp .pro_list_line .pro_list .pro_pic { position:relative; width:168px; height:201px; border:1px solid #ddd }
.pro_list_wp .pro_list_line .pro_list .ico1 { position:absolute; left:0; top:169px; z-index:100 }
.pro_list_wp .pro_list_line .pro_list .ico2 { position:absolute; left:34px; top:169px; z-index:100 }
.pro_list_wp .pro_list_line .pro_list .ico3 { position:absolute; left:68px; top:169px; z-index:100 }
.pro_list_wp .pro_list_line .pro_list .ico4 { position:absolute; left:102px; top:169px; z-index:100 }
.pro_list_wp .pro_list_line .pro_list .ico_view { position:absolute; right:0; top:169px; z-index:100 }
.pro_list_wp .pro_list_line .pro_list .pro_suj { margin-top:20px; text-align:center; font-size:13px; color:#666 }
.pro_list_wp .pro_list_line .pro_list .pro_suj a { display:block; color:#666; text-decoration:none; font-size:13px }
.pro_list_wp .pro_list_line .pro_list .pro_suj a:hover { color:#111; text-decoration:none }
.pro_list_wp .pro_list_line .pro_list .pro_code { color:#333; font-size:10px; font-family:Verdana; margin-top:4px; text-align:center }
.pro_pop_wp { position:relative; width:620px; margin:40px auto; overflow:hidden }
.pro_pop_wp .ppw_img { text-align:center; width:620px }
.pro_pop_wp .ppw_tl { margin-top:30px; width:620px; padding-bottom:10px; overflow:hidden; position:relative; border-bottom:1px solid #e6e6e6; font-size:16px; color:#222; font-family:dotum }
.pro_pop_wp .ppw_tl span { margin-left:15px; color:#999; font-family:Verdana; font-size:10px; font-weight:bold }
.pro_pop_wp .ppw_tlist { position:relative; width:620px; margin-top:30px; overflow:hidden }
.pro_pop_wp .ppw_tlist li { width:620px; overflow:hidden; margin-bottom:10px }
.pro_pop_wp .ppw_tlist li p.left_i { float:left; margin-right:20px; width:57px }
.pro_pop_wp .ppw_tlist li p.right_t1 { float:left; width:543px; font-family:Verdana; color:#111; font-size:11px; padding-top:6px }
.pro_pop_wp .ppw_tlist li p.right_t2 { float:left; width:543px; font-family:Verdana; color:#111; font-size:11px; padding-top:1px }
.pro_pop_wp .ppw_tlist li p.right_t2 img { margin-right:5px }
.pro_pop_wp .ppw_tlist li p.right_t3 { float:left; width:543px; color:#666; font-size:12px; font-family:dotum; padding-top:6px }
.map_txt { position:relative; margin-top:40px; height:175px }
.map_txt .mt1 { position:absolute; left:0; top:0; width:426px; overflow:hidden }
.map_txt .mt1 .mttl { float:left; width:101px; margin-right:40px }
.map_txt .mt1 .mtlist { float:left; width:285px; color:#666 }
.map_txt .mt1 .mtlist li { margin-bottom:10px; width:285px }
.map_txt .mt1 .mtlist li span { font-weight:bold; margin-right:10px }
.map_txt .mt2 { position:absolute; left:426px; top:0; width:324px; overflow:hidden }
.map_txt .mt2 .mttl { float:left; width:90px }
.map_txt .mt2 .mtlist { float:left; width:234px; color:#666 }
.map_txt .mt2 .mtlist li { margin-bottom:10px; width:234px }
.map_txt .mt2 .mtlist li span { font-weight:bold; margin-right:10px }
.map_txt .mt3 { position:absolute; left:0; top:100px; width:426px; overflow:hidden }
.map_txt .mt3 .mttl { float:left; width:101px; margin-right:40px }
.map_txt .mt3 .mtlist { float:left; width:285px; color:#666 }
.map_txt .mt3 .mtlist li { margin-bottom:10px; width:285px }
.map_txt .mt3 .mtlist li span { font-weight:bold; margin-right:10px }

.select {position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1; }
.select *{ margin:0; padding:0; cursor:pointer; font-size:12px;}
.select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #bababa; color:#666; padding-top:3px; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.select .myValue.selected{ font-weight:bold;}
.select.open .myValue,
.select .myValue.outLine{ border:1px solid #B2B2B2;}
.select button.myValue{ font-family:sans-serif;  height:22px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue{ height:22px; text-indent:8px;}
.select .ctrl{position:absolute; top:0; right:0; width:22px; height:25px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff;}
.select .arrow{ position:absolute; width:0; height:0; top:10px; right:7px; line-height:0; font-size:0; border-top:3px solid #383c40; border-left:3px solid #fff; border-right:3px solid #fff;}
.select ul{ top:26px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden;}
.select ul.aList{ display:none;}
.select.open ul.aList{ display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0;}
.select li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa; background:#FFF;}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.select li a{ display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none;}
.select li.hover *{ background:#999; color:#fff;}

.popupbox { width:700px; height:700px; background:#fff; background-repeat:no-repeat; display: none; float: left; position: fixed; top: 50%; left: 50%; z-index: 99999; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; }
#fade { display: none; /* Hidden as default */ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .60; z-index: 9999;}
.pf_mov { position:relative; width:640px; height:360px; margin:50px auto 0 auto; background:#000; text-align:center; color:#fff }
.pf_img { position:relative; width:1000px; margin:60px auto 50px auto; text-align:center }


/* ?�품?�개 */
.product_wp { position:relative; width:760px; margin-top:50px; overflow:hidden }
.product_wp .acaw_left { float:left; width:430px; margin-right:30px }
.product_wp .acaw_right { float:left; width:300px }
p.proTitle { font-size:20px; font-weight:bold; color:#996600; }
.product_list { position:relative; margin-top:25px }
.product_list li { color:#666; padding-left:9px; background:url(/images/bullet.gif) no-repeat left 6px; margin-left:5px; margin-bottom:10px; }
.product_list li span { font-weight:bold }
.product_list1 { position:relative; margin-top:15px }
.product_list1 li { margin-bottom:3px }
.product_list1 li span { font-weight:bold; margin-right:6px }

.board_list_wrap { width:100%; margin-top:20px; border-top:2px solid #938a7e }
.board_list_wrap1 { width:100%; margin-top:12px; border-top:2px solid #938a7e }
.board_list_wrap2 { width:100%; margin-top:45px; border-top:2px solid #938a7e }
.table2 { width:100%; font-size:12px }
.table2 th { padding:10px 10px; background:#eeebe7; color:#6c6c7c; text-align:center; border-color:#afafc2; border-style:none solid solid none; border-width:0 1px 1px 0 }
.table2 td { padding:11px 10px; border-color:#e8e8e8; border-style:none solid solid none; border-width:0 1px 1px 0; line-height:21px; text-align:center }
.table2 tr.col { background:#eeebe7 }
.table2 td.month { color:#938a7e; font-family:verdana; font-weight:bold; font-size:11px }
.table2 td.date { font-family:verdana; font-size:11px }
.table2 td.suj {  text-align:left; padding-left:15px }
.table2 td.suj a { color:#6c6c7c; text-decoration:none; font-weight:bold}
.table2 td.suj a:hover { color:#333; text-decoration:none }
.table2 td.suj span.per_cate { font-weight:normal }
.table2 td.linecol { border-bottom:1px solid #afafc2 }
.table2 td.al_l { text-align:left }
.table2 td.mone { color:#444; font-size:11px; font-family:Verdana }

a.filedown { padding-left:15px; background:url(/images/ico_file.gif) no-repeat left 0px; margin-left:2px; margin-bottom:10px; }

/* tab */

.tab_st { position:relative; width:750px; margin:0 0 30px 0; overflow:hidden; background:url(/images/tab_line.gif) repeat-x}
.tab_st li { float:left; font-size:13px; margin-right:3px;  }
.tab_st li a { background:#fff; color:#868691; font-weight:bold; padding:6px 20px 6px 20px; display:block; border-color:#cacadb; border-style:solid solid none solid; border-width:1px 1px 0 1px; text-decoration:none }
.tab_st li a:hover { color:#707048; font-weight:bold; text-decoration:none }
.tab_st li.on { padding:7px 20px 6px 20px; background:#fff; border-color:#707048; border-style:solid solid none solid; border-width:1px 1px 0 1px; color:#707048; font-weight:bold }
.tab_st li a.tab_on { padding:7px 20px 6px 20px; background:#fff; border-color:#707048; border-style:solid solid none solid; border-width:1px 1px 0 1px; color:#707048; font-weight:bold }