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

/*common*/
*{margin:0;padding:0;font-family:Helvetica;}
body{background-color:#2d2d33; font-size:0.90em;line-height:1.25em;color:#fff;background: url(/images/common/mainBody.gif);}
li{list-style:none;}
img,fieldset, td{border:none;}
a{color:#fff; text-decoration:none;cursor:pointer;}
em,address{font-style:normal;}
.hc {visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0;}
hr, caption { display:none;}
table, div { border-collapse:collapse; line-height:1.5em;}
form,ul,ol,dl,table,div,h1,h2,h3,li,dt,dd {margin:0;padding:0;}

.phone{width:100%;}
.skipToContent, #header dt, #main #container h2 span, #main #container h3, #mNavi05{display:none;}
#contain .law, .graph .gTerm span, .graph .gBar span span{height:1px;width:1px;overflow:hidden;float:left;}
#footer ul:after, #main #container ul#member:after, #contain .lawno li dl:after, #gNaviCtl:after, #gNaviCtl li ul:after, .graph:after, .trend:after, #org:after, #org .org03:after {content:" "; display:block; clear:both;}

/* 로고 배경이미지 처리 */
h1 {text-align:center;margin-bottom:20px;}

/* 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}


#wrap{padding:0 2%;width:96%;}
#header{padding-top:20px}
#header a{color:#fff}
#acc h2, #works h2, #team h2, #projects h2, #etc h2{text-align:center;margin:10px 0;text-indent:-5000px;height:50px}
#acc h3, #works h3, #team h3, #projects h3, #etc h3{font-size:1.6em;margin:30px 0 20px;color:#2295f0;}
#acc h4, #works h4, #team h4, #projects h4, #etc h4{font-size:1.4em;margin:8px 0;background: url(/images/common/h4ico.gif) no-repeat left 6px;padding-left:10px;}

#contain{position:relative;margin:0 auto 20px;background-color:#fff;padding:20px;color:#000;}
#contain .tab li{margin-bottom:1px;width:100%;}
#contain .tab li a{color:#fff;display:block;text-align:left;height:23px;line-height:23px;background:#565656 url("/images/smart/list4.png") no-repeat right center;text-decoration:none;padding-left:2px;}
#contain .tab li a.on{background:#2295f0 url("/images/smart/list3.png") no-repeat right center;font-weight:bold;}
#contain .tab1 li{margin-bottom:1px;width:100%;}
#contain .tab1 li a{color:#fff;display:block;text-align:left;height:23px;line-height:23px;background:#565656 url("/images/smart/list4.png") no-repeat right center;text-decoration:none;padding-left:2px;}
#contain .tab1 li a.on{background:#2295f0 url("/images/smart/list3.png") no-repeat right center;font-weight:bold;}
#contain .box{background: url(/images/common/boxbottom1.gif) repeat-x left bottom;padding-bottom:6px;margin:15px 0 8px 0;}
#contain .box .boxcont{border-top:1px solid #c9c9c9;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;padding:12px 12px 14px 12px;}
#contain p{color:#565656;}
#contain .rightimg{background: url(../images/acc/mouseNo.gif) no-repeat left center;padding:5px 0 5px 60px;margin-bottom:15px;}
#contain table{width:100%;margin-top:20px;}
#contain table thead th{background-color:#B0B0B0;color:#fff;padding:5px 0;border-right:1px solid #fff;border-top:1px solid #fff;}
#contain table tbody tr td, #contain table tbody tr th{padding:5px;color:#565656;}
#contain table tbody tr.resd td, #contain table tbody tr.resd th{background-color:#F2F2F2;padding:5px;color:#565656;}
#contain p em{font-style:normal;text-decoration:underline;}
#contain p strong{color:#c92d6b;}
/*메인*/
#main #container h2{text-align:center;}
#main #container h2 img{width:100%;}
#main #container p{text-align:center;width:70%;margin:20px auto;color:#fff;}
#main #container p img{width:100%;}
#main #container #menu{padding:18px 0;}
#main #container #menu li{padding:6px 7px;text-indent:-5000px;background: url(/images/main/menuBg.gif) right top;margin-bottom:3px;}
#main #container #menu a{display:block;font-size:1.4em;height:25px;background: url(/images/main/mainMenu.gif) no-repeat;display:block;}
#main #container #menu li a.web{background-position: left top;}
#main #container #menu li a.works{background-position: -174px -30px;}
#main #container #menu li a.projects{background-position: -138px -60px;}
#main #container #menu li a.team{background-position: -198px -90px;}
#main #container h3{font-size:1.4em;}
#main #container ul#member{padding-left:4%;}
#main #container ul#member li{float:left;width:23%;margin-right:2%;}
#main #container ul#member li.meb04{margin-right:0px !important;}
#main #container ul#member li img{width:100%;}
#main #container ul#member li a{background-color:#2295f0;padding:2px;display:inline-block;}
#main #container #maintext{margin-top:20px;width:100%;}
#main #container #maintext h3{display:block;}
#main #container #maintext p{margin:8px 0 0 0;padding-left:0;float:none;text-align:left;width:100%;font-size:0.9em;}
#main #container #maintext span{display:block;font-size:0.7em;color:#ddd;}
#main #container ul#submenu{width:100%;margin-top:18px;}
#main #container ul#submenu li{background-color:#3f3f3f;margin-bottom:5px;}
#main #container ul#submenu li a{color:#fff;font-size:1em;text-decoration:none;padding-left:7px;vertical-align:top;line-height:2em;display:block;}
#main #container p.signing{border:2px solid #2295f0;margin-top:18px;text-align:center;padding:10px 0;}
#main #container p.signing a{display:inline-block;padding:10px 0;}
#main #container p.signing span{font-size:1.4em;}
#main #container p.signing strong{font-size:1.5em;color:#f0ff00;line-height:1em;text-decoration: underline; }

/*풋터*/
#footer{background: url(../images/main/footerBg.gif) left top;padding:13px 5px 8px 5px;margin-top:18px;color:#999;}
#footer div{font-size:0.7em;margin:0;padding:0;line-height:1.1em;}
#footer p.tel{float:left;margin-right:8px;}
#footer ul{margin-top:10px;}
#footer ul li{float:left;}

div.graph {margin:10px 0;}
div.graph dl{margin-left:10px;}
div.graph dt{font-weight:bold;}
div.graph dd{padding-left:15px;}

#gNavi li{margin-bottom:1px;}
#gNavi li a{background:#fff url("/images/smart/list1.png") no-repeat right 10px;display:block;font-size:1.5em;color:#000;padding:10px 2px;font-weight:bold;}
#gNavi li ul{margin-bottom:8px;}
#gNavi li ul li a{margin-top:1px;color:#fff;background: url(../images/main/menuBg.gif) repeat-x left top;display:block;font-size:1.1em;padding:5px 0 5px 7px;}

#etc #mNavi01 ul, #etc #mNavi02 ul, #etc #mNavi03 ul, #etc #mNavi04 ul, #acc #mNavi02 ul, #acc #mNavi03 ul, #acc #mNavi04 ul, #works #mNavi01 ul,  #works #mNavi03 ul,  #works #mNavi04 ul, #team #mNavi01 ul, #team #mNavi02 ul, #team #mNavi03 ul, #projects #mNavi01 ul, #projects #mNavi02 ul, #projects #mNavi04 ul{display:none;}

#etc #mNavi01 a, #etc #mNavi02 a, #etc #mNavi03 a, #etc #mNavi04 a, #acc #mNavi02 a, #acc #mNavi03 a, #acc #mNavi04 a, #works #mNavi01 a, #works #mNavi03 a, #works #mNavi04 a, #projects #mNavi01 a, #projects #mNavi02 a, #projects #mNavi04 a, #team #mNavi01 a, #team #mNavi02 a, #team #mNavi03 a{color:#eee;background:#a2a2a2 url("/images/smart/list2.png") no-repeat right center;}

#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 .ulbox li.strong{background: url(/images/common/ulboxico2.gif) no-repeat left 8px;}
#contain .ulbox li.strong strong{color:#D20456;}

#contain .lawno li{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;margin-right:10px;}
#contain .lawno li dd{line-height:24px;margin-top:5px;}

.exbtn{background: url(/images/common/exbtn.gif) no-repeat left top;padding-left:10px;height:21px;display:inline-block;}
.exbtn span{background: url(/images/common/exbtn.gif) no-repeat right top;padding:0 10px 0 0;height:21px;display:inline-block;color:#999;}
#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{display:block;background-color:#8E8E8E;height:24px;width:90px;text-align:center;line-height:24px;color:#fff;}
#gNaviCtl li ul{position:absolute;top:25px;left:0px;}
#gNaviCtl li ul li{display:inline}
#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;}

.graph{height:185px;margin:20px 0}
.graph ul{font-size:11px;height:185px;}
.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 ul:after, .vGraph ul ul:after, .vGraph:after{ content:""; display:block; clear:both;}
.graph li{float:left; display:inline; width:50%; height:100%;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;}
.graph .gBar span{ color:#2B9AB5;position:absolute; width:100%; top:-20px; left:0;}

.trend{border:1px solid #ddd;background-color:#eee;padding:10px;margin-top:10px;}
.trend ul li strong{display:block;padding:5px 0;}
.trend ul ul, .trend ul p{padding-left:10px;color:#535353;}

/* 오시는길 */
ul.map li{margin-bottom:20px;}
ul.map li h3{margin-bottom:10px;}
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 img{width:100%;}

/*
#contain .box .boxcont div{text-indent:-5000px;}
#contain .box .boxcont div.define01{height:248px;background:url(/images/acc/define01.jpg) bottom left no-repeat;-webkit-background-size: 100% 248px;-o-background-size: 100% 248px;}
#contain .box .boxcont div.define02{background:url(/images/acc/define02.jpg) bottom left no-repeat;-webkit-background-size: 100% 144px;-o-background-size: 100% 144px;height:144px;}
#contain .box .boxcont div.define03{background:url(/images/acc/define03.jpg) bottom left no-repeat;-webkit-background-size: 100% 323px;-o-background-size: 100% 323px;height:323px;overflow:hidden;}
*/
#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 .box .boxcont ol.consulting01, #contain .box .boxcont ol.consulting02, #contain .box .boxcont ol.consulting03{padding:10px 0;}
#contain .box .boxcont ol.consulting01 li, #contain .box .boxcont ol.consulting02 li, #contain .box .boxcont ol.consulting03 li{background: url(/images/works/couBgne2.gif) no-repeat center bottom;padding-bottom:30px;margin-bottom:10px;}
#contain .box .boxcont ol.consulting01 li.end, #contain .box .boxcont ol.consulting02 li.end, #contain .box .boxcont ol.consulting03 li.end, #contain .box .boxcont ol.consulting03 li ul li{background:none;padding-bottom:0px;margin-bottom:0;}
#contain .box .boxcont ol.consulting01 li dl{background-color:#6DA7E7;border:1px solid #4374B8;color:#FFFFFF;text-align:center;width:80%;margin:0 auto;}
#contain .box .boxcont ol.consulting01 li dt{font-size:1.4em;font-weight:bold;}
#contain .box .boxcont ol.consulting02 li span{background-color:#6DA7E7;border:1px solid #4374B8;color:#FFFFFF;text-align:center;width:80%;margin:0 auto;display:block;font-size:1.4em;padding:10px 0;font-weight:bold;}
#contain .box .boxcont ol.consulting03 li span{background-color:#6DA7E7;border-top:1px solid #4374B8;border-left:1px solid #4374B8;border-right:1px solid #4374B8;color:#FFFFFF;text-align:center;width:80%;margin:0 auto;display:block;font-size:1.4em;padding:10px 0;font-weight:bold;}
#contain .box .boxcont ol.consulting03 li ul{background-color:#6DA7E7;border-bottom:1px solid #4374B8;border-left:1px solid #4374B8;border-right:1px solid #4374B8;color:#FFFFFF;text-align:center;width:80%;margin:0 auto;padding-bottom:10px;}

/* 조직도 */
#org{background: url(/images/team/orgBg.gif) no-repeat center 30px;padding:40px 0;}
#org .org01{background-color:#2295F0;border:1px solid #4374B8;width:20%;text-align:center;color:#fff;font-size:80%;padding:3% 0;margin-left:40%;}
#org .org02{border:1px solid #ddd;width:23%;text-align:center;color:#6B6B6B;font-size:60%;padding:2% 0;margin-left:65%;margin-top:-10%;}
#org .org03{margin-top:80px;}
#org .org03 li{background-color:#6DA7E7;border:1px solid #4374B8;width:17%;text-align:center;color:#fff;font-size:60%;padding:3% 0;float:left;margin-right:3%;}
#org .org03 li.org04{background-color:#F6B978;border:1px solid #D2A270;width:17%;text-align:center;color:#fff;font-size:60%;padding:3% 0;margin-right:0;}

/* 포토폴리오 */
.year{width:100%;}
.year:after{content:" "; display:block; clear:both;}
.year li{float:left;width:24%;}
.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 li{position:relative;margin-bottom:30px;width:100%;text-align:center;}
#portfolio li img{border:1px solid #ddd;width:100%;}
#portfolio li dl{margin-top:10px;}
#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:0;}
#portfolio li p img{width:100%;border:none;}

/* 인사말 */
#teamintro ul{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;padding:27px 0 0 10px;margin:0 auto;}
#teamintro div h3{margin:0 0 30px 0;text-align:center;}
#teamintro div div{background:none;padding-top:0;width:90%;border:1px solid #ddd;text-align:center;}

/* 프로필 */
#profile:after, #profile li:after, #profile li div dl:after{content:" "; display:block; clear:both;}
#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:5%;width:25%;}
#profile li div{float:left;width:69%;}
#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, #profile li div dl dd a{color:#565656;margin-bottom:3px;}
#profile li p{border:1px solid #ddd;background:#eee;padding:5px;}

.redi img{width:100%;}

/* 지지서명 */
#sealing{padding:33px 0 0 0;position:relative;margin-top:20px;}
#sealing div.fieldsetbox{border:1px solid #ddd;background-color:#F2F2F2;padding:10px 7% 10px 7%;width:86%;}
#sealing fieldset legend{color:#2295F0;font-size:1.4em;position:absolute;top:0px;left:0px;font-weight:bold;width:100%;}
#sealing fieldset dl{width:100%;}
#sealing fieldset dl dt{text-align:left;width:100%;color:#565656;font-weight:bold;}
#sealing fieldset dl dd{text-align:left;width:100%;}
#sealing fieldset dl dd input, #sealing fieldset dl dd textarea{height:19px;border:1px solid #ddd;}
#sealing fieldset div{margin-top:8px;text-align:center;}
#sealing fieldset div.seaerror{ width:70%;border:1px solid #ddd;padding:15px 3% 15px 27%;background:#fff url("/images/works/seaerror.gif") no-repeat 5% 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-left:none;border-top:1px solid #fff !important;border-bottom:1px solid #ddd;}
#sealing table tbody tr td{border-bottom:1px solid #ddd !important;padding:8px;border-right:1px solid #fff;}
#sealing table tbody tr td.name{font-weight:bold;}
#sealing table tbody tr td.data{font-size:0.9em;color:#8E8E8E;}
#sealingBg p strong img{width:50%;}
#sealingBg p img{width:40%;}

/* 페이지 넘버 */
.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;}

/* 버튼 스타일 */
.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.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;}
.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;}

/* 사이트맵 */
.sitemap{width:100%;margin-right:13px;}
.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;color:#8E8E8E;}
.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;}

#paging {clear:both;font-size:1.2em;font-weight:bold;padding:10px 0;text-align:right;color:#565656;}
#paging a{color:#565656;}
.seaall{color:#2295F0;font-weight:bold;}

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

.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;}