@charset "utf-8";
/* 출처: 하늘소망 */

html, body { height: 100%;}
body {margin:0; padding:0; font-family:"나눔고딕",NanumGothic,"맑은 고딕","돋움",Dotum,"굴림",Gulim,Batang,"바탕",Georgia,sans-serif; font-size:75%; line-height:1.6em; color:#777777;background: url(/images/common/body_bg.gif) repeat-x left -150px}
* {margin:0; padding:0;}
table, div { border-collapse:collapse; line-height:1.5em;}
select, textarea { border:1px solid #B7B6B6;background:#FFF; vertical-align:middle;}
strong,b { font-weight:bold;}
form,ul,ol,dl,table,div,h1,h2,h3,li,dt,dd {margin:0;padding:0;}
img, fieldset { border:0;}
select, input, li img { vertical-align:middle;}
ul, li, ol { list-style-type : none;}
hr, caption { display:none;}
a {color:#666; text-decoration:none;}
a:hover{text-decoration:underline}
a:link, a:visited, a:active, a:hover {color:#666}
abbr, acronym {background:none repeat scroll 0 0 #F6F5EE;cursor:help;}
.cbo{clear:both;}
.f_left{float:left;}

/* 로고 배경이미지 처리 */
h1 {position:absolute;top:22px;left:21px;}

/* frame */
#wrap{width:100%;min-width:800px;}
#header{height:57px;padding-top:73px;}
#header a{color:#fff}
#contet{float:left}
#visual-content{float:left;width:170px;border:1px solid #000;height:500px}
#sidebar{float:right;width:720px;border:1px solid #000;height:500px}
#quick{position:absolute;top:100px;left:910px;border:1px solid #000;height:200px}
#acc #mNavi01 a, #works #mNavi02 a, #projects #mNavi03 a, #team #mNavi04 a{background-position:0 0;color:#fff;}
#acc #mNavi01 ul, #works #mNavi02 ul, #projects #mNavi03 ul, #team #mNavi04 ul{display:block;}
#acc h2, #works h2, #team h2, #projects h2, #etc h2{margin:0 auto;width:840px;text-indent:-5000px;}

/* footer */
#footer{width:100%;background: url(/images/common/footer/footerBg.gif) repeat-x left top;height:35px;border:none;padding-top:13px;border-top:1px solid #2A2A2A;}
#footer div{width:746px;margin:0 auto;}
#footer div p.wnth{text-indent:-5000px;float:left;width:381px;height:11px;background: url(/images/common/footer/address.gif) repeat-x left top;}
#footer div address{text-indent:-5000px;float:left;margin-left:3px;background: url(/images/common/footer/tel.gif) no-repeat left top;width:85px;height:11px;}
#footer div p.fax{text-indent:-5000px;float:left;margin-left:4px;background: url(/images/common/footer/fax.gif) no-repeat left top;width:85px;height:11px;}
#footer div p.copy{text-indent:-5000px;float:left;margin-top:3px;background: url(/images/common/footer/copy.gif) no-repeat 13px top;width:556px;height:10px;}
#footer ul{float:right;margin-left:5px;margin-top:-10px;}
#footer ul li{float:left;}

/* login */
#header dl{position:absolute;top:0;right:0;background: url(/images/common/top/style_bg.gif) repeat;overflow:hidden}
#header dl .none{background:none}
#header dd{float:left;padding:0 10px;line-height:27px;font-size:0.9em;background: url(/images/common/top/style_bar.gif) right no-repeat}

/* top menu */
#header div{width:100%;height:34px;background-color:#2295F0;}
#gNavi {position:relative;width:840px;height:34px;margin:0 auto;}
#gNavi li {text-indent:-5000px;float:left;	background: url(/images/common/top/navi_bar.gif) right no-repeat;padding-right:1px}
#gNavi li a{display:block;}
#gNavi li a:hover, #gNavi li a:focus{background-position:0 0}
#gNavi li ul {display:none;position:absolute;width:840px;top:36px;	left:0;}
#gNavi li ul li {text-indent:0;font-weight:bold;	background:none;text-align:center}
#gNavi li ul li a {text-decoration:none !important;display:block;background: url(/images/common/top/subnavi_bg02.gif) repeat;width:150px;height:19px;line-height:19px}
#gNavi li ul li a:hover, #gNavi li ul li a:focus, #gNavi li ul li a.on {background: url(/images/common/top/subnavi_bg.gif) repeat;text-decoration:underline}
#mNavi01 a,#mNavi02 a,#mNavi03 a,#mNavi04 a{width:150px;height:34px}
#mNavi01 a{background: url(/images/common/top/sub01.gif) 0 -34px no-repeat;}
#mNavi02 a{background: url(/images/common/top/sub02.gif) 0 -34px no-repeat;}
#mNavi03 a{background: url(/images/common/top/sub03.gif) 0 -34px no-repeat;}
#mNavi04 a{background: url(/images/common/top/sub04.gif) 0 -34px no-repeat;}
#mNavi05{background:none!important;width:233px;height:34px}
#mNavi05 dl{width:240px;background:none}
#mNavi05 dl dd{float:right;background:none;padding:0 12px;background: url(/images/common/top/sub_bar.gif) right no-repeat}
#mNavi05 dl .none{background:none;padding-right:0}
#mNavi05 dl dd a{font-size:1em;line-height:34px;text-indent:0;text-align:right}


/* 컨텐츠 */
#contain{width:800px;margin:20px auto 20px;background:#fff url(/images/common/containerBg.gif) repeat-x left top;padding:20px;position:relative;border:1px solid #fff;}
#contain h3{margin:30px 0 20px;color:#2295f0;font-size:1.4em;}
#contain h4{color:#000;background: url(/images/common/h4ico.gif) no-repeat left 4px;padding-left:10px;line-height:1.1em;font-size:1.1em;margin:20px 0 10px 0;}
#contain p{font-size:1em;color:#565656;}
#contain p em{font-style:normal;text-decoration:underline;}
#contain p strong{color:#c92d6b;}
#contain .ulbox{background-color:#F2F2F2;border:1px solid #ddd;padding:20px;}
#contain .ulbox li{color:#565656;background: url(/images/common/ulboxico1.gif) no-repeat left 8px;padding-left:10px;}
#contain .ulbox1{padding:5px;}
#contain .ulbox1 li{color:#565656;background: url(/images/common/ulboxico1.gif) no-repeat left 8px;padding-left:10px;}
#contain .ulbox li.strong{background: url(/images/common/ulboxico2.gif) no-repeat left 8px;}
#contain .ulbox li.strong strong{color:#D20456;}

/* 컨텐츠 탭메뉴 */
#contain .tab li{margin-right:1px;float:left;width:33%;border:1px solid #fff;}
#contain .tab li.rino{margin-right:0px;}
#contain .tab li a, #contain .tab1 li a{color:#fff;width:100%;display:block;text-align:center;height:23px;line-height:23px;background-color:#565656;text-decoration:none;}
#contain .tab li a:hover, #contain .tab li a:focus, #contain .tab li a.on, #contain .tab1 li a:hover, #contain .tab1 li a:focus, #contain .tab1 li a.on{background-color:#2295f0;font-weight:bold;}
#contain .tab1 li{margin-right:2px;float:left;width:24%;border:1px solid #fff;}
#contain .tab1 li.rino{margin-right:0px;width:25%;}

/* 컨텐츠 박스 */
.box{background: url(../images/common/boxbottom1.gif) repeat-x left bottom;padding-bottom:6px;position:relative;margin:15px 0 8px 0;width:100%;}
.box .boxright{position:absolute;top:0;right:0;width:11px;height:12px;background: url(/images/common/boxright.gif) no-repeat left top;}
.box .boxcont{border-top:1px solid #c9c9c9;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;padding:12px 12px 14px 12px;border-bottom:1px solid #fff;}

/* 컨텐츠 가리기 */
#contain .box .boxcont div.define01{text-indent:-5000px;background: url(/images/acc/define01.jpg) no-repeat center top;height:248px;}
#contain .box .boxcont div.define02{text-indent:-5000px;background: url(/images/acc/define02.jpg) no-repeat center top;height:144px;}
#contain .box .boxcont div.define03{text-indent:-5000px;background: url(/images/acc/define03.jpg) no-repeat center top;height:347px;overflow:hidden;}

#contain .box .boxcont ol.consulting02{height:110px;padding-left:20px;}
#contain .box .boxcont ol.consulting02 li{float:left;background: url(/images/works/couBgne.gif) no-repeat right 9px;padding-right:24px;margin-right:8px;}
#contain .box .boxcont ol.consulting02 li.couBgne{float:left;background: url(/images/works/couBgne.gif) no-repeat 160px 9px;padding-right:24px;margin-right:8px;width:290px;}
#contain .box .boxcont ol.consulting02 li.couBgne1{clear:both;background: url(/images/works/couBgne1.gif) no-repeat 70px bottom;padding-bottom:20px;margin-top:-41px;width:100%;margin-bottom:10px;}
#contain .box .boxcont ol.consulting02 li.couBgne1 span{float:right;margin-right:20px;}
#contain .box .boxcont ol.consulting02 li.end{float:left;background:none;}
#contain .box .boxcont ol.consulting02 li span{display:block;background: url(/images/works/couBg.gif) no-repeat left top;height:39px;width:150px;padding-right:10px;text-align:center;color:#fff;font-size:1.1em;padding-top:4px;font-weight:bold;}

#contain .box .boxcont ol.consulting01 {width:640px;margin:0 auto;height:128px;}
#contain .box .boxcont ol.consulting01 li{float:left;background: url(/images/works/consuBg01.gif) no-repeat center top;width:153px;height:128px;margin-right:12px;border:1px solid #fff;}
#contain .box .boxcont ol.consulting01 li.end{background: url(/images/works/consuBg02.gif) no-repeat center top;width:126px;margin-right:0;}
#contain .box .boxcont ol.consulting01 li dl{width:128px;margin-top:40px;}
#contain .box .boxcont ol.consulting01 li dt{color:#787878;text-align:center;font-weight:bold;}
#contain .box .boxcont ol.consulting01 li dd{margin-top:7px;color:#4BA9F2;text-align:center;font-size:1.1em;font-weight:bold;}

#contain .box .boxcont ol.consulting03{padding:20px 0 10px 0;}
#contain .box .boxcont ol.consulting03 li{float:left;position:relative;background: url(/images/works/couBgne.gif) no-repeat right 45px;padding-right:54px;margin-right:32px;color:#fff;}
#contain .box .boxcont ol.consulting03 li.couBgne1{clear:both;background: url(/images/works/couBgne1.gif) no-repeat 70px bottom;padding-bottom:38px;margin-top:-119px;width:100%;margin-bottom:30px;}
#contain .box .boxcont ol.consulting03 li.couBgne1 span{float:right;margin-right:20px;}
#contain .box .boxcont ol.consulting03 li.couBgne{float:left;background: url(/images/works/couBgne.gif) no-repeat 220px 45px;padding-right:24px;margin-right:8px;width:290px;}
#contain .box .boxcont ol.consulting03 li span{display:block;background: url(/images/works/couBg1.gif) no-repeat left top;height:99px;width:195px;padding:10px 0 10px 0;text-align:center;font-weight:bold;font-size:1.3em;}
#contain .box .boxcont ol.consulting03 li ul{position:absolute;left:40px;top:37px;text-align:center;width:175px;}
#contain .box .boxcont ol.consulting03 li ul li{text-align:left;float:none;font-size:0.9em;background:none;line-height:1.2em;margin-right:0;padding-right:0;background: url(/images/works/pubico.gif) no-repeat left 5px;padding-left:8px}
#contain .box .boxcont ol.consulting03 li.end{float:left;background:none;padding-right:0;margin-right:0;}

.redi{text-align:center;margin:170px 0;}

/* 금지법 절차 */
#contain .law{position:absolute;top:43px;right:23px;}
#contain .lawno li{float:left;width:50%;margin-bottom:8px;}
#contain .lawno li dt{background: url(/images/acc/lawno.gif) no-repeat left top;color:#fff;font-weight:bold;width:70px;text-align:center;line-height:24px;float:left;margin-right:10px;}
#contain .lawno li dd{float:left;line-height:24px;}

#contain .rightimg{background: url(/images/acc/definimg.gif) no-repeat left top;padding:5px 0 5px 60px;margin-bottom:15px;}
#contain .rightimg1{background: url(/images/acc/mouseNo.gif) no-repeat left top;padding:5px 0 5px 60px;margin-bottom:15px;}

/* 테이블 */
#contain table{width:100%;border-left:1px solid #fff;border-bottom:1px solid #fff;}
#contain table thead th{background-color:#B0B0B0;color:#fff;padding:5px 0;border-right:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#contain table tbody tr td, #contain table tbody tr th{padding:5px;color:#565656;border-bottom:1px solid #fff;border-right:1px solid #fff;}
#contain table tbody tr.resd td, #contain table tbody tr.resd th{background-color:#F2F2F2;padding:5px;color:#565656;}

/* 예제 타이틀 */
#contain .eximg{text-indent:-5000px;background: url(/images/acc/eximg.gif) no-repeat center top;height:121px;margin-top:10px;}

/*공통*/
#main #container h3, #main #container p.signing span, #header dl dt, #main #container #menu li a span, .graph .gTerm span, .graph .gBar span span{height:1px;width:1px;overflow:hidden;float:left;}
#profile li div dl:after, #cssNo:after, #contain .box .boxcont ol.consulting03:after, .fontstyle1:after, .colorstyle:after, #sealing fieldset dl:after, #econten:after, #contain:after, #contain .tab:after, #contain .tab1:after, #contain .lawno:after, #contain .lawno li dl:after, #gNaviCtl:after, #gNaviCtl li ul:after, .graph ul:after, .vGraph ul ul:after, .vGraph:after, ul.map:after, #org:after, #contain .box .boxcont ol.consulting01:after, #contain .box .boxcont ol.consulting02:after, #teamintro ul:after, #teamintro:after, #profile li:after, #profile li div di:after, #portfolio:after{content:" "; display:block; clear:both;}

/* 예제 탭키 이동 */
#gNaviCtl{height:50px;position:relative;}
#gNaviCtl li{float:left;margin-right:1px;}
#gNaviCtl li a{display:block;background-color:#B0B0B0;height:24px;width:90px;text-align:center;line-height:24px;color:#fff;}
#gNaviCtl li a:hover, #gNaviCtl li a:focus{background-color:#8E8E8E;color:#fff;}
#gNaviCtl li ul{position:absolute;top:25px;left:0px;width:650px;}
#gNaviCtl li ul li{float:left;}
#gNaviCtl li ul li a{background:none !important;color:#8E8E8E;}
#gNaviCtl li ul li a:hover, #gNaviCtl li ul li a:focus{background:none !important;color:#8E8E8E;font-weight:bold;}

#exleft{float:left;width:110px;margin-right:10px;}
#exlnb{padding:10px;border:1px solid #ddd;}
#exleft li{line-height:18px;}
#exconten{float:left;width:650px;border:1px solid #ddd;height:150px;line-height:150px;text-align:center;}
#econten{margin-top:10px;}

/* navigation */
.skipToContent1{position:relative; width:100%; z-index:2}
.skipToContent1 a { display:block; padding:0 10px; height:0px; overflow:hidden; color:#FFF; text-align:center}
.skipToContent1 a:hover, .skipToContent1 a:focus, .skipToContent1 a:active {  display:block;background:#53728F;border:2px solid #024381; height:auto;color:#fff;}

/* main */
body#main {background: url(/images/main/mainBody.gif) repeat-x left top;}
#main #wrap{background: url(/images/main/mainBg.gif) repeat-y center top;}
#main #header{border-bottom:none;padding-top:0px;height:103px;}
#main #container{position:relative;width:746px;margin:0 auto;height:630px;background: url(/images/main/mainBg.jpg) no-repeat 1px -99px;}
#main #container h2{width:563px;margin-left:95px;padding-top:4px;height:76px;overflow:hidden;}
#main #container h2 span{float:right;}
#main #container h2 sub{float:left;margin-top:24px;margin-right:19px;}
#main #container p{float:left;clear:both;margin-top:-80px;padding-left:210px;}
#main #container ul#member li.meb01{position:absolute;top:96px;left:149px;}
#main #container ul#member li.meb02{position:absolute;top:96px;left:449px;}
#main #container ul#member li.meb03{position:absolute;top:246px;left:299px;}
#main #container ul#member li.meb04{position:absolute;top:396px;left:0px;}
#main #container ul#member li a{background-color:#555555;padding:1px;display:inline-block;}
#main #container ul#member li a:hover, #main #container ul#member li a:focus{background-color:#2295f0;padding:4px;display:inline-block;}
#main #container ul#member li a:hover img, #main #container ul#member li a:focus img{width:142px;height:142px;overflow:hidden;}
#main #container p.signing{padding-left:0px;float:none;position:absolute;top:396px;left:150px;background: url(/images/main/signte.gif) no-repeat left top;margin-top:0px;}
#main #container p.signing a{display:inline-block;width:150px;height:150px;}
#main #container ul#submenu{position:absolute;top:245px;left:0px;background: url(/images/main/submenuBg.gif) no-repeat left top;width:150px;height:54px;padding-top:97px;}
#main #container ul#submenu li{height:16px;}
#main #container ul#submenu li a{color:#fff;font-size:0.9em;text-decoration:none;margin-left:10px;vertical-align:top;}
#main #container ul#submenu li a:hover, #main #container ul#submenu li a:focus{text-decoration:underline}
#main #container #menu{position:absolute;top:246px;left:449px;width:288px;height:132px;background: url(/images/main/menuBg.gif) no-repeat left top;padding:18px 0 0 11px;}
#main #container #menu li{float:left;text-indent:-5000px;}
#main #container #menu li a{overflow:hidden;background: url(/images/main/mainMenu.gif) no-repeat;display:block;height:25px;width:278px;margin-bottom:5px;}
#main #container #menu li a.web{background-position: left top;}
#main #container #menu li a.web:hover, #main #container #menu li a.web:focus{background-position: left -116px;}
#main #container #menu li a.works{background-position: left -30px;}
#main #container #menu li a.works:hover, #main #container #menu li a.works:focus{background-position: left -146px;}
#main #container #menu li a.projects{background-position: left -60px;}
#main #container #menu li a.projects:hover, #main #container #menu li a.projects:focus{background-position: left -176px;}
#main #container #menu li a.team{background-position: left -90px;}
#main #container #menu li a.team:hover, #main #container #menu li a.team:focus{background-position: left -206px;}
#main #container #maintext{text-indent:-5000px;width:335px;position:absolute;top:409px;right:1px;}
#main #container #maintext h3{background: url(/images/main/maintext01.gif) no-repeat right top;width:335px;height:29px;float:none;}
#main #container #maintext p{background: url(/images/main/maintext02.gif) no-repeat;margin-top:8px;padding-left:0;float:none;margin-right:1px;width:335px;height:51px;}
#main #container #maintext span{background: url(/images/main/maintext03.gif) no-repeat right top;margin-top:31px;display:block;margin-right:1px;width:334px;height:15px;}

/* navigation */
.skipToContent{position:relative; width:100%; z-index:2}
.skipToContent a { display:block; padding:0 10px; height:0; overflow:hidden; color:#FFF; text-align:center}
.skipToContent a:hover, .skipToContent a:focus, .skipToContent a:active { background:#53728F;border:2px solid #024381; height:auto;}

#paging {clear:both;font-size:1.2em;font-weight:bold;padding:10px 0;text-align:right;}

.iframe{position: absolute;top:245px;left:20px;width:800px;z-index:50;}

/*페이지 맨 위로 이동하기*/
#returnToPageTop { position:relative; bottom:0; width:100%; z-index:2}
#returnToPageTop a { display:block; padding:0 10px; height:0; overflow:hidden; color:#FFF; text-align:center}
#returnToPageTop a:hover, #returnToPageTop a:focus, #returnToPageTop a:active { background:#F93; height:auto}
#accessibility  {position: absolute;width: 0px;height: 0px;overflow: hidden;}

/* 웹접근성 동향 그래프 */
.graph{height:185px;margin:20px 0;}
.graph ul{float:left;margin:0; padding:0;font-size:11px;height:185px;width:700px;padding:0 60px;}
.graph ul ul{border:none;float:none;height:105px;padding:10px 30px;width:76px;}
.graph li div{ position:relative;background: url(../images/acc/trendgraph.gif) no-repeat left top;height:165px;width:136px;padding-top:20px;}
.graph li div p{display:inline-block;text-align:center;color:#4e4e4e;position:absolute;top:155px;width:100%;font-weight:bold;}
.graph li{float:left; display:inline; width:18%; height:100%; margin:0 3%; position:relative; text-align:center; white-space:nowrap;}
.graph li li{ float:left; display:inline; width:20px; height:100%; margin:0 3%; position:relative; text-align:center; white-space:nowrap;}
.graph .gTerm{position:absolute;top:105px;left:4px;}
.graph .gBar{ background-color:#2B9AB5;position:absolute; display:inline-block; width:100%; margin:-1px 0 0 0;vertical-align:bottom;bottom:0;border:1px solid #fff;}
.graph .gBar span{ color:#2B9AB5;position:absolute; width:100%; top:-20px; left:0;}

/* 웹접근성 동향 국외동향 */
div.trend{background: url(/images/acc/trendBg.gif) no-repeat center top;height:48px;margin:10px 0;padding:8px 0 8px 8px;}
div.trend ul li{float:left;}
div.trend ul li strong{float:left;display:block;width:50px;padding:14px 0;text-align:center;font-size:1.6em;margin-right:4px;}
div.trend ul li p{float:left;width:140px;font-size:0.9em !important;line-height:1.4em;color:#fff !important;letter-spacing:-1px;margin-top:10px;}
div.trend ul ul{float:left;width:100px;}
div.trend ul ul li{float:none;font-size:0.9em !important;line-height:1.4em;color:#fff !important;letter-spacing:-1px;}

/* 오시는길 */
ul.map{background: url(/images/team/mapBg.gif) no-repeat center top;padding-top:326px;}
ul.map li{height:200px;}
ul.map #car{width:267px;border-right:1px solid #ddd;float:left;}
ul.map #bus{width:258px;float:left;padding-left:9px;border-right:1px solid #ddd;}
ul.map #subway{width:254px;float:left;padding-left:9px;}
ul.map #car h3, ul.map #bus h3, ul.map #subway h3{margin:0;padding-bottom:3px;}
ul.map dl{padding-right:10px;}
ul.map dl dt{color:#565656;font-weight:bold;margin-top:5px;}
ul.map dl dd{color:#565656;margin-top:5px;}
.mapimg{display:none;}

/* 조직도 */
#org{background: url(/images/team/orgBg.gif) no-repeat center 60px;padding:40px 0;}
#org .org01{background-color:#2295F0;border:1px solid #4374B8;width:130px;text-align:center;color:#fff;font-size:1.8em;padding:34px 0;margin-left:334px;}
#org .org02{border:1px solid #ddd;width:130px;text-align:center;color:#6B6B6B;font-size:1.2em;padding:24px 0;margin-left:518px;margin-top:-60px;}
#org .org03{margin-top:80px;}
#org .org03 li{background-color:#6DA7E7;border:1px solid #4374B8;width:130px;text-align:center;color:#fff;font-size:1.4em;padding:28px 0;float:left;margin-right:35px;}
#org .org03 li.org04{background-color:#F6B978;border:1px solid #D2A270;width:130px;text-align:center;color:#fff;font-size:1.4em;padding:20px 0;margin-right:0px;}

/* 인사말 */
#teamintro ul{width:320px;height:120px;float:left;}
#teamintro ul li{float:left;margin:0 2px 2px 0;}
#teamintro p{float:left;margin:10px 0 0 7px}
#teamintro div{clear:both;position:relative;padding:27px 0 0 10px;background: url(/images/team/videoBg.gif) no-repeat center 27px;height:420px;width:657px;margin:0 auto;}
#teamintro div h3{margin:0 0 30px 0;text-align:center;}
#teamintro div div{background:none;padding-top:0;width:550px;border:1px solid #ddd;height:298px;padding:0;}

/* 프로필 */
#profile{}
#profile li{border-bottom:1px dashed #ddd;padding:20px 0;}
#profile li.topno{padding-top:0;}
#profile li img{float:left;border:1px solid #ddd;margin-right:10px;}
#profile li div{float:left;width:715px;}
#profile li strong{color:#565656;display:block;font-size:1.2em;margin-bottom:5px;}
#profile li div dl{margin-top:3px;border:1px solid #ddd;background:#eee;padding:5px;}
#profile li div dl dt{float:left;color:#2295F0;margin-right:10px;margin-bottom:3px;}
#profile li div dl dd{color:#565656;margin-right:45px;margin-bottom:3px;}
#profile li p{border:1px solid #ddd;background:#eee;padding:5px;}

/* 포토폴리오 */
.year{float:right;}
.year li{float:left;}
.year li a{display:block;padding:1px 10px;background-color:#8E8E8E;margin-left:2px;color:#fff !important;}
.year li a:hover, .year li a:focus, .year li a.on { background:#565656;text-decoration:none;color:#fff;}
#portfolio{}
#portfolio li{position:relative;float:left;margin-right:22px;margin-bottom:30px;width:250px;text-align:center;}
#portfolio li.no{margin-right:0;}
#portfolio li img.poto{border:1px solid #ddd;width:100%;height:180px;margin-bottom:5px;}
#portfolio li dl strong{color:#2295F0;font-size:1.1em;}
#portfolio li dl a{font-size:0.9em;}
#portfolio li p{position: absolute;top:-7px;right:-7px;}

/* 사이트맵 */
.sitemap{float:left;width:190px;margin-right:13px;}
.sitemapno{float:left;width:190px;}
.sitemap h3, .sitemapno h3{background-color:#8E8E8E;padding:5px 0 7px 0;text-align:center;color:#fff !important;margin:0 0 10px 0 !important;}
.sitemap ul li a, .sitemapno ul li a, .sitemap p a{display:block;border-bottom:1px solid #ddd;padding:3px 0 3px 7px;overflow:hidden;height:22px;}
.sitemap ul li ul{margin-top:0;padding:10px 0;border-bottom:1px solid #ddd;}
.sitemap ul li ul li a{overflow:hidden;display:block;border-bottom:none;padding:1px 0 1px 15px;font-size:0.9em;background: url(/images/common/stmapico.gif) no-repeat 10px center;height:18px;}

.cssNo{float:left;width:383px;}
.cssNo p{margin-top:40px;}
.colorex{float:left;width:352px;margin-bottom:20px;}
.colornext{width:93px;text-align:center;float:left;background:url("/images/acc/colornnext.gif") no-repeat center center ;margin-top:5px;height:250px;}

/* 버튼 스타일 */
.button, .button *{background:url("/images/common/btnBg.gif") no-repeat 0 0 ;border:0 none;color:#333333;display:inline-block;overflow:visible;text-decoration:none;vertical-align:top;white-space:nowrap;padding-left:10px;font-size:1em;cursor:pointer;}
.button input {padding-right:5px;background:url("/images/common/btnBg.gif") no-repeat right 0 ;border:0 none;color:#333333;vertical-align:text-bottom;padding-left:10px;margin-left:2px;font-size:1em;}
.button.icon * {padding-left:5px;height:21px;line-height:12px;}
.button.icon span {overflow:hidden;left:-2px;background-position:left -27px;margin-right:-5px;width:2px;height:8px;margin-top:7px;}
.button button{background-position:right top;padding-right:10px;font-size:0.9em;font-weight:bold;color:#8E8E8E;margin-left:3px;}
.button :hover, .button :active, .button :focus {color:#2295F0;}
.exbtn, .exbtn *{text-align:right;background: url(/images/common/btnBg.gif) no-repeat left top;padding-left:10px;height:21px;display:inline-block;text-decoration:none !important;font-weight:bold;color:#8E8E8E;}
.exbtn span.text{background: url(/images/common/btnBg.gif) no-repeat right top;padding:0 10px 0 0;height:21px;display:inline-block;position:relative;}
.exbtn span.check {overflow:hidden;left:-2px;background-position:left -27px;position:relative;margin-right:-5px;width:5px;height:8px;top:0;}
.exbtn :hover, .exbtn :active, .exbtn :focus {color:#2295F0;}

/* 지지서명 */
#sealing{border-left:1px solid #ddd;border-right:1px solid #ddd;padding:33px 40px 0 40px;position:relative;}
#sealing div.fieldsetbox{border:1px solid #ddd;background-color:#F2F2F2;padding:19px 14px 13px 14px;}
#sealing fieldset legend{color:#2295F0;font-size:1.4em;position:absolute;top:0px;left:40px;font-weight:bold;width:718px;}
#sealing fieldset dl dt{text-align:left;float:left;width:103px;color:#565656;font-weight:bold;margin-bottom:5px;}
#sealing fieldset dl dd{float:left;text-align:left;width:578px;margin-bottom:5px;}
#sealing fieldset dl dd input, #sealing fieldset dl dd textarea{height:19px;border:1px solid #ddd;font-size:1em;}
#sealing fieldset div{margin-top:8px;text-align:center;}
#sealing fieldset div.seaerror{border:1px solid #ddd;padding:15px 0 15px 80px;background:#fff url("/images/works/seaerror.gif") no-repeat 14px 13px;margin-top:0;margin-bottom:15px;}
#sealing fieldset div.seaerror dl dt{float:none;width:100%;color:red;}
#sealing fieldset div.seaerror dl dd{float:none;width:100%;margin-bottom:0px;color:#000;}
#sealing table{margin-top:20px;border-right:none;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
#sealing table tbody tr th{border:1px solid #fff !important;}
#sealing table tbody tr td{border-bottom:1px solid #ddd !important;padding:8px 0;}
#sealing table tbody tr td.name{font-weight:bold;text-align:center;}
#sealing table tbody tr td.sosog{text-align:center;}
#sealing table tbody tr td.data{font-size:0.9em;color:#8E8E8E;text-align:center;}
#sealingBg{background:url("/images/works/sealingBg.gif") no-repeat 0 0 ;width:760px;height:97px;padding:100px 0 0 40px;}
.sealingBg1{background:url("/images/works/sealingBg1.gif") no-repeat 0 0 ;width:800px;height:46px;margin-bottom:10px;}
.seaall{color:#2295F0;font-weight:bold;}

/* 페이지 넘버 */
.pagin{padding:15px 0;text-align:center;}
.pagin a img {border:medium none;vertical-align:middle;}
.pagin a, .pagin strong {color:#8E8E8E;font-size:0.9em;display:inline-block;margin-left:-6px;padding:2px 6px 3px 7px;position:relative;text-decoration:none;vertical-align:middle;}
.pagin a:hover {text-decoration:underline;}
.pagin a.p_pre, .pagin a.pre, .pagin a.next, .pagin a.n_next {padding:0 !important;}
.pagin a.p_pre {margin:0 3px 0 -6px;}
.pagin a.n_next {margin:0 3px 0 -3px;}
.pagin a.pre{margin:0 5px 0 -6px;}
.pagin a.next{margin:0 0 0 1px;}

/* 디자인 가이드 */
.fontstyle p span, .fontstyle1 p span{border:1px solid #ddd;display:inline-block;padding:2px 5px;font-size:0.9em !important;margin:10px 0;}
.fontstyle ul{display:inline-block;margin-left:10px;}
.fontstyle1 li{float:left;margin-right:30px;}
.fontstyle1 li ul{margin-top:10px;}
.fontstyle1 li ul li{float:none;margin-right:0;}
.colorstyle{margin:10px 0;}
.colorstyle li{float:left;margin-right:10px;color:#000;padding:25px 20px;}
.colorstyle li.color01{background-color:#2295f0}
.colorstyle li.color02{background-color:#565656}
.colorstyle li.color03{background-color:#8e8e8e}
.colorstyle li.color04{background-color:#b0b0b0}
.colorstyle li.color05{background-color:#f2f2f2}

h2.menu11{background:url(/images/title/define.png) no-repeat center top;height:27px;}
h2.menu12{background:url(/images/title/law.png) no-repeat center top;height:27px;}
h2.menu13{background:url(/images/title/ex.png) no-repeat center top;height:27px;}
h2.menu21{background:url(/images/title/consulting.png) no-repeat center top;height:27px;}
h2.menu22{background:url(/images/title/edu.png) no-repeat center top;height:27px;}
h2.menu23{background:url(/images/title/deProject.png) no-repeat center top;height:27px;}
h2.menu24{background:url(/images/title/sealing.png) no-repeat center top;height:27px;}
h2.menu31{background:url(/images/title/Project.png) no-repeat center top;height:27px;}
h2.menu41{background:url(/images/title/introduce.png) no-repeat center top;height:27px;}
h2.menu42{background:url(/images/title/profile.png) no-repeat center top;height:27px;}
h2.menu43{background:url(/images/title/org.png) no-repeat center top;height:27px;}
h2.menu44{background:url(/images/title/map.png) no-repeat center top;height:27px;}
h2.menu51{background:url(/images/title/sitemap.png) no-repeat center top;height:27px;}
h2.menu52{background:url(/images/title/htmltitle.png) no-repeat center top;height:27px;}
h2.menu53{background:url(/images/title/design.png) no-repeat center top;height:27px;}

.ulist li{background:url(/images/common/depth01.gif) no-repeat 10px 8px;padding-left:20px;margin-bottom:5px;color:#565656;}
.ulist li ul{margin:5px 0 10px 0;}
.ulist li ul li{background:url(/images/common/depth02.gif) no-repeat 10px 8px;padding-left:20px;margin-bottom:3px;}
.ulist li ul li ul li{background:none;padding-left:10px;margin-bottom:1px;}
/* top menu
#header div{width:100%;height:34px;background-color:#2295F0;border-top:1px solid #2A2A2A;border-bottom:1px solid #2A2A2A;}
#gNavi {position:relative;width:840px;margin:0 auto;}
#gNavi li {float:left;	background: url(/images/common/top/navi_bar.gif) right no-repeat;}
#gNavi li a{display:block;text-align:center;}
#gNavi li a:hover, #gNavi li a:focus{background-position:0 0;color:#fff;text-decoration:none;}
#gNavi li ul {display:none;position:absolute;width:840px;top:36px;	left:0;}
#gNavi li ul li {text-indent:0;font-weight:bold;	background:none;text-align:center}
#gNavi li ul li a {border:1px solid #353535;letter-spacing:0px;color:#fff;padding-top:0;font-size:1em;display:block;background: url(/images/common/top/subnavi_bg.gif) repeat;width:149px;height:19px;line-height:19px}
#gNavi li ul li a:hover, #gNavi li ul li a.on {background: url(/images/common/top/subnavi_bg02.gif) repeat;color:#;text-decoration:underline}
#mNavi01 a,#mNavi02 a,#mNavi03 a,#mNavi04 a{font-size:1.2em;font-weight:bold;color:#151515;background: url(/images/common/top/subbg.gif) 0 -34px no-repeat;width:150px;height:26px;padding-top:8px;}
#mNavi01 a{border-right:1px solid #353535;border-left:1px solid #353535;}
#mNavi02 a,#mNavi03 a,#mNavi04 a{border-right:1px solid #353535;}
#mNavi05{background:none!important;width:233px;height:34px}
#mNavi05 dl{width:233px;background:none}
#mNavi05 dl dd{float:right;background:none;padding:0 12px;background: url(/images/common/top/sub_bar.gif) right no-repeat}
#mNavi05 dl .none{background:none;padding-right:0}
#mNavi05 dl dd a{font-size:0.9em;line-height:34px;text-indent:0;text-align:right}
 */