@charset "utf-8";

@import url('http://ts.daumcdn.net/custom/blog/0/606/skin/images/nanumgothic.css');

/* Html reset */
html.body {width:100%}
body{font-family:NanumGothic, 나눔고딕, Nanum Gothic;font-weight:normal;font-size:12px;color:#4a4a4a;line-height:20px;overflow-y:scroll;*overflow-y:none}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0;padding:0}
ul,ol,li{list-style:none}
fieldset{border:none;vertical-align:top}
legend, caption {display:none}
table {border-collapse:collapse;border-spacing:0}
a {color:#666;text-decoration:none}
a:hover, a:active, a:focus{color:#222;text-decoration:none}
img {border:0;vertical-align:middle}
input, select{padding:4px;font:normal 12px NanumGothic, 나눔고딕, Nanum Gothic;font-size:12px;color:#333;vertical-align:middle;border:1px solid #b3b3b3}
textarea{padding:4px;font:normal 12px NanumGothic, 나눔고딕, Nanum Gothic;color:#333;border:1px solid #b3b3b3}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal}
/* html5 reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}

/* Layout */
#wrap {width:100%}
#headwrap {position:absolute;left:0;top:0;width:100%;height:104px;background-color:#fff;z-index:999}
#header {position:relative;width:100%}
#container {position:relative}
#subContainer {position:relative;width:960px;min-height:600px;margin:0 auto;background:url(../images/bg/subContents_bg.gif) repeat-y left top;*zoom:1}
#subContainer:after {content:"";display:block;clear:both}
#footWrap {position:relative;height:199px;background:url(../images/bg/footer_bg.gif) repeat-x left top;overflow:hidden}

/* Index */
.visualWrap {position:relative;height:419px;margin-top:94px}
.mainVisual {height:419px}
.mainVisual.mv1 {background:url(../images/bg/mainVisual_bgImg01.jpg) no-repeat center top}
.mainVisual.mv2 {background:url(../images/bg/mainVisual_bgImg02.jpg) no-repeat center top}
.mainVisual.mv3 {background:url(../images/bg/mainVisual_bgImg03.jpg) no-repeat center top}
.mainVisual .mvCont {width:960px;margin:0 auto;padding-top:80px}
.mainVisual .mvCont p {width:340px;font-size:13px;color:#666}
.mainVisual .mvCont .slogan {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #a6aec7}
.mainVisual .mvCont p strong {display:block;margin-left:-2px;padding-bottom:10px}
.mainVisual .ctlBtn {position:absolute;top:370px;left:50%;margin-left:-476px}

.businessSec {position:relative;width:960px;height:280px;margin:0 auto;overflow:hidden}
.businessSec .busSec_tit {float:left;width:289px;height:235px;padding:45px 0 0 30px;background:#373e7f;z-index:10}
.businessSec .busSec_tit strong {display:block;font-weight:bold;font-size:24px;color:#fff;letter-spacing:-1px;line-height:28px}
.businessSec .busSec_tit p {padding-top:10px;color:#9fa3c3;line-height:18px}
.businessSec .busSlide {float:left;width:641px;background:#fff}
.businessSec .busSlide ul {*zoom:1}
.businessSec .busSlide ul:after {content:"";display:block;clear:both}
.businessSec .busSlide ul li {float:left;width:319px;height:139px;margin:0 -1px -1px 0;border:1px solid #d9d9d9;background:#fff}
.businessSec .busSlide ul li.bs1 {background:#fff url(../images/cont/businessSec_img01.png) no-repeat 90% 50px}
.businessSec .busSlide ul li.bs2 {background:#fff url(../images/cont/businessSec_img03.png) no-repeat 90% 40px}
.businessSec .busSlide ul li.bs3 {background:#fff url(../images/cont/businessSec_img02.png) no-repeat 90% 45px}
.businessSec .busSlide ul li.bs4 {background:#fff url(../images/cont/businessSec_img04.png) no-repeat 87% 40px}
.businessSec .busSlide ul li a {display:block;height:235px;padding:35px 0 0 30px}
.businessSec .busSlide ul li.bs4.on {background-color:#ececec}
.businessSec .busSlide ul li h3 {font-weight:bold;font-size:18px;color:#333}
.businessSec .busSlide ul li p {font-size:11px;padding-top:10px;line-height:16px}

.newsSec {width:960px;margin:0 auto;*zoom:1}
.newsSec:after {content:"";display:block;clear:both}
.newsSec article {float:left;height:145px;padding:35px 0}
.newsSec article h2 {font-weight:bold;font-size:21px;color:#111;letter-spacing:-1px}
.newsSec article p {padding-top:15px;color:#555;font-size:11px}
.newsSec .mNews {position:relative;width:288px;padding-left:30px;border:1px solid #d9d9d9}
.newsSec .mNews h2 {padding-bottom:10px}
.newsSec .mNews ul {margin-top:15px}
.newsSec .mNews ul li {line-height:22px;background:url(../images/icon/bullet02.png) no-repeat left 9px}
.newsSec .mNews ul li a {display:block;padding-left:8px;color:#333;font-size:13px}
.newsSec .mNews a.btn_more {position:absolute;top:20px;right:20px}
.newsSec .mResults {width:289px;padding-left:30px;margin-left:-1px;border:1px solid #d9d9d9;background:#d7f0f8 url(../images/cont/mResults_img.png) no-repeat center 110px}
.newsSec .mResults a {display:block;height:210px}
.newsSec .mAward {width:289px;padding-left:30px;margin-left:-1px;border:1px solid #d9d9d9;background:url(../images/cont/mAward_img.png) no-repeat center 120px}
.newsSec .mAward a {display:block;height:210px}
.newsSec .mTechnology {width:578px;height:210px;padding:35px 30px;border:1px solid #d9d9d9;border-bottom:none;margin-top:-1px}
.newsSec .mTechnology .tit {*zoom:1}
.newsSec .mTechnology .tit:after {content:"";display:block;clear:both}
.newsSec .mTechnology .tit h2 {float:left}
.newsSec .mTechnology .tit p {float:left;padding:0;margin-left:20px;margin-top:-5px;line-height:15px}
.newsSec .mTechnology .mt_list {position:relative;height:165px;margin-top:55px;text-align:center;background:url(../images/bg/mTechnology.png) no-repeat bottom center;*zoom:1;overflow:hidden} 
.newsSec .mTechnology .mt_list:after {content:"";display:block;clear:both}
.newsSec .mTechnology .mt_list ul {height:122px;margin-bottom:9px;margin-left:30px;overflow:hidden}
.newsSec .mTechnology .mt_list li {float:left;width:110px;height:115px;margin:0 8px;padding-top:6px;padding-left:4px;background:url(../images/bg/mTechnology_frame.png) no-repeat left center}
.newsSec .mTechnology .mt_list .btn_prev {position:absolute;left:0;top:15px}
.newsSec .mTechnology .mt_list .btn_next {position:absolute;right:0;top:15px}
.newsSec .banners {float:left;width:321px;height:280px;margin:0 0 0 -1px}
.newsSec .banners a {display:block;height:43px;padding:25px 28px;border:1px solid #d9d9d9;margin-top:-1px}
.newsSec .banners a h2 {font-weight:bold;font-size:18px;color:#111;letter-spacing:-1px}
.newsSec .banners a.b1 {background:url(../images/icon/banner_icon01.png) no-repeat 90% 50%}
.newsSec .banners a.b2 {background:url(../images/icon/banner_icon02.png) no-repeat 90% 50%}
.newsSec .banners a.b3 {border-bottom:none;background:url(../images/icon/banner_icon03.png) no-repeat 90% 50%}
.newsSec .banners a:hover {background-color:#e6e6e6}

/* Index - Slide배너 */
#slides {position:relative;height:419px;z-index:0}
#slides .slidesjs-navigation {display:none;margin-top:5px} /* Slide Control */
a.slidesjs-next {position:absolute;top:300px;right:50%;margin-right:-700px;background-image:url(../images/btn/mainVisual_btn_next.png);background-repeat:no-repeat;display:block;width:78px;height:78px;font-size:0;z-index:200}
a.slidesjs-previous {position:absolute;top:300px;left:50%;margin-left:-700px;background-image:url(../images/btn/mainVisual_btn_prev.png);background-repeat:no-repeat;display:block;width:78px;height:78px;font-size:0;z-index:200}
a.slidesjs-play,
a.slidesjs-stop {position:absolute;top:300px;left:100px;background-position:-41px 0;text-indent:-9999px}
a.slidesjs-next {background-position:0 0} 
a:hover.slidesjs-next {background-position:0 0}
a.slidesjs-previous {background-position:0 0}
a:hover.slidesjs-previous {background-position:0 0}
a.slidesjs-play {display:none;width:15px;background-position:-25px 0}
a:hover.slidesjs-play {display:none;background-position:-25px -18px}
a.slidesjs-stop {display:none;width:18px;background-position:-41px 0}
a:hover.slidesjs-stop {display:none;background-position:-41px -18px}
.slidesjs-pagination {position:absolute;bottom:30px;left:50%;margin-left:-484px;z-index:1000}  /* Slide Navigation */
.slidesjs-pagination li {display:inline-block;margin:0 2px}
.slidesjs-pagination li a {float:left;display:block;width:15px;height:15px;font-size:0;background:url(../images/btn/mainVisual_btn_nav.png) no-repeat left top;background-position:0 0}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover {background-position:0 -15px}
.slidesjs-pagination li a:hover.active {background-position:0 -15px}

/* Common */
.hdTop {position:relative;width:960px;height:66px;margin:0 auto}
.hdTop h1 {position:absolute;top:17px;left:0}
.hdTop .util {position:absolute;top:17px;right:0;width:250px}
.hdTop .util li {float:left;padding:0 8px;background:url(../images/icon/bullet01.png) no-repeat right 50%}
.hdTop .util li+li+li+li {padding-right:none;background:none}
.hdTop .util li a {display:block;text-align:center;font-weight:bold;font-size:12px;color:#8a8a8a}
.hdTop .util li a:hover {color:#333}

#gnb {height:48px;background:url(../images/bg/gnb_bg.png) no-repeat center top}
#gnb > nav {width:960px;margin:0 auto}
#gnb > nav > ul {*zoom:1}
#gnb > nav > ul:after {content:"";display:block;clear:both}
#gnb > nav > ul > li {position:relative;float:left;width:160px;height:38px;line-height:38px}
#gnb > nav > ul > li > a {display:block;text-align:center;font-size:14px;color:#fff;background:url(../images/bg/gnb_slineBg.png) repeat-y left}
#gnb > nav > ul > li > a:hover,
#gnb > nav > ul > li > a.on {background-color:#0b2f78}
#gnb > nav > ul > li > .twoDep > ul {position:absolute;left:1px;top:38px;width:160px;height:195px;padding:15px 0;border-right:1px solid #efefef;z-index:100}
#gnb > nav > ul > li > .twoDep > ul > li {*height:22px;*line-height:22px}
#gnb > nav > ul > li > .twoDep > ul > li > a {display:block;height:20px;line-height:20px;padding:1px 25px;color:#333;text-align:left}
#gnb > nav > ul > li > .twoDep > ul > li > a:hover {color:#000;background:#cccfe8 url(../images/icon/arrow_gnb.gif) no-repeat 90% 50%}
#gnb > nav > ul > li > .twoDep.d6 .r {width:130px;border-right:none}

.footer {width:960px;margin:0 auto;*zoom:1}
.footer:after {content:"";display:block;clear:both}
.ft_parters {/*float:left;width:640px;*/height:40px;line-height:40px}
.ft_parters h2 {float:left;margin-right:15px;font-weight:bold;font-size:14px;color:#333}
.ft_parters .rollBanner {position:relative;float:left;width:800px;overflow:hidden}
.ft_parters .rollDiv {width:800px;height:40px;overflow:hidden}
.ft_parters .rollDiv .rolling {position:absolute;top:0;left:0}
.ft_parters .rollDiv .rolling a {display:block;float:left;margin:0 15px}
.ft_parters .rollDiv .rolling.rollTwo {margin-left:-60px}
.ft_parters ul {float:left}
.ft_parters ul li {float:left;padding:0 10px}
.ft_parters .btn_more {display:inline-block;padding-right:20px;margin-left:20px;font-size:12px;color:#333;background:url(../images/icon/bullet_arrow.png) no-repeat right 50%}
.relatedSite {position:absolute;top:0;left:50%;margin-left:160px;width:100%;height:40px;background:url(../images/bg/relatedSite_bg.gif) repeat-x}
.relatedSite a {display:inline-block;width:65px;line-height:40px;padding:0 25px;font-size:13px;font-weight:bold;color:#fff;background:url(../images/icon/bullet_arrow01.png) no-repeat 85px 50%}
.ftBottom {width:960px;margin:0 auto;padding-top:40px;overflow:hidden}
.ftBottom .ci {float:left;margin-right:30px;margin-top:5px}
.ftBottom .copyright {float:left;color:#666}
.certification {padding-left:100px;margin-top:20px}
.certification li {float:left;padding:0 15px;background:url(../images/icon/footer_sling01.gif) no-repeat right 50%}
.certification li:last-child {background:none}

.subVisual {position:relative;height:159px;margin-top:94px;*margin-top:150px;background:url(../images/bg/subVisual_bg.gif) repeat-y center top}
.subVisual .svCont {position:relative;width:960px;height:159px;margin:0 auto}
.subVisual .svCont.sv1 {background:url(../images/bg/subVisual_bg01.jpg) no-repeat right top}
.subVisual .svCont.sv2 {background:url(../images/bg/subVisual_bg02.jpg) no-repeat right top}
.subVisual .svCont.sv3 {background:url(../images/bg/subVisual_bg03.jpg) no-repeat right top}
.subVisual .svCont.sv4 {background:url(../images/bg/subVisual_bg04.jpg) no-repeat right top}
.subVisual .svCont.sv5 {background:url(../images/bg/subVisual_bg05.jpg) no-repeat right top}
.subVisual .svCont.sv6 {background:url(../images/bg/subVisual_bg06.jpg) no-repeat right top}
.subVisual .svCont p {position:absolute;top:40px;left:208px}

.leftSec {position:relative;float:left;width:170px;margin-top:0px;padding-bottom:0px;text-align:left}
.leftSec h2 {height:134px;text-align:center;/*line-height:160px;*/padding-top:0px;background:url(http://dongbucokr.cafe24.com/bizdemo21168/img/images/lnb_tit_bg.gif) no-repeat left top}
#lnb>ul>li {border-bottom:1px solid #d9d9d9}
#lnb>ul>li a {display:block;height:34px;line-height:34px;font-weight:bold;font-size:12px;color:#333;}
#lnb>ul>li.on {background:#2d4c83 url(http://daedongrack.cafe24.com/bizdemo21168/img/images/bullet_lnb.png) no-repeat 90% 14px}/*글자배경*/
#lnb>ul>li.on a {color:#fff}
#lnb>ul>li a:hover,
#lnb>ul>li a.on {color:#fff;background:#2d4c83 url(http://daedongrack.cafe24.com/bizdemo21168/img/images/bullet_lnb.png) no-repeat 90% 14px}
#lnb>ul>li div.lnbTwo {margin-bottom:-1px;border-top:0px solid #d9d9d9;background:url(http://daedongrack.cafe24.com/bizdemo21168/img/images/subContents_bg.gif) repeat-y left top}
#lnb>ul>li div.lnbTwo a {display:block;height:34px;line-height:34px;border-bottom:1px solid #d9d9d9;font-size:12px;font-weight:bold;color:#999;padding:0 0 0 20px;background:url(http://dongbucokr.cafe24.com/bizdemo21168/img/images/bullet_lnb01.png) no-repeat 10px 50%}
#lnb>ul>li div.lnbTwo a.on,
#lnb>ul>li div.lnbTwo a:hover {color:#333}

.contSec {float:left;width:752px;border-top:1px solid #d9d9d9;margin-top:-1px;padding:40px 0 80px 47px}
.contSec .tit {position:relative;height:34px;*zoom:1}
.contSec .tit:after {content:"";display:block;clear:both}
.contSec .tit h3 {font-size:30px;font-weight:bold;color:#333;letter-spacing:-1px;line-height:30px}
.contSec .tit h3 span {font-size:13px;font-weight:normal;color:#999;letter-spacing:normal;margin-left:10px}
.contSec .tit .path {position:absolute;top:7px;right:5px}
.contSec .tit .path span {margin:0 5px;font-family:NanumGothic, 나눔고딕, Nanum Gothic;font-size:11px;color:#999}
.contSec .subTabs ul {margin-top:50px;overflow:hidden}
.contSec .subTabs ul li {float:left;margin-right:-1px}
.contSec .subTabs ul.s2 li {width:50%}
.contSec .subTabs ul.s3 li {width:33%}
.contSec .subTabs ul.s3 li:last-child {width:34%}
.contSec .subTabs ul.s5 li {width:20%}
.contSec .subTabs ul.s6 li {width:16%}
.contSec .subTabs ul.s6 li:last-child {width:20%}
.contSec .subTabs ul li a {position:relative;display:block;padding:10px;border:1px solid #e9e9e9;font-weight:bold;font-size:13px;color:#555;text-align:center;background:#fbfbfb}
.contSec .subTabs ul li a:hover {text-decoration:underline}
.contSec .subTabs ul li a.on {position:relative;color:#4d4d5f;border:1px solid #a4a4ab;background:#b1b1b9;z-index:10}

.contents {position:relative;margin-top:40px;line-height:24px}
.contents p {font-size:14px;color:#4a4a4a}
.contents .cnts_img {margin-top:50px;overflow:hidden}
.contents .cnts_img img {float:left;margin-right:12px}
.contents .cnts_img img+img {margin-right:0}

/* 회사소개 */
.greeting .headline {padding-bottom:30px;border-bottom:1px solid #e5e5e5;background:url(../images/cont/greeting_img01.png) no-repeat right top}
.greeting .headline strong {display:block;font-size:22px;color:#1d2d7f;padding:5px 0 10px}
.greeting .headline p {font-weight:bold;font-size:16px;color:#5e606c}
.greeting .gt_cont {padding-top:25px;*zoom:1}
.greeting .gt_cont:after {content:"";clear:both;display:block}
.greeting .gt_cont p {float:left;width:355px;margin-right:40px;font-size:13px;color:#4a4a4a;line-height:22px}
.greeting .gt_cont p.r {margin-right:0}
.greeting .gt_cont .sign {clear:both;padding-top:30px;text-align:right}
.greeting .gt_cont .sign img {margin-bottom:40px;margin-left:10px}

.philosophy .headline {padding:20px;border:1px solid #d9d9d9;overflow:hidden}
.philosophy .headline span {display:block;float:left;padding:0 50px 0 40px;margin-right:25px;height:75px;line-height:75px;border-right:1px solid #d9d9d9}
.philosophy .headline p {font-weight:bold;font-size:13px;color:#666;line-height:20px;}
.philosophy .headline p strong {display:block;font-size:18px;color:#4b589c;padding-bottom:15px}
.philosophy .psy_cont {margin-top:50px}
.philosophy .psy_cont ul {*zoom:1}
.philosophy .psy_cont ul:after {content:"";clear:both;display:block}
.philosophy .psy_cont ul li {float:left;width:210px;padding:0 20px;border-right:1px solid #d9d9d9;text-align:center}
.philosophy .psy_cont ul li+li+li {border-right:0}
.philosophy .psy_cont ul li span {display:block;margin-top:-20px;text-align:center}
.philosophy .psy_cont ul li h4 {margin:20px 0 25px;font-weight:bold;font-size:14px;color:#666}
.philosophy .psy_cont ul li h4 strong {display:block;font-size:18px}
.philosophy .psy_cont ul li h4 strong.s1 {color:#016f94}
.philosophy .psy_cont ul li h4 strong.s2 {color:#2435ab}
.philosophy .psy_cont ul li h4 strong.s3 {color:#000}
.philosophy .psy_cont ul li p {font-size:12px;color:#555;line-height:18px;text-align:left;letter-spacing:-1px}

.organization .headline {padding:20px;border:1px solid #d9d9d9;overflow:hidden}
.organization .headline span {display:block;float:left;padding:0 50px 0 40px;margin-right:25px;height:75px;line-height:75px;border-right:1px solid #d9d9d9}
.organization .headline p {font-weight:bold;font-size:13px;color:#666;line-height:20px;}
.organization .headline p strong {display:block;font-size:18px;color:#4b589c;padding-bottom:15px}
.organization .or_cont {position:relative;margin-top:50px}
.organization .or_cont .or_map {position:absolute;top:0;left:-1000000px}

.history {position:relative;margin-left:84px;border-left:1px solid #d3d3d3}
.history .years {position:relatives;margin-left:-84px}
.history .years .yrs {display:block;float:left;width:368px;height:118px;padding-top:51px;padding-right:22px;font-weight:bold;font-family:NanumGothic, 나눔고딕, Nanum Gothic;font-size:28px;color:#222;text-align:right}
.history .years .yrs.y1 {background:url(../images/cont/history_2000s.png) no-repeat left top}
.history .years .yrs.y2 {background:url(../images/cont/history_1990s.png) no-repeat left top}
.history .years dl {padding-top:50px;overflow:hidden}
.history .years dl dt {float:left;font-weight:bold;color:#2e2e2e}
.history .years dl dd {padding-left:65px;color:#4a4a4a}
.history .y_ci {position:absolute;left:0;top:255px;margin-left:-84px}

.license .lcsList h4 {font-weight:bold;font-size:18px;color:#5460a7;padding-top:5px;letter-spacing:-1px;background:url(../images/icon/h4_bullet.png) no-repeat left top}
.license .lcsList .items {padding:20px 0 45px;text-align:center;background:url(../images/bg/license_listBg.gif) no-repeat center bottom}
.license .lcsList .items ul {display:inline-block;*zoom:1}
.license .lcsList .items ul:after {content:"";clear:both;display:block}
.license .lcsList .items ul li {float:left;margin-right:60px;width:150px;height:145px;padding-top:18px;background:url(../images/bg/license_itemsBg.gif) no-repeat center bottom}
.license .lcsList .items ul li.r {margin-right:0}
.license .lcsList .items ul li p {font-size:12px;padding:35px 0 10px;line-height:16px}
.license .lcsList .items ul li a {font-weight:bold}
.license .lcsList .items ul li a:hover p {color:#000}
.license .lcsList .items ul li a span {display:inline-block;border:1px solid #858585}
.license .lcsList .items.i4 li {margin-right:30px}
#item_none {padding:20px 0 0px;text-align:center; background:url();	}
#item_none_main {float:left;width:110px;height:115px;margin:0 8px;padding-top:6px;padding-left:4px;background:url() no-repeat left center}

.popup_license {width:500px;background:#fff}
.popup_license .btn_close {position:absolute;top:-60px;right:15px}
.popup_portfolio {width:730px;}
.popup_portfolio .btn_close {position:absolute;top:-60px;right:15px}

.awards .headline {padding:20px;border:1px solid #d9d9d9;overflow:hidden}
.awards .headline span {display:block;float:left;padding:0 50px 0 40px;margin-right:25px;height:75px;line-height:75px;border-right:1px solid #d9d9d9}
.awards .headline p {font-weight:bold;font-size:13px;color:#666;line-height:20px;}
.awards .headline p strong {display:block;font-size:18px;color:#4b589c;padding-bottom:15px}
.awards .awds_cont {padding-top:30px}
.awards .awds_cont .lists {overflow:hidden}
.awards .awds_cont .lists .yr {float:left;margin-right:25px;font-weight:bold;font-family:NanumGothic, 나눔고딕, Nanum Gothic;font-size:28px;color:#222}
.awards .awds_cont .lists dl {font-size:13px;overflow:hidden}
.awards .awds_cont .lists dl dt {float:left;clear:both;margin-right:20px;font-weight:bold;color:#2e2e2e}
.awards .awds_cont .lists dl dd {padding-left:110px;color:#4a4a4a}
.awards .awds_cont .lists.y2000 {padding:40px 0 0 110px}
.awards .lcsList .items ul li {float:left;margin-right:60px;width:150px;height:169px;padding-top:34px;background:url(../images/bg/awards_itemsBg.gif) no-repeat center bottom}

.contactus {overflow:hidden}
.contactus .map {float:left;width:512px;margin-right:29px;border-top:3px solid #4d599b}
.contactus .address {float:left;width:211px;border-top:3px solid #4d599b}
.contactus .address h4 {padding:15px 0;font-weight:bold;font-size:16px;color:#131313}
.contactus .address p {font-size:13px;color:#757575;line-height:18px}

/* 보유기술 */
.technology {font-size:14px}
.technology h4 {padding-left:22px;margin:40px 0 15px;font-weight:bold;font-size:16px;color:#5460a7;background:url(../images/icon/h4_bullet01.png) no-repeat left 5px}
.technology .roundBrd h5 {height:37px;padding-left:30px;font-weight:bold;font-size:15px;line-height:37px;color:#2f2f2f;background:url(../images/bg/cont_roundBorder_titBg.gif) no-repeat left 50%}
.technology .roundBrd .rbCon {padding:15px 40px 10px;text-align:center;border-left:2px solid #ddd;border-right:2px solid #ddd;overflow:hidden}
.technology .roundBrd .rbCon span {float:left}
.technology .roundBrd .rbCon p {padding:20px 50px 0 290px;text-align:left}
.technology .roundBrd .rbB {height:15px;background:url(../images/bg/cont_roundBorder_bottom.gif) no-repeat left bottom}
.technology .roundBrdM {position:absolute;top:0;right:0;width:481px}
.technology .roundBrdM h5 {height:37px;padding-left:30px;font-weight:bold;font-size:15px;line-height:37px;color:#2f2f2f;background:url(../images/bg/cont_roundBorderM_titBg.gif) no-repeat left 50%}
.technology .roundBrdM .rbCon {padding:10px 20px;text-align:center;border-left:2px solid #ddd;border-right:2px solid #ddd;overflow:hidden}
.technology .roundBrdM .rbB {height:15px;background:url(../images/bg/cont_roundBorderM_bottom.gif) no-repeat left bottom}
.technology .roundBrdS {float:left;width:401px;margin-left:20px}
.technology .roundBrdS h5 {height:37px;padding-left:30px;font-weight:bold;font-size:15px;line-height:37px;color:#2f2f2f;background:url(../images/bg/cont_roundBorderS_titBg.gif) no-repeat left 50%}
.technology .roundBrdS .rbCon {padding:10px 20px;text-align:center;border-left:2px solid #ddd;border-right:2px solid #ddd;overflow:hidden}
.technology .roundBrdS .rbB {height:15px;background:url(../images/bg/cont_roundBorderS_bottom.gif) no-repeat left bottom}
.technology .roundBrd_wrap {padding-top:30px;overflow:hidden}
.technology .cont {position:relative}
.technology h5.common {font-weight:bold;font-size:14px;color:#4a4a4a;padding-left:10px;background:url(../images/icon/bullet03.png) no-repeat left 50%}
.technology .roundBrdD {float:left;width:368px;margin-right:16px}
.technology .roundBrdD h5 {height:37px;padding-left:30px;font-weight:bold;font-size:15px;line-height:37px;color:#2f2f2f;background:url(../images/bg/cont_roundBorderD_titBg.gif) no-repeat left 50%}
.technology .roundBrdD .rbCon {padding:10px 20px;text-align:center;border-left:2px solid #ddd;border-right:2px solid #ddd;overflow:hidden}
.technology .roundBrdD .rbB {height:15px;background:url(../images/bg/cont_roundBorderD_bottom.gif) no-repeat left bottom}
.technology .roundBrdD.r {margin-right:0}
.technology .cont .ct_split {width:380px;overflow:hidden} /* li 컬럼구조(2열)일때 */
.technology .cont .ct_split li {float:left;width:170px}
.technology .cont ul li {padding-left:15px;background:url(../images/icon/bullet03.png) no-repeat 5px 12px}
.technology .cont ul li h5 {font-weight:bold;font-size:14px;color:#49494a}
.technology .cont_v {padding-left:25px}
.technology .cont_v h5 {padding-left:10px;font-weight:bold;font-size:14px;color:#49494a;text-decoration:underline;background:url(../images/icon/h5_bullet.png) no-repeat left 10px}
.technology .cont_v ul {padding:5px}
.technology .cont_v li {padding-left:15px;margin-bottom:5px;background:url(../images/icon/bullet03.png) no-repeat 5px 12px}
.technology .cont_v li dl {overflow:hidden}
.technology .cont_v li dt,.technology .cont_v li dd {float:left}
.technology .cont_v li dt {clear:both;padding-right:10px}
.technology .cont_v1 {overflow:hidden}
.technology .cont_v1 p {float:left;width:330px}
.technology .cont_t h5  {padding-left:10px;font-weight:bold;font-size:14px;color:#49494a;background:url(../images/icon/bullet03.png) no-repeat left 50%}
.technology .cont_split > ul > li {padding-left:15px;margin-bottom:30px;overflow:hidden}
.technology .cont_split > ul > li h5 {float:left;padding-left:10px;margin-right:20px;font-weight:bold;font-size:14px;color:#49494a;background:url(../images/icon/bullet03.png) no-repeat left 10px}
.technology .cont_split > ul > li > .ctst_c {margin-left:130px;border-left:1px solid #d9d9d9;padding-left:15px}
.technology .cont_split > ul > li > ul > li span {display:block;padding-left:60px}
.technology .maintenance {position:relative}
.technology .maintenance .expImg {position:absolute;bottom:0;right:0}

/* 고객지원 */
.partners h4 {float:left;width:124px;height:89px;margin:-1px 0 0 -1px;font-width:bold;font-size:14px;color:#fff;text-align:center;line-height:89px;border:1px solid #999}
.partners h4.t1 {background:#5460a7}
.partners h4.t2 {background:#5472a7}
.partners h4.t3 {background:#5492a7}
.partners h4.t4 {background:#54a788}
.partners .pts_items li {float:left;width:124px;height:89px;margin:-1px 0 0 -1px;border:1px solid #d9d9d9}
.partners .pts_items li a {display:block;height:89px;text-align:center;line-height:89px}

/* table 기본 */
table.basic_table {position:relative;width:100%;border-top:1px solid #c8c8c8}
table.basic_table thead th {padding:8px 5px 10px;font-size:13px;color:#333;text-align:center;border-top:1px solid #333;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#f7f7f7}
table.basic_table thead th.r {border-right:none}
table.basic_table tbody th,
table.basic_table tbody td {padding:10px;color:#777;text-align:center;vertical-align:middle;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
table.basic_table tbody th {text-align:center;font-weight:bold;color:#333;background:#f2f2f2}
table.basic_table tbody td {border-right:none;border-right:1px solid #ddd}
table.basic_table tbody td.r {border-right:none}

/* table | thead Blue */
table.blue_table {position:relative;width:100%;border-top:3px solid #7179c1}
table.blue_table thead th {padding:8px 5px 10px;font-weight:bold;font-size:14px;color:#5460a7;text-align:center;border-top:1px solid #333;border-bottom:1px solid #ddd;background:#eaebf6}
table.blue_table thead th.r {border-right:none}
table.blue_table tbody th.tTit {font-weight:bold;font-size:14px;color:#5460a7;background:#eaebf6}
table.blue_table tbody th,
table.blue_table tbody td {padding:10px;font-size:13px;color:#4a4a4a;line-height:20px;vertical-align:middle;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
table.blue_table tbody th {text-align:center;font-weight:bold;color:#333;background:#f8f8f8}
table.blue_table tbody td {border-right:none;border-right:1px solid #ddd}
table.blue_table tbody td.rline {border-right:1px solid #ddd}
table.blue_table tbody td.pad {padding-left:30px}
table.blue_table tbody td.r,
table.blue_table tbody td:last-child {border-right:none}

/* 게시판 검색 */
.search_box {*zoom:1}
.search_box:after {content:"";clear:both;display:block}
.search_box .pages {float:left;padding-top:6px;font-size:11px;color:#7e7e7e}
.search_box .select_search input.btn_search {margin:0;margin-bottom:-8px;*margin-bottom:-4px;padding:0;border:none}
.select_search input.btn_sch {padding:0;border:0;background:none}
.srh_b {margin-top:20px;padding:17px 0;text-align:center;border:1px solid #d7d7d3;background:#f7f7f7} /* 하단 검색창 */
.select_search {display:inline-block}

/* BOARD : 리스트 */
.board_list {position:relative}
.board_list table {width:100%}
.board_list thead {color:#333;border-top:1px solid #888;border-bottom:1px solid #d2d2d2;background:#f9f9f9}
.board_list thead th {height:40px;line-height:40px;font:bold 13px NanumGothic, 나눔고딕, Nanum Gothic;text-align:center}
.board_list tbody td {height:25px;padding:7px 0;text-align:center;vertical-align:middle;border-bottom:1px solid #eee}
.board_list tbody td span.reply {margin-left:20px;margin-right:-10px}
.board_list tbody td.notice {color:#e03136}
.board_list tbody td.rl {border-right:1px solid #e3e3e3}
.board_list tbody a {font-weight:normal;color:#333}
.board_list tbody a:hover {color:#000}
.board_list tbody a.btn_view {margin-right:0}
.board_list tbody a.btn_modify {margin-left:0;margin-right:5px}
.board_list tbody a.attached {padding-left:20px;margin:0;font-family:NanumGothic, 나눔고딕, Nanum Gothic;font-size:10px;color:#666}
.board_list tbody a.attached:hover {color:#000;text-decoration:underline}
.board_list tbody a.attached.hwp {background:url(../images/board/attached_hwp.png) no-repeat left 50%}
.board_list tbody a.attached.zip {background:url(../images/board/attached_zip.png) no-repeat left 50%}
.board_list tbody a.attached.pdf {background:url(../images/board/attached_pdf.png) no-repeat left 50%}
.board_list tbody tr:hover {background:#fdfdfd;*cursor:pointer}
.board_list tbody .tl {padding-left:10px;text-align:left}
.board_list tbody .subject {padding-left:10px;text-align:left;color:#333}
.board_list .tNote {margin-top:10px;text-align:right;font-family:NanumGothic, 나눔고딕, Nanum Gothic;font-size:11px;color:#999;letter-spacing:-1px}

/* BOARD : 포토갤러리 리스트 */
.gallery_list {width:100%;margin-top:10px;border-top:1px solid #333}
.gallery_list ul {*zoom:1}
.gallery_list ul:after {content:"";clear:both;display:block}
.gallery_list ul li {float:left;display:inline;width:160px;min-height:171px;margin-top:30px;margin-right:40px;border-bottom:1px solid #ccc}
.gallery_list ul li.end {margin-right:0}
.gallery_list ul li .thumb {position:relative;width:158px;height:117px;border:1px solid #666}
.gallery_list ul li .thumb a {position:absolute;bottom:-1px;right:-1px}
.gallery_list ul li .cont {min-height:55px;padding:12px 3px;color:#333}
.gallery_list ul li .cont a:hover {color:#0c4da2}
.gallery_list ul li .cont span {display:block;font:normal 10px tahoma;color:#999;margin-top:3px}
.gallery_list ul li .thumb  a.btn_play {bottom:5px;right:5px}

/* BOARD : 상세 */
.board_view {position:relative;width:100%}
.board_view .tit_sec {height:45px;line-height:45px;border-top:1px solid #333;border-bottom:1px solid #dadada;background:#fff url(../images/bg/board_view_tit_bg.gif) repeat-x top}
.board_view .tit_sec .tit {float:left;font-weight:bold;font-size:14px;color:#333}
.board_view .tit_sec .date {float:right;font-size:11px}
.board_view .tit_sec .date span {margin-left:10px}
.board_view .con {position:relative;padding:35px 0;min-height:200px;border-bottom:1px solid #dadada}
.board_view .con .attached {position:relative;padding:10px;margin-top:-35px;margin-bottom:25px;background:#f8f8f8}
.board_view .con .attached a {margin-left:10px;color:#1c76b1}
.board_view .con .attached a:hover {text-decoration:underline}

/* BOARD : 글쓰기, 입력폼 */
.write {width:100%;border-top:1px solid #999}
.write th,.write td {border-bottom:1px solid #dadada;text-align:left;padding:10px 0 10px 10px;vertical-align:middle}
.write th {font-size:12px;font-weight:bold;padding-left:25px;background:#f9f9f9}
.write th.blank {padding-left:15px !important;background:#eee !important}
.write td.comment {padding:10px 0}
.write .add_tx {margin-left:5px;padding-left:15px;font-family:NanumGothic, 나눔고딕, Nanum Gothic;font-size:11px;color:#999;letter-spacing:-1px;background:url(../images/icon/icon_check.gif) no-repeat left 50%}
.write .edit_sec {position:relative}
.write .edit_sec .exp_tx {position:absolute;top:10px;left:10px}
.write select option {padding:4px 10px 4px 0}
.write button {cursor:pointer}
.write .edit_file {display:none}
.write label {margin-right:15px}

/* BOARD : 이전글, 다음글 */
.prev_next {border-top:1px solid #999}
.prev_next table {width:100%}
.prev_next th {padding:8px 0;border-bottom:1px solid #dadada;background:#f0f0f0}
.prev_next td {vertical-align:middle;padding:0 10px;border-bottom:1px solid #dadada}
.btn {text-align:right;margin-top:30px}

/* BOARD : 페이징 */
div.pagination {position:relative;padding:40px 0 20px;text-align:center}
div.pagination a {display:inline-block;width:26px;height:20px;padding-top:5px;color:#777;font:11px tahoma;border:1px solid #ccc;text-align:center;text-decoration:none;vertical-align:top;background:#fff}
div.pagination a:hover {color:#333;font-weight:bold;background:#f9f9f9}
div.pagination strong {display:inline-block;width:26px;height:20px;padding-top:5px;color:#fff;font:bold 11px tahoma;border:1px solid #555;text-align:center;background:#666;vertical-align:top}
div.pagination a.first, 
div.pagination a.prev, 
div.pagination a.next, 
div.pagination a.last {border:0;padding-top:0px;border:0}
div.pagination .button {position:absolute;right:0;top:30px}
div.pagination .button a {border:none;width:auto;height:auto;padding:0}

/* faq */
.faq {position:relative;z-index:10}
.faq ul.faqBody {margin-top:1px}
.faq ul.faqBody li p.q {font-size:13px;font-weight:bold;margin-top:-1px;padding-left:12px;line-height:35px;background:url(../images/board/faq_bg.gif) repeat-x left top;border:1px solid #ccc;cursor:pointer}
.faq ul.faqBody li p.a {padding:25px 15px 25px 35px;color:#666;margin-top:-1px;background:url(../images/board/icon_faq_a.png) no-repeat 14px 28px;border:1px solid #ccc}
.faq ul.faqBody li p a {display:block;padding-left:21px;color:#333;background:url(../images/board/icon_faq_q.png) no-repeat left 50%}
.faq ul.faqBody li p a:hover {color:#000}

/* Sitemap */
.sitemap .sm_cont {border-bottom:1px solid #e9e9e9;padding-bottom:30px;margin-bottom:30px}
.sitemap .sm_cont h4 {font-weight:bold;font-size:16px;color:#fff;height:23px;padding-left:20px;line-height:22px;background:url(../images/bg/sitemap_titBg.png) no-repeat left 50%}
.sitemap .sm_cont > ul.list1 {margin-top:15px;margin-left:-20px;overflow:hidden}
.sitemap .sm_cont > ul.list1 > li {float:left;background:url(../images/icon/sline01.png) no-repeat right 50%}
.sitemap .sm_cont > ul.list1 > li.end {background:none}
.sitemap .sm_cont > ul.list1 > li > a {padding:0 20px;font-weight:bold;font-size:13px;color:#333}
.sitemap .sm_cont > ul.list2 {margin-top:15px;overflow:hidden}
.sitemap .sm_cont > ul.list2 > li {position:relative;width:110px;border-right:1px solid #d0d0d0}
.sitemap .sm_cont > ul.list2 > li > a {font-weight:bold;font-size:13px;color:#333}
.sitemap .sm_cont > ul.list2 > li > ul {position:absolute;top:0;left:120px;width:650px}
.sitemap .sm_cont > ul.list2 > li > ul > li {float:left;background:url(../images/icon/sline01.png) no-repeat right 50%}
.sitemap .sm_cont > ul.list2 > li > ul > li > a {padding:0 15px;font-weight:bold;color:#666}

/* UTIL - 간격 */
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px}
.mt80 {margin-top:80px}
.mr20 {margin-right:20px}
.mtm30 {margin-top:-30px}
.tb10 {padding:10px 0}
/* UTIL - 정렬 */
.tc {text-align:center}
.tr {text-align:right}
.tl {text-align:left !important}
.fl {float:left}
.fr {float:right}
/* UTIL - Input Box */
.ib15 {width:15px}
.ib25 {width:25px}
.ib30 {width:30px}
.ib40 {width:40px}
.ib50 {width:50px}
.ib75 {width:75px}
.ib110 {width:110px}
.ib170 {width:170px}
.ib200 {width:200px}
.ib250 {width:250px}
.ib300 {width:300px}
.ib500 {width:500px}
.ib600 {width:600px}
.ib700 {width:700px}
/* UTIL - 속성해제 */
.clear_border {border:none !important;padding:0;margin:0;background:none}
.input_clear {border:0;background:none}
.blind {display:none}
.clbh {clear:both}