@charset "utf-8";

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}

/* reset */
.hide{width: 0; height: 0; margin: 0; padding: 0; line-height: 0; font-size:0; overflow: hidden; visibility:hidden;}
body,p,div,th,td,span,input,select,table{ font:11px dotum, gulim, Verdana, sans-serif; color:#7d7d7d;}
table{border:0; border-collapse:collapse; border-spacing:0; color:#7d7d7d;}
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,li{ margin:0; padding:0;}
address,em{font-style:normal;}
img { border: 0;}
ul,li{list-style: none;}
.fl{ float:left;}
.fr{ float:right;}
.cp{ cursor:pointer;}
.cb{ clear:both;}
.text_r{ text-align:right;}
.text_c{ text-align:center;}
.text_l{ text-align:left;}
a {	font:11px dotum, gulim, nanum gothic, Verdana, Geneva, sans-serif; color:#636363; outline:none; select-dummy:expression(this.hideFocus=true);}
a:link, a:visited, a:active { text-decoration: none; color:#636363;}
a:hover { text-decoration: none; color: #000;}

/* layer_pop */
#layer_pop_bg{position:fixed;width:100%;height:100%;left:0px;top:0px;background:#000;opacity:0.8;filter:alpha(opacity=80);display:none;;z-index:100;}
#layer_pop_wrap{position:absolute;width:100%;left:0px;top:10%;display:none;z-index:101;}
#layer_pop_close{position:relative;width:500px;text-align:right;margin:0px auto;}
#layer_pop_contents{position:relative;width:500px;margin:0px auto;}

/* top */
.top h1{ position:absolute; left:50px; top:47px; z-index:50;}
.top_box{ position:absolute; right:50px; top:3px; z-index:50;}
.top .gnb{position:relative; padding:57px 0 0 422px; height:17px; width:628px; z-index:49;}
.top .gnb li{display:block; float:left; height:17px; padding:0;}
.top .gnb li ul{ position:absolute; display:none; clear:both; top:74px;}
.top .gnb li:hover ul{display:block;}
.top .gnb li ul li{display:block; float:left; padding:17px 15px 19px 15px; height:12px;}
.gnb1{ left:539px;}
.gnb2{ left:497px;}
.gnb3{  left:802px;}
.gnb4{ left:917px;}

/* footer */
.footer h2{ position:relative; float:left; margin:35px 24px 0 0;}
.footer ul{ position:absolute; top:26px; left:187px;}
.footer ul li{ display:block; float:left;}
.footer ul li a{}
.footer ul li a img{ padding:0 5px; border-right:1px solid #5f5d5d;}
.footer ul li.last a img{ border-right:none;}
.footer .copy1{ position:relative; float:left; margin:47px 0 0 0;}
.footer .copy2{ position:relative; float:right; margin:64px 0 0 0;}

/* layer */
.cap1{ position:relative; width:1100px; height:52px; margin:0 auto; clear:both;}
.cap2{ position:relative; width:1100px; height:70px; margin:0 auto; clear:both;}
.contents{ position:relative; width:1100px; margin:0 auto;}
.lnb{ position:relative; width:190px; float:left; margin:0 65px 0 50px;}
.lnb h2{}
.lnb ul{}
.lnb ul li{}
.lnb ul li a{}
.lnb h3{ margin:93px 0 0 0;}
.lnb .call{ margin:16px 0 0 0;}
.lnb .banner{ margin:67px 0 0 0;}
.lnb .banner img{ margin:0 0 3px 0;}
.inner{ position:relative; width:745px; float:left; margin:0 50px 0 0;}
.inner h2{ position:relative; height:28px; border-bottom:1px solid #cccccc;}
.inner_img{ float:left; margin:0 0 0 3px;}
.inner_text{ float:right; padding:8px 0 0 0; color:#7a7474; font-size:12px;}
.innerc{ clear:both; position:relative; width:745px; margin:43px 0 0 0;}

/* sub01 */
.s11_bg{ background:url(../img/sub01/s11_bg.jpg) right 0 no-repeat;}
.s11_p{ line-height:21px; color:#7a7474; font-size:12px;}
.pt57{ padding:0 0 39px 0;}
.pt21{ padding:21px 0 0 0;}
#map{ position:relative; width:743px; height:462px; border:1px solid #c4c9ce;}
.s12_h3{ padding:25px 0 10px 7px; border-bottom:2px solid #2063ac;}
.s12_dl{ clear:both; position:relative; width:745px; padding:14px 0 0 0;}
.s12_dl dt{ line-height:22px; font-size:12px; color:#565555; display:block; float:left; width:47px; height:22px; background:url(../img/sub01/s12_dl.jpg) left center no-repeat; padding:0 0 0 14px;}
.s12_dl dd{ line-height:22px; font-size:12px; color:#565555; display:block; float:left; width:684px; height:22px;}

/* sub05 */
.s51_ul{ float:left; display:block; margin:0 11px 0 0;}
.s51_ul li{ display:block; clear: both;}
.s51_last{ float:left; display:block;}
.s51_last li{ display:block; clear: both;}

/* pop */
.pop{ position:relative; width:470px; height:405px; background:url(../img/pop/bg.jpg) no-repeat;}
.pop h2{ position:relative; height:29px; width:434px; padding:24px 18px 23px 18px;}
.pop h2 a{ position:absolute; right:18px; top:24px;}
.pop_text{ width:414px; height:291px; border:none; margin:0 18px; padding:10px;}

/* index */
.mv{ position:relative; width:1100px; margin:0 auto; clear: both;}

.m_work{ position:relative; width:1100px; height:107px; margin:24px auto 0; background:url(../img/index/m_work.png)  #e5e6e6 no-repeat; padding:23px 0; overflow:hidden;}
.m_work h2{ position:relative; float:left; width:195px;}
.m_work h2 img{margin:0 0 0 54px;}
.m_work_c{ position:relative; float:left; width:860px; height:107px; overflow:hidden;}
.m_works{ position:relative; float:left; width:860px; height:535px;}

.m_work1{ position:relative; height:107px; clear: both;}
.m_work1 .m_work1_c{ position:relative; float:left; width:143px; }
.m_work1 .m_work1_c h3 img{margin:18px 0 9px 0;}
.m_work1 .m_work1_c p{margin:0 0 14px 0;}
.m_work1 .m_work1_c p.num{margin:0;}
.m_work1 .m_work1_c p.num img{margin:0 3px 0 0; cursor:pointer;}
.m_work1 ul{ position:relative; float:left; width:717px; }
.m_work1 ul li{display:block; float:left;}
.m_work1 ul li a img{margin:0 8px 0 0; border:3px solid #ffffff; width:151px; height:101px;}

.m_work2{ position:relative; height:107px; clear: both;}
.m_work2 .m_work2_c{ position:relative; float:left; width:143px; }
.m_work2 .m_work2_c h3 img{margin:18px 0 9px 0;}
.m_work2 .m_work2_c p{margin:0 0 14px 0;}
.m_work2 .m_work2_c p.num{margin:0;}
.m_work2 .m_work2_c p.num img{margin:0 3px 0 0;cursor:pointer;}
.m_work2 ul{ position:relative; float:left; width:717px; }
.m_work2 ul li{display:block; float:left;}
.m_work2 ul li a img{margin:0 8px 0 0; border:3px solid #ffffff; width:151px; height:101px;}

.m_work3{ position:relative; height:107px; clear: both;}
.m_work3 .m_work3_c{ position:relative; float:left; width:143px; }
.m_work3 .m_work3_c h3 img{margin:18px 0 9px 0;}
.m_work3 .m_work3_c p{margin:0 0 14px 0;}
.m_work3 .m_work3_c p.num{margin:0;}
.m_work3 .m_work3_c p.num img{margin:0 3px 0 0;cursor:pointer;}
.m_work3 ul{ position:relative; float:left; width:717px; }
.m_work3 ul li{display:block; float:left;}
.m_work3 ul li a img{margin:0 8px 0 0; border:3px solid #ffffff; width:151px; height:101px;}

.m_work4{ position:relative; height:107px; clear: both;}
.m_work4 .m_work4_c{ position:relative; float:left; width:143px; }
.m_work4 .m_work4_c h3 img{margin:18px 0 9px 0;}
.m_work4 .m_work4_c p{margin:0 0 14px 0;}
.m_work4 .m_work4_c p.num{margin:0;}
.m_work4 .m_work4_c p.num img{margin:0 3px 0 0;cursor:pointer;}
.m_work4 ul{ position:relative; float:left; width:717px; }
.m_work4 ul li{display:block; float:left;}
.m_work4 ul li a img{margin:0 8px 0 0; border:3px solid #ffffff; width:151px; height:101px;}

.m_work5{ position:relative; height:107px; clear: both;}
.m_work5 .m_work5_c{ position:relative; float:left; width:143px; }
.m_work5 .m_work5_c h3 img{margin:18px 0 9px 0;}
.m_work5 .m_work5_c p{margin:0 0 14px 0;}
.m_work5 .m_work5_c p.num{margin:0;}
.m_work5 .m_work5_c p.num img{margin:0 3px 0 0;cursor:pointer;}
.m_work5 ul{ position:relative; float:left; width:717px; }
.m_work5 ul li{display:block; float:left;}
.m_work5 ul li a img{margin:0 8px 0 0; border:3px solid #ffffff; width:151px; height:101px;}

.m_etc{ position:relative; width:1000px; height:111px; margin:40px auto 0;}
.m_etc1{position:relative; float:left; width:335px; height:111px; background:url(../img/index/m_etc.jpg);}
.m_etc1 h2{position:relative; padding:6px 0 0 29px; height:17px; width:306px;}
.m_etc1 p{}
.m_etc2{position:relative; float:left; width:329px; height:111px; background:url(../img/index/m_etc.jpg) -335px 0;}
.m_etc2 h2{position:relative; padding:6px 0 0 23px; height:17px; width:306px;}
.m_etc2 h2 a{position:absolute; top:0; right:18px;}
.m_etc2 p{}
.m_etc3{position:relative; float:left; width:336px; height:111px;}
.m_etc3 h2{position:relative; padding:6px 0 20px 23px; height:17px; width:313px;}
.m_etc3 h2 a{position:absolute; top:0; right:26px;}
.m_etc3 table{ width:287px;clear:both;margin:0 23px;}
.m_etc3 table tr th{ width:220px; text-align:left;}
.m_etc3 table tr th a{line-height:18px; color:#888888; font-size:12px; background:url(../img/index/jum.jpg) left center no-repeat; padding:0 0 0 10px;}
.m_etc3 table tr th a:hover{color:#1656c2;text-decoration:underline;}
.m_etc3 table tr td{line-height:18px; color:#888888; font-size:12px; width:67px; text-align:right;}

.m_banner{ position:relative; width:1100px;margin:33px auto 0; clear:both;}
.m_banner h2{position:relative; float:left; width:240px; height:17px; border-right:1px solid #e2e1e1; margin:0 1px 0 0; background:#f4f4f4; padding:23px 0; text-align:center;}
.m_banner ul{position:relative; float:left; width:780px; height:45px; background:#f4f4f4; padding:9px 39px;}
.m_banner ul li{display:block; float:left;}
.m_banner ul li a{}
.m_banner ul li a img{border:1px solid #c3c3c3; margin:0 5px 0 0;}