@charset "utf-8";
@import url("common.css");

/*Layer*/
body{width:100%;background:url(/images/main/bg.gif) repeat;}
#wrapbg{position:absolute;left:50%;top:0;width:1290px;height:100%;margin-left:-645px;background:url(/images/main/bg_wrap.png) repeat-y left top;}
#wrap{position:relative;width:1260px;margin:0 auto}
#header{width:1260px;margin:0 auto;background:url(/images/main/bg_header1.gif) repeat-x left top;}
#container{*zoom:1;width:1151px;min-height:700px;margin:0 auto;padding:0 0 0 109px;background:url(/images/page/bg_container.gif) repeat left top}
#container:after{content:"";clear:both;display:block}
#lnb{float:left;width:193px;position:relative;left:0;top:-16px;}
#contents{position:relative;float:left;width:813px;padding:48px 0 100px 46px}
#footer{width:1149px;height:95px;margin:0 auto;padding:28px 0 0 111px;background:#3b3c3e}

/*header*/
.head{height:133px;}
.head .logo{float:left;margin:0 0 0 109px}
.head .topmenu{float:right;margin:0 111px 0 0}
.head .topmenu ul{overflow:hidden;margin:15px 0 7px 0}
.head .topmenu ul li{float:left;margin:5px 8px 0 0;padding-right:9px;background:url(/images/main/bg_tm.gif) no-repeat right center}
.head .topmenu ul li.last{margin:0 0 0 4px;padding:0;background:0}
.head .topmenu .search{border:2px solid #898989}
.head .topmenu .search input{width:116px;height:20px;border:0;padding-left:6px;background:#f4f5f5}
.mainmenu{clear:both}
.mainmenu>ul{height:58px}
.mainmenu>ul>li{float:left}
.submenu{position:absolute;left:0;top:133px;width:100%;height:36px;background:url(/images/main/bg_sm.png) repeat-x left top;z-index:999}
.submenu ul{display:none;overflow:hidden;position:absolute;top:12px}
.submenu ul li{float:left;margin-right:10px}
.submenu .sm1{left:109px}
.submenu .sm2{left:299px}
.submenu .sm3{left:489px}
.submenu .sm4{left:705px}
.submenu .sm5{left:910px}
.submenu .sm6{left:1098px}
/*lnb*/
#lnb h2{margin-bottom:12px}
.leftquick{position:absolute;left:0;top:350px;}
/*footer*/
.foot{overflow:hidden}
.foot h1{float:left;margin-right:15px}
.foot .fright{float:left}
.foot .fright ul{overflow:hidden;margin-bottom:7px}
.foot .fright ul li{float:left;width:70px;overflow:hidden}

/*contents*/
.pagetop{position:relative;width:100%;padding-bottom:14px;margin-bottom:55px;border-bottom:1px solid #cacaca}
.pagetop .title{}
.pagetop .location{position:absolute;right:0;top:12px;overflow:hidden}
.pagetop .location li{float:left;margin-right:8px;padding-left:10px;background:url(/images/page/icon_arr.gif) no-repeat left top}
.pagetop .location li.first{padding-left:15px;background:url(/images/page/icon_home.gif) no-repeat left top}
.pagetop .location li.last{margin:0;font-weight:bold}
.tabmenu{height:38px;margin-bottom:30px}
.tabmenu img{vertical-align:top}

.bbs_tit{overflow:hidden;margin-bottom:8px;}
.bbs_tit .tit{float:left;}
.bbs_tit .btn{float:right;margin-right:14px}

.jogamdo{position:fixed; left:0; top:0; width:100%; height:100%; text-align:center; background:url(/images/page/bg_bg_bg.png);}
.jogamdo img{margin:200px auto; padding-left:200px;}
.tabcon6_sub_img{margin-top:-529px;}

.m61{width:799px;margin-top:16px;border-top:2px solid #2a98ae}
.m61 th{width:84px;padding:0 0 0 14px;background:#f4f4f4;border-bottom:1px solid #d9dbdd;text-align:left}
.m61 td{padding:5px 0 5px 16px;border-bottom:1px solid #d9dbdd}
.m61 td .rdo{display:inline-block;margin-right:20px}
.m61 td .ed{height:17px;border:1px solid #dedede;background:#fff}
.m61 td select{height:19px;border:1px solid #dedede}
.m61 td textarea{width:681px;height:97px;border:1px solid #dedede}
.m61 td .width1{width:180px}
.m61 td .width2{width:82px}
.m61 td .width3{width:49px}
.m61 td .width4{width:250px}
.m61 td .width5{width:90px}
.m61btns{width:799px;margin-top:10px;text-align:right}


/*포트폴리오*/
.porttabs{margin-bottom:42px}
.porttabs ul{overflow:hidden}
.porttabs ul li{float:left;margin:0 5px 5px 0}
.porttabs ul li.last{margin:0 0 5px 0}
.bold{font-weight:bold}
.porttable{width:800px;border-top:2px solid #2a98ae;border-collapse:collapse;}
.porttable th{height:33px;background:#f5f5f5;border:1px solid #d3d3d3}
.porttable td{padding:10px 0;text-align:center;border:1px solid #d3d3d3}

.portlist{margin-top:50px}
.portlist .port{overflow:hidden;margin-bottom:30px}
.portlist .port .imgzone{float:left;width:329px;height:249px;margin-right:9px;padding:5px;border:1px solid #e0e0e0}
.portlist .port .porttable2{float:left;width:450px;border-top:2px solid #2a98ae}
.portlist .port .porttable2 th{height:31px;background:#f5f5f5;border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;font-weight:bold}
.portlist .port .porttable2 td{padding:0 0 0 15px;border-bottom:1px solid #d3d3d3}

.portlist2{}
.portlist2 table{width:800px;border-top:2px solid #2a98ae}
.portlist2 table th{width:83px;font-weight:bold;background:#f5f5f5;border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;}
.portlist2 table td{padding:9px 0 9px 13px;border-bottom:1px solid #d3d3d3;}

.paging{width:800px;margin-top:30px;text-align:center}
.paging a{padding:0 2px}
.paging b{padding:0 2px}

.m53_big{position:absolute;left:50%;top:450px;margin-left:-203px}
.m53_big li{display:none;cursor:pointer}