@charset "UTF-8";


@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src: local('Pretendard Medium'), url('../fonts/Pretendard_font/Pretendard-Medium.woff') format('woff');
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p,label,em { padding:0px; margin:0px; }
body { background-color:#f9fafb; overflow-y:scroll; }
div,th,td,p { font-family:Gulim,Tahoma; font-size:9pt; color:#666666; line-height:18px; }
fieldset { border:0px; }
legend,caption,hr { display:none; }
img { border:0px; vertical-align:middle; }
ol,ul,li { list-style:none; }

input, select { font-family:Gulim; font-size:9pt; color:#666666; vertical-align:middle; }
textarea { font-family:Gulim; font-size:9pt; color:#666666; border:1px #ccccce solid; background-color:#ffffff; padding:3px 3px; width:100%; height:200px; }
.inputDef { border:1px #ccccce solid; background-color:#ffffff; padding:3px 3px; }
.phoneNum01 { width:40px; }
.phoneNum02 { width:70px; }
.phoneNum03 { width:70px; }

a.nnl:link, a.nnl:visited { color:#666666; text-decoration:none; }
a.nnl:hover, a.nnl:active { color:#222222; text-decoration:none; }

a.nul:link, a.nul:visited { color:#666666; text-decoration:none; }
a.nul:hover, a.nul:active { color:#222222; text-decoration:underline; }

a.nulc:link, a.nulc:visited { color:#32468a; text-decoration:none; }
a.nulc:hover, a.nulc:active { color:#32468a; text-decoration:underline; }

.hidden { display:none; }

td.center { text-align:center; }
td.right { text-align:right; }


/* Content Margin */

.mgTop00 { margin-top:0px; }
.mgTop05 { margin-top:5px; }
.mgTop10 { margin-top:10px; }
.mgTop15 { margin-top:15px; }
.mgTop20 { margin-top:20px; }
.mgTop25 { margin-top:25px; }
.mgTop30 { margin-top:30px; }
.mgTop35 { margin-top:35px; }
.mgTop40 { margin-top:40px; }
.mgTop45 { margin-top:45px; }


/* title common */

h4 { font-family:Candara; font-size:18pt; color:#333333; clear:both; margin:50px 0px 15px 0px; }
h4.lm { clear:both; margin-left:3px; }
h5 { font-family:Candara; font-size:14pt; color:#39499c; clear:both; margin:50px 0px 15px 0px; }
h4.lm { clear:both; margin-left:3px; }


/* ul list common */

ul.dotLst li { background:url("../images/icon/ico_bullet11.gif") left 5px no-repeat; padding-left:8px; margin-bottom:8px; }
ul.dotLst li.multi { padding-top:0px; }
ul.lm { margin-left:1px; }

ul.dotLstL li { background:url("../images/icon/ico_bullet11.gif") left 8px no-repeat; padding-left:9px; margin-bottom:4px; }


/* Skip Navigation */

#skipNavi { position:absolute; z-index:500; width:100%; text-align:center; }
#skipNavi a { font-size:9pt; color:#ffffff; font-weight:bold; margin:0 auto; }
#skipNavi a.link { position:absolute; top:-100px; left:0px; }
#skipNavi a.link:focus, #skipNavi a.link:active { top:0px; left:0px; width:100%; text-decoration:none; background-color:#222222; text-align:center; height:19px; }

#wrap { width:100%; }

#header { position:relative; width:100%; height:100px; background:url("../images/common/top_bg.gif") left top no-repeat; }
.headerWrap { position:relative; margin:0px auto; width:980px; }
.headerWrap img { vertical-align:top; }
.headerWrap h1 img { position:absolute; left:0px; top:8px; margin-left:30px; }
.headerWrap p.sns { position:absolute; left:167px; top:43px; letter-spacing:-1px; }
.headerWrap ul.optMenu { position:absolute; right:30px; top:7px; }
.headerWrap ul.optMenu li { float:left; line-height:0px; }
#gnb { position:absolute; right:30px; top:48px; }
#gnb li.gnbMnu { float:left; height:14px; line-height:0px; margin-left:83px; }
#gnb ul li.gnbMnu { position:relative; }
#gnb div { position:absolute; top:32px; display:none; text-align:right; line-height:0px; }
#gnb div.sub01 { right:0px; width:700px; }
#gnb div.sub02 { right:320px; width:180px; }
#gnb div.sub03 { right:90px; width:360px; }
#gnb div.sub04 { right:0px; width:420px; }
#gnb div ul { float:right; }
#gnb div ul li { float:left; margin-left:20px; line-height:0px; }

#mainContainer { width:100%; }
.boardWrap { position:relative; width:100%; height:140px; background:url("../images/common/main_board_bg.gif") left top repeat-x; }
.boardBox { position:relative; margin:0px auto; width:980px; height:140px; }
.boardBox div.board { position:absolute; width:300px; top:25px; }
.boardBox div.board h2 { height:20px; }
.boardBox div.board h2 img { vertical-align:top; }
.boardBox div.board ul li { position:relative; background:url("../images/icon/ico_bullet11.gif") left 50% no-repeat; padding-left:8px; }
.boardBox div.board a:link, .boardBox div.board a:visited { color:#777777; text-decoration:none; }
.boardBox div.board a:hover, .boardBox div.board a:active { color:#222222; text-decoration:underline; }
.boardBox div.board em { font-style:normal; font-family:Tahoma; font-size:8pt; color:#999999; position:absolute; right:-6px; top:-1px; line-height:19px; *line-height:13px; width:60px; height:16px; overflow:hidden; }
.boardBox div.board p.more { position:absolute; right:0px; top:-4px; }
.boardBox div.notice { left:30px; }
.boardBox div.news { left:375px; }
.boardBox div.brochure { position:absolute; width:230px; right:30px; top:21px; }
.boardBox div.brochure img { vertical-align:top; }

.mainVisual { position:relative; width:100%; height:364px; background:url("../images/common/main_visual_bg.jpg") repeat-x; text-align:center; }
.mainVisual div.arrow { width:100%; z-index:2; }
.mainVisual div.arrow span.prev { position:absolute; left:10px; top:160px; }
.mainVisual div.arrow span.next { position:absolute; right:10px; top:160px; }
.mainVisual div.visual { position:relative; width:100%; height:364px; margin:0px auto; z-index:1; }
.mainVisual div { position:absolute; left:0px; top:0px; width:100%; height:364px; text-align:center; }
.mainVisual div.visual div img { width:920px; height:364px; }
.mainVisual div.img01 { background:transparent url('../images/common/main_visual01.jpg') center top no-repeat; }
.mainVisual div.img02 { background:transparent url('../images/common/main_visual02.jpg') center top no-repeat; }
.mainVisual div.img03 { background:transparent url('../images/common/main_visual03.jpg') center top no-repeat; }
.mainVisual div.img04 { background:transparent url('../images/common/main_visual04.jpg') center top no-repeat; }
.mainVisual div.img05 { background:transparent url('../images/common/main_visual05.jpg') center top no-repeat; }
.visual_controller { height:26px; background-color:#000000; text-align:center; }
.visual_controller img { margin-top:2px; }

#footer { width:100%; height:120px; background:#ebedee url("../images/common/footer_bg.gif") left top repeat-x; }
#footer div.footerWrap { position:relative; margin:0px auto; width:980px; height:120px; }
#footer p.logo { position:absolute; left:85px; top:20px; }
#footer address { position:absolute; left:240px; top:20px; }
#footer address p { margin-bottom:4px; }
#footer p.copyright { position:absolute; left:240px; top:68px; }

#container {  }
#container div.ctVisual { width:100%; height:168px; background:#eeeeee url("../images/common/ct_visualBg.gif") left top repeat-x; text-align:center; margin-bottom:10px; }
#container div.ctVisual img { vertical-align:top; }
#container div.ctWrap { position:relative; margin:0px auto; width:980px; }

#aside { position:absolute; left:20px; top:0px; width:180px; height:500px; background:url("../images/common/aside_rightBg.gif") right top no-repeat; }
#aside h2 { height:60px; }
#aside h2 img { margin-top:10px; }
#aside dl { margin-bottom:0px; }
#aside img { vertical-align:top; }
#aside dt { margin:10px 0px 0px 0px; }
#aside dd.sub { margin:0px 0px 0px 0px; overflow:hidden; line-height:0px; font-size:0px; }
#aside dd.sub ul { padding:5px 0px 5px 0px; border-left:1px #e1e1e1 solid; border-bottom:1px #e1e1e1 solid; }
#aside dd.sub ul li { margin-bottom:2px; }

#ctArea { min-height:500px; _height:500px; padding:0px 30px 100px 260px; }
#ctArea div.pgTitle h3 img, #sitemap div.pgTitle h3 img { vertical-align:top; }
#ctArea div.pgTitle, #sitemap div.pgTitle { position:relative; height:120px; }

.pgTitle p.txtNavi { position:absolute; right:3px; top:47px; height:14px; font-family:Gulim; font-size:8pt; color:#777777; background:url("../images/icon/ico_bullet12.gif") left 8px no-repeat; padding-left:8px; }
.pgTitle p.txtNavi a:link, .pgTitle p.txtNavi a:visited { color:#777777; text-decoration:none; }
.pgTitle p.txtNavi a:hover, .pgTitle p.txtNavi a:active { color:#222222; text-decoration:underline; }
.pgTitle p.txtNavi strong { font-weight:normal; color:#222222; }

#sitemap div.ct { position:relative; height:800px; margin-top:10px; }
#sitemap ul li.depth01 { position:absolute; top:0px; height:600px; padding-left:30px; border-left:1px #eeeeee solid; }
#sitemap ul li.first { border:0px; }
#sitemap ul li.biz { left:10px; }
#sitemap ul li.pdt { left:260px; }
#sitemap ul li.spt { left:500px; }
#sitemap ul li.hjStory { right:50px; }
#sitemap h4 { width:160px; height:50px; margin:0px 0px 15px 0px; border-bottom:1px #2e4383 solid; }
#sitemap ul li.biz h4 { width:170px; }
#sitemap h5 { margin:0px; margin:0px 0px 20px 0px; }
#sitemap ul.depth03 { margin:-12px 0px 35px 3px; }
#sitemap ul.depth03 li { margin-bottom:10px; }

.listSch { position:relative; width:100%; height:28px; }
.listSch p { position:absolute; top:3px; left:3px; font-family:Tahoma; font-size:8pt; }
.listSch p strong { color:#ee6215; }
.listSch div.sch { position:absolute; top:0px; right:3px; }

.list { position:relative; }
.list table { width:100%; border-collapse:collapse; border-top:2px #9ba2b9 solid; table-layout:fixed; }
.list table th { height:30px; background:#f1f3f7 url("../images/bbs/list_hdBg.gif") 0px 0px repeat-x; border-bottom:1px #e0e1e3 solid; padding-top:1px; }
.list table td { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height:31px; border-bottom:1px #e0e1e3 solid; }
.list table td a.title:link, .list table td a.title:visited { color:#666666; text-decoration:none; }
.list table td a.title:hover, .list table td a.title:active { color:#222222; text-decoration:none; }

.list col.no { width:50px; text-align:center; }
.list col.attach { width:70px; text-align:center; }
.list col.date { width:80px; text-align:center; }
.list col.hit { width:60px; text-align:center; }
.list table td.no { width:50px; text-align:center; }
.list td.attach { width:70px; text-align:center; }
.list td.date { width:80px; text-align:center; }
.list td.hit { width:60px; text-align:center; }

.listView { position:relative; }
.listView table { width:100%; border-collapse:collapse; border-top:2px #9ba2b9 solid; }
.listView table tr.title { background:#f1f3f7 url("../images/bbs/list_hdBg.gif") 0px 0px repeat-x; padding-top:1px; }
.listView table th { width:80px; text-align:right; border-bottom:1px #e0e1e3 solid; padding:9px 15px 8px 0px; }
.listView table td { border-bottom:1px #e0e1e3 solid; padding:5px 15px; }
.listView div.content { margin:30px 20px 60px 20px; }
.listView div.content p.photo { margin-bottom:30px; text-align:center; }
.listView div.content p.photo img { width:610px; }

.listView col.lbl { width:50px; }

.listBN { position:relative; }
.listBN table { width:100%; }
.listBN table th { width:80px; text-align:right; border-bottom:1px #e0e1e3 solid; padding:9px 15px 8px 0px; }
.listBN table td { border-bottom:1px #e0e1e3 solid; padding:5px 15px; }

.listNews { position:relative; }
.listNews table { width:100%; border-collapse:collapse; border-top:2px #9ba2b9 solid; }
.listNews table th { border-bottom:1px #e0e1e3 solid; padding:15px 20px 15px 0px; }
.listNews table th img { width:100px; height:75px; }
.listNews table td { vertical-align:top; border-bottom:1px #e0e1e3 solid; padding:15px 5px 15px 0px; }
.listNews table td span.date { font-family:Tahoma; font-size:8pt; color:#777777; margin-left:10px; }
.listNews table td strong { background:url("../images/icon/ico_bullet11.gif") 0px 4px no-repeat; padding-left:8px; }
.listNews table td p.content { margin-top:3px; }

.listNews col.photo { width:100px; text-align:center; }

.infoTable { position:relative; }
.infoTable table { width:100%; border-collapse:collapse; border-top:2px #9ba2b9 solid; }
.infoTable table tr.title { background:#f1f3f7 url("../images/bbs/list_hdBg.gif") 0px 0px repeat-x; padding-top:1px; }
.infoTable table th { height:30px; border-bottom:1px #e0e1e3 solid; border-left:1px #e0e1e3 solid; padding:1px 0px 0px 0px; }
.infoTable table th.first { border-left:0px; }
.infoTable table td { border-bottom:1px #e0e1e3 solid; border-left:1px #e0e1e3 solid; padding:5px 5px; }
.infoTable table td.def { background:#f9fafb; }
.infoTable table td.first { border-left:0px; }
.infoTable table td img { margin-top:-3px; margin-right:5px; }

.infoTable ul.tblList {  }
.infoTable ul.tblList li { background:url("../images/icon/ico_bullet11.gif") 0px 7px no-repeat; padding-left:7px; }

.infoTxt { margin-bottom:40px; }
.infoTxt p.infoTBtn { margin-top:20px; text-align:center; }


/* 占쏙옙占쏙옙占쏙옙 占쏙옙占�*/

.infoGrid {  }
.infoGrid table { width:100%; border-collapse:collapse; border-top:1px #e0e1e3 solid; border-left:1px #e0e1e3 solid; }
.infoGrid table td { border-bottom:1px #e0e1e3 solid; border-right:1px #e0e1e3 solid; padding:15px 0px; text-align:center; background:transparent url("../images/bbs/infoGrid_botBg.gif") left bottom repeat-x; }
.infoGrid table td.none { display:none; }

.certLst {  }
.certLst table { width:100%; border-collapse:collapse; }
.certLst table td { padding:0px 0px 20px 0px; text-align:center; vertical-align:top; }
.certLst table td.none { display:none; }
.certLst table td p.certImg { width:192px; height:242px; background:url("../images/bbs/infoGrid_certBg.gif") left top no-repeat; margin:0px auto; }
.certLst table td p.certImg img { width:142px; margin:22px auto 0px auto; }
.certLst table td p.title { margin-top:10px; margin-bottom:3px; font-weight:bold; color:#666666; }
.certLst table td p.org { font-family:Dotum; font-size:8pt; color:#999999; letter-spacing:-1px; line-height:16px; }
.certLst table td p.date { font-family:Tahoma; font-size:7pt; color:#999999; letter-spacing:0px; line-height:12px; }
.certLst table td.none { display:none; }


/* 寃⑹옄��紐⑸줉 */

.infoGrid {  }
.infoGrid table { width:100%; border-collapse:collapse; border-top:1px #e0e1e3 solid; border-left:1px #e0e1e3 solid; }
.infoGrid table td { border-bottom:1px #e0e1e3 solid; border-right:1px #e0e1e3 solid; padding:15px 0px; text-align:center; background:transparent url("../images/bbs/infoGrid_botBg.gif") left bottom repeat-x; }
.infoGrid table td.none { display:none; }

.certLst {  }
.certLst table { width:100%; border-collapse:collapse; }
.certLst table td { padding:0px 0px 20px 0px; text-align:center; vertical-align:top; }
.certLst table td.none { display:none; }
.certLst table td p.certImg { width:192px; height:242px; background:url("../images/bbs/infoGrid_certBg.gif") left top no-repeat; margin:0px auto; }
.certLst table td p.certImg img { width:142px; margin:22px auto 0px auto; }
.certLst table td p.title { margin-top:10px; margin-bottom:3px; font-weight:bold; color:#666666; }
.certLst table td p.org { font-family:Dotum; font-size:8pt; color:#999999; letter-spacing:-1px; line-height:16px; }
.certLst table td p.date { font-family:Tahoma; font-size:7pt; color:#999999; letter-spacing:0px; line-height:12px; }
.certLst table td.none { display:none; }



/* contact us */

.map { position:relative; width:662px; height:450px; background-color:#f5f5f5; border:1px #b8b8b8 solid; text-align:center; }

.contact { padding-left:10px; width:680px; }

.contact ul.addr li { font-size:0pt; line-height:0px; margin-bottom:6px; }

dl.traffic { clear:both; height:77px; }
dl.traffic dt { float:left; width:57px; }
dl.traffic dd { float:right;  width:605px; }
dl.traffic dd p { font-size:0pt; line-height:0px; }
dl.traffic dd p.title { margin:1px 0px 8px 0px; }



/* email table */

.mailView { position:relative; }
.mailView table { width:100%; border-collapse:collapse; border-top:2px #9ba2b9 solid; }
.mailView table th { width:90px; text-align:right; border-bottom:1px #e0e1e3 solid; padding:9px 15px 8px 0px; }
.mailView table td { border-bottom:1px #e0e1e3 solid; padding:5px 15px; }
.mailView div.content { margin:30px 20px 60px 20px; }
.mailView div.content p.photo { margin-bottom:30px; text-align:center; }
.mailView div.content p.photo img { width:610px; }

.mailView col.lbl { width:50px; }



/* faq list */

.faq { position:relative; width:100%; border-top:2px #9ba2b9 solid; }
.faq div.question { border-bottom:1px #e0e1e3 solid; padding:5px 0px; }
.faq div.question a { display:block; line-height:30px; }
.faq div.question a.faqOff { display:block; background:url("../images/icon/ico_down.gif") 98% 50% no-repeat; }
.faq div.question a.faqOn { display:block; color:#4e5fa1; font-weight:bold; background:url("../images/icon/ico_up.gif") 98% 50% no-repeat; }
.faq div.question span { margin-left:10px; margin-right:5px; }
.faq div.answer { position:relative; border-bottom:1px #e0e1e3 solid; padding:15px 0px 15px 38px; }
.faq div.answer span { position:absolute; left:10px; top:17px; *top:13px; }



/* technical support Info */

.techSptInfo { position:relative; }
.techSptInfo table { width:100%; border-collapse:collapse; border-top:2px #9ba2b9 solid; }
.techSptInfo table tr.title { background:#f1f3f7 url("../images/bbs/list_hdBg.gif") 0px 0px repeat-x; padding-top:1px; }
.techSptInfo table th { width:90px; text-align:right; border-bottom:1px #e0e1e3 solid; padding:9px 15px 8px 0px; }
.techSptInfo table td { border-bottom:1px #e0e1e3 solid; padding:5px 15px; }
.techSptInfo table td img { margin-top:-3px; margin-right:5px; }


/* company Info */

.companyInfo div.infoImg { position:relative; height:230px; }
.companyInfo div.infoImg div.infoTxt { position:absolute; left:0px; top:0px; }
.companyInfo div.infoImg p.img { position:absolute; right:0px; top:0px; }
.companyInfo p.grp { margin-top:30px; }


/* vision */

.vision div.policy { border:4px #f0f0f0 solid; padding:30px 0px 15px 0px; }
.vision div.policy ul { margin:0px auto; width:550px; }
.vision div.policy ul li { margin-bottom:15px; }


/* ceo message */

.ceoMsg { position:relative; }
.ceoMsg div.ceoImg { position:absolute; left:0px; top:0px; width:273px; text-align:right; }
.ceoMsg div.greeting { padding-left:323px; }
.ceoMsg div.sign { text-align:right; }


/* history */

.history div.historyTab { position:relative; height:73px; }
.history div.historyTab ul li { float:left; }
.history div.historyTab ul li img { vertical-align:top; }
.history ul.list {  }
.history ul.list li.y10 { clear:both; position:relative; border-bottom:1px #dddddd solid; margin-bottom:30px; }
.history ul.list li.h01 { height:480px; }
.history ul.list li.h02 { height:560px; }
.history ul.list li.h03 { height:420px; }
.history ul.list li.h04 { height:220px; }
.history ul.list li.y10 dl { clear:both; }
.history ul.list li.y10 dl dt { float:left; width:136px; }
.history ul.list li.y10 dl dd { float:right; width:521px; }
.history ul.list ul.mList { clear:both; margin-top:15px; }
.history ul.list ul.mList li { text-align:right; margin-bottom:8px; }


/* recruit */

.recruit02 h4 { margin-top:30px; margin-bottom:10px; }
.recruit02 h4.first { margin-top:0px; }
.recruit02 ul.sList li { margin-bottom:2px; margin-left:9px; }

.recruit03 p.txt { margin-left:9px; }
.recruit03 span.download { margin-right:10px; }


/* ciInfo */

.ciInfo div.concept { position:relative; height:130px; }
.ciInfo p.logo { position:absolute; left:0px; top:0px; }
.ciInfo p.logoTxt { position:absolute; right:0px; top:0px; }
.ciInfo ul.logoDown { height:200px; }
.ciInfo ul.logoDown li { float:left; margin-left:12px; height:200px; }
.ciInfo ul.logoDown li.first { margin:0px; }
.ciInfo ul.logoDown p.download { width:339px; height:25px; text-align:right; margin-top:7px; }


/* hjStory R&D */

.RnD div.header { position:relative; height:220px; }
.RnD p.headerImg { position:absolute; right:0px; top:35px; }
.RnD div.feature { position:relative; }
.RnD div.feature p.img { position:absolute; right:0px; top:0px; }


/* pdt VoIPSys */

.VoIPSys div.header { background:url("../images/common/pdt_VoIPSys_headerImg01.gif") right top no-repeat; height:250px; }
.VoIPSys div.header p.title { width:200px; padding-top:30px; }
.VoIPSys div.header p.content { background:url("../images/common/pdt_VoIPSys_headerBotBg.gif") left bottom no-repeat; margin-top:20px; padding-bottom:80px; }
.VoIPSys h6 { margin:30px 0px 15px 0px; }
.VoIPSys div.img { border:3px #f0f0f0 solid; padding:20px 0px; margin:20px 0px 20px 0px; text-align:center; }
.VoIPSys div.list { height:200px; }
.VoIPSys div.list ul li { float:left; width:27em; background:url("../images/icon/ico_bullet11.gif") left 5px no-repeat; padding-left:8px; margin-bottom:8px; }

/* pdt gateway */

.gateway div.header { background:url("../images/common/pdt_gateway_img02.gif") right 25px no-repeat; height:320px; }
.gateway div.header p.title { width:200px; padding-top:30px; }
.gateway div.header p.content { background:url("../images/common/pdt_VoIPSys_headerBotBg.gif") left bottom no-repeat; margin-top:0px; padding-bottom:60px; }
.gateway h5 { margin:30px 0px 15px 0px; }
.gateway h6 { margin:20px 0px 10px 0px; }
.gateway div.img { border:3px #f0f0f0 solid; padding:20px 0px; margin:20px 0px 20px 0px; text-align:center; }

/* pdt smartCity */

.smartCity div.header { background:url("../images/common/pdt_smartCity_img02.gif") right 25px no-repeat; height:320px; }
.smartCity div.header p.title { width:200px; padding-top:30px; }
.smartCity div.header p.content { background:url("../images/common/pdt_VoIPSys_headerBotBg.gif") left bottom no-repeat; margin-top:0px; padding-bottom:60px; }
.smartCity h5 { margin:50px 0px 25px 0px; }

/* pdt disaster */

.disaster div.header { background:url("../images/common/pdt_disaster_img02.gif") right 25px no-repeat; height:390px; }
.disaster div.header p.title { width:200px; padding-top:30px; }
.disaster div.header p.content { background:url("../images/common/pdt_VoIPSys_headerBotBg.gif") left bottom no-repeat; margin-top:0px; padding-bottom:70px; }
.disaster h5 { margin:30px 0px 15px 0px; }
.disaster div.img { border:3px #f0f0f0 solid; padding:20px 0px; margin:10px 0px 20px 0px; text-align:center; }

/* icSVR */

.icSVR { position:relative; }
.icSVR table { width:100%; border-collapse:collapse; border-top:2px #9ba2b9 solid; }
.icSVR table tr.title { background:#f1f3f7 url("../images/bbs/list_hdBg.gif") 0px 0px repeat-x; padding-top:1px; }
.icSVR table th { width:90px; text-align:right; border-bottom:1px #e0e1e3 solid; padding:9px 15px 8px 0px; }
.icSVR table td { border-bottom:1px #e0e1e3 solid; padding:5px 15px; }
.icSVR table td img { margin-top:-3px; margin-right:5px; }
.icSVR div.list ul li { float:left; width:27em; background:url("../images/icon/ico_bullet11.gif") left 9px no-repeat; padding-left:8px; }

/* pdt homeNetSys */

.homeNetSys div.header { background:url("../images/common/pdt_VoIPSys_headerBotBg.gif") left bottom no-repeat; padding-bottom:60px; }


/* pdt callCenterSys */

.callCenterSys div.header { background:url("../images/common/pdt_VoIPSys_headerBotBg.gif") left bottom no-repeat; padding-bottom:60px; }
.callCenterSys div.backImg { background:url("../images/common/pdt_callCenter_img02.gif") right bottom no-repeat; height:230px; }


/* pdt webfax */

.webfax p.headerImg { margin:40px 0px 10px 0px; }
.webfax div.headerLst { position:relative; height:100px; }
.webfax div.headerLst ul.left { position:absolute; left:22px; top:0px; }
.webfax div.headerLst ul.right { position:absolute; right:10px; top:0px; }
.webfax dl.feature { margin-top:30px; height:500px; }
.webfax dl.feature h5 { margin:5px 0px 5px 0px; }
.webfax dl.feature dt { float:left; width:80px; height:90px; }
.webfax dl.feature dd { float:right; width:590px; height:90px; }

/* pdt survey */

.survey p.headerImg { margin:40px 0px 0px 0px; }
.survey dl.feature { margin-top:0px; height:730px; }
.survey dl.feature h5 { margin:5px 0px 10px 0px; }
.survey dl.feature dt { float:left; width:345px; height:270px; }
.survey dl.feature dd { float:right; width:325px; height:270px; }
.survey dl.feature dt.h2 { height:200px; }
.survey dl.feature dd.h2 { height:200px; }

.survey dl.effective { margin-top:0px; height:340px; }
.survey dl.effective dt { float:left; width:240px; height:70px; }
.survey dl.effective dd { float:right; width:430px; height:70px; }
.survey dl.effective dd ul { margin-top:4px; }


/* pdt IP-Recording */

.ipRec h5 { margin-bottom:10px; }
.ipRec div.header { position:relative; height:130px; }
.ipRec div.header p.ct { width:410px; }
.ipRec p.headerImg { position:absolute; right:0px; top:0px; }
.ipRec div.feature { position:relative; }
.ipRec div.feature p.ct { width:360px; }
.ipRec div.feature ul { width:320px; }
.ipRec div.feature p.img { position:absolute; right:0px; top:0px; }


/* pdt IP-IVR */

.ipIVR h5 { margin-bottom:10px; }
.ipIVR div.header { position:relative; height:190px; }
.ipIVR div.header p.ct { width:410px; }
.ipIVR p.headerImg { position:absolute; right:0px; top:35px; }
.ipIVR div.feature { position:relative; }
.ipIVR div.feature p.img { position:absolute; right:0px; top:0px; }


/* pdt tab content */

.pdt_ct { height:600px; }
.pdt_ct div.tab { position:relative; width:100%; height:28px; background:url("../images/common/pdt_tabBg.gif") left top repeat-x; margin:20px 0px 0px 0px; }
.pdt_ct div.tab ul li { float:left; }
.pdt_ct div.tab ul li img { vertical-align:top; }
.pdt_ct div.tab div.ct { position:absolute; top:50px; left:10px; width:670px; }

.pdt_ct div.thumnail { width:100%; height:110px; background:url("../images/common/pdt_galBg.gif") left top no-repeat; margin-top:30px; }
.pdt_ct div.thumnail span.arrowL { position:absolute; left:0px; top:87px; }
.pdt_ct div.thumnail span.arrowR { position:absolute; right:0px; top:87px; }
.pdt_ct div.img { overflow:hidden; width:560px; height:80px; margin-left:70px; padding-top:15px; }
.pdt_ct div.imgLst { white-space:nowrap; }
.pdt_ct div.imgLst span { margin-right:30px; }
.pdt_ct div.imgL { width:490px; border:1px #e1e1e1 solid; text-align:center; padding:50px 20px; margin:30px auto; }

.pdt_ct div.navi { height:100px; margin:30px 0px 40px 0px; }

.pdt_ct ul.specLst li { width:670px; background:url("../images/common/pdt_spec_botShadow.gif") left bottom no-repeat; margin-bottom:0px; padding-bottom:60px; }
.pdt_ct ul.specLst li dl { clear:both; }
.pdt_ct ul.specLst li dt { float:left; width:76px; }
.pdt_ct ul.specLst li dd h5 { margin:6px 0px 8px 0px; }
.pdt_ct ul.specLst li dd { float:right; width:580px; }
.pdt_ct ul.specLst ul.list li { clear:both; width:500px; background:transparent; margin-bottom:0px; padding-bottom:0px; }

.pdt_ct p.img { margin:40px 0px 0px 0px; text-align:center; }
.pdt_ct ul.subLst { margin-top:20px; }
.pdt_ct ul.subLst li { margin:0px 0px 10px 0px; background:url("../images/icon/ico_bullet11.gif") left 5px no-repeat; padding-left:8px; }

.pdt_ct p.funcImg { text-align:center; padding-top:20px; }
.pdt_ct p.alignRight { text-align:right; }


/* pdt ipSysOp */

.ipSysOp div.header { position:relative; height:160px; }
.ipSysOp p.headerImg { position:absolute; right:0px; top:0px; }
.ipSysOp div.feature { position:relative; }
.ipSysOp div.feature p.img { position:absolute; right:0px; top:0px; }


/* business */

.bizArea { height:366px; background:url("../images/common/biz_areaBg.gif") left 5px no-repeat; }
.bizArea ul li.area { float:left; width:230px; text-align:center; }
.bizArea ul.list li { text-align:left; margin-left:25px; margin-bottom:7px; }


.diagImg { border:3px #f0f0f0 solid; padding:20px 0px; margin:20px 0px 20px 0px; text-align:center; }
div.guideInfo { font-size:8pt; font-family:Dotum; line-height:18px; padding:10px 20px 10px 20px; border:1px #ccd0de solid; background-color:#ffffff; }
p.agree { margin-top:5px; font-size:8pt; font-family:Dotum; margin-left:3px; }



/* Button */

.btnArea { position:relative; margin-top:10px; height:36px; }
.btnArea p.btn { position:absolute; right:0px; top:0px; letter-spacing:-3px; }




/* Paging */

.paging { width:100%; font-family:Tahoma; font-size:9pt; text-align:center; margin-top:10px; letter-spacing:0px; }
.paging span { padding:0px 2px; }
.paging strong { color:#555555; letter-spacing:0px; }
.paging a { letter-spacing:0px; }
.paging a:link, .paging a:visited { color:#666666; text-decoration:none; }
.paging a:hover, .paging a:active {	color:#000000; text-decoration:underline; }
.paging img { margin:0px 1px 0px 1px; vertical-align:top; }









#jmainWrap { margin:0px auto; width:980px; }

#jmainTop { position:relative; width:100%; height:130px; }
#jmainTop h1 { position:absolute; left:0px; top:0px; }
#jmainTop p.imgInfo { position:absolute; left:122px; top:30px; }

#jmainTop div.member { position:absolute; right:0px; top:32px; }
#jmainTop div.member ul li { float:left; background:url("../images/lmIco_verLine.gif") left 6px no-repeat; padding:0px 14px 0px 14px; }
#jmainTop div.member ul li img { vertical-align:top; }
#jmainTop div.member ul li.first { background:transparent; }

#jmainTop div.gnb { position:absolute; left:0px; top:60px; width:100%; height:50px;	 background:url("../images/lmMain_gnbBg.gif") left top no-repeat; }
#jmainTop div.gnb ul li { float:left; }
#jmainTop div.gnb ul li img { vertical-align:top; }

#jmainCT { position:relative; width:100%; }

#jmainCT div.infoImg { width:100%; height:330px; border-bottom:3px #59a103 solid; }
#jmainCT div.infoImg ul li { float:left; }
#jmainCT div.infoImg ul li img { vertical-align:top; }

#jmainCT div.bbsMain { position:relative; height:150px; margin:25px 25px 0px 25px; }
#jmainCT div.notice { position:absolute; left:0px; width:445px; }

#jmainCT div.faq { position:absolute; right:0px; width:445px; }

#jmainCT div.bbsTitle { position:relative; height:26px; border-bottom:1px #cccccc solid; margin-bottom:5px; }
#jmainCT div.bbsTitle h2 { font-family:nanumB; font-size:11pt; color:#444444; margin-left:5px; }
#jmainCT div.bbsTitle p.more { position:absolute; right:5px; top:0px; }
#jmainCT div.list ul li { margin-left:5px; margin-bottom:3px; }
#jmainCT div.list span.date { font-family:nanumB; font-size:9pt; color:#444444; margin-right:5px; }

#jmainFooter { position:relative; width:100%; height:150px; border-top:1px #cccccc solid; }
#jmainFooter p.logo { position:absolute; left:12px; top:16px; }
#jmainFooter div.footerMenu { position:absolute; left:150px; top:17px; }
#jmainFooter div.footerMenu ul li { float:left; margin-right:20px; }
#jmainFooter div.footerMenu ul li a { font-family:NanumB; font-size:10pt; color:#333333; text-decoration:none; }
#jmainFooter address { position:absolute; left:150px; top:55px; font-family:NanumR; font-size:9pt; font-style:normal; color:#555555; }
#jmainFooter address span.margin { margin-right:10px; }








#quick {
	background: url("../images/icon/ico_topBg.gif") no-repeat -1px top; padding: 20px 0px 0px; left: 960px; top: 140px; width: 26px; height: 60px; position: absolute;
}