@charset "euc-kr";

/* ================================================
	common style
	source file: common.css
	target: CSS Level 2
================================================ */


body {background:#66696f url(/img/common/back_pattern.gif) repeat-x left top; font-family:dotum, gulim, arial, sans-serif;}
/* #entireWrap {width:866px; margin:0 auto; position:relative; height:auto !important; height:100%; min-height:100%; background:url(/img/common/body_gradient.gif) repeat-y left top;} */
#entireWrap {width:866px; margin:0 auto; background:url(/img/common/body_gradient.gif) repeat-y left top; position:relative;}
#tagLang {position:absolute; top:100px; left:-53px; z-index:9999}

#header {height:70px; overflow:hidden; padding:0 3px; background:#28292e; position:relative;}
h1 {margin:21px 0 0 18px; width:141px; height:34px; float:left; display:inline;}
h1 span {width:141px; height:34px; display:block; cursor:pointer; background: url(/img/common/logo.gif) no-repeat left top; text-indent:-2000px;}

.abMain {width:100%; overflow:hidden; position:relative;}
.abMain li {float:left;}
.abMain img {float:left;}

.myInfo {float:right; overflow:hidden;}
.myInfo li {float:left; color:#fff; margin-top:12px; font-size:11px; padding:0 7px;  background: url(/img/common/util_sepe.gif) no-repeat right 3px;}
.myInfoMain {width:225px; position:absolute; top:59px; left:630px;}
.myInfoMain p.name {width:225px; color:#333; font-size:11px; padding-left:5px; margin-top:20px;}
.myInfoMain ul {border-top:1px solid #d4d0d2; margin-top:3px; padding-top:6px; width:100%; overflow:hidden;}
.myInfoMain ul li {float:left; padding:0 7px;  background: url(/img/common/util_sepe_w.gif) no-repeat right 3px;}
.myInfoMain ul li.lastField {background:none; padding-right:0;}

.myInfoMain div.nameLogin {margin-left:10px;}
.myInfoMain .loginForm {width:100%; float:left; width:155px;}
.myInfoMain .loginForm dt {float:left; width:50px; margin-top:2px;}
.myInfoMain .loginForm dd {float:left; width:105px;}
.myInfoMain .loginForm dd input {width:97px; margin-bottom:3px; background:#dcd8da; border:1px solid #dcd8da;}


.layFix {overflow:hidden;}
.titScr {width:700px; padding:5px 0 5px 6px; margin-bottom:5px; border-bottom:1px solid #ddd;}
.rightArticle {width:696px; text-align:right; margin-bottom:5px; padding:5px 10px 0 0;}




.gnbLoc {position:absolute; top:40px; left:210px; width:640px;}
.gnbLoc li {float:left; color:#fff; text-indent:-10000px;}
.gnbLoc li.design span {width:145px; height:30px; display:block; cursor:pointer;} 
.gnbLoc li.special span {width:127px; height:30px; display:block; cursor:pointer;} 
.gnbLoc li.zoom span {width:84px; height:30px; display:block; cursor:pointer;} 
.gnbLoc li.box span {width:97px; height:30px; display:block; cursor:pointer;} 
.gnbLoc li.consulting span {width:102px; height:30px; display:block; cursor:pointer;} 
.gnbLoc li.img span {width:85px; height:30px; display:block; cursor:pointer;} 
.gnb {overflow:hidden; height:30px; background:url(/img/common/gnb.gif) no-repeat left top;}
.gnb_design {background:url(/img/common/gnb_design.gif) no-repeat left top;}
.gnb_special {background:url(/img/common/gnb_special.gif) no-repeat left top;}
.gnb_zoom {background:url(/img/common/gnb_zoom.gif) no-repeat left top;}
.gnb_box {background:url(/img/common/gnb_box.gif) no-repeat left top;}
.gnb_consulting {background:url(/img/common/gnb_consulting.gif) no-repeat left top;}
.gnb_clip {background:url(/img/common/gnb_clip.gif) no-repeat left top;}
.gnb_img {background:url(/img/common/gnb_design.gif) no-repeat left top;}


/* #content {padding:0 3px 50px 3px; background:url(/img/common/inner_gradient.gif) no-repeat left top; position:relative;} */
#content {padding:0 3px; background:url(/img/common/inner_gradient.gif) no-repeat left top; position:relative;}
#content p.title {height:100px;}
#content p.title img {margin:12px 0 0 13px;}



.memSelWrap {height:125px; background:#040404 url(/img/image/mem_back.gif) repeat-x left top; clear:both;}
.memSelWrap li {width:430px; float:left; background:url(/img/image/mem_sepe.gif) no-repeat right 9px;}
.memSelWrap li dl {width:333px; margin:15px 0 15px 15px; overflow:hidden; float:left; display:inline;}
.memSelWrap li dt {margin-bottom:8px;}
.memSelWrap li dd img {margin-top:8px;}
.memSelWrap p.btn {width:67px; float:left; margin-top:20px;}

.memSort {margin:15px 0 50px 30px; overflow:hidden;}
.memSort dd {clear:both;}
.memSort dd img {margin:8px 0 0 7px;}
.memSort dd img.foreign {margin:0 0 0 7px;}

.process {padding-left:15px; height:120px; overflow:hidden; background:url(/img/image/process_gradient.gif) repeat-x left top;}
.process li {margin-top:33px; float:left; padding-right:10px; background:url(/img/image/process_arrow.gif) repeat-x right 23px;}
.process li.lst {padding:0;}

.contInner {margin:35px 75px 0 75px;}
.contInner img.subTitle {margin-bottom:8px;}
.contInner p {padding-left:7px; margin-bottom:10px;}
.contInner p.grayBullet {background:url(/img/ico/bullet_3by3_gray.gif) no-repeat left 4px; padding-left:7px; clear:both; margin-bottom:10px;}

.textDefine {width:100%; font-size:11px;}
.iframe {width:710px; height:180px; border:1px solid #d8d8d8 ;}

.nameCheck {width:100%; height:38px; padding-top:20px; margin:20px 0; text-align:center; background:url(/img/image/wide_gray_box.gif) no-repeat left top; margin-left:7px;}
.nameCheck img {display:inline; vertical-align:middle;}


.sepeLine {width:100%; overflow:hidden; border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:10px;}
.noticeTxt {margin-top:16px; float:right; padding-left:8px; background:url(/img/ico/arrow_gray.gif) no-repeat left 3px;}


.boxWrap {width:100%; margin:15px 0 15px 5px; clear:both; background:url(/img/image/info_tbl_bottom.gif) no-repeat left bottom;}
.tblWrite {width:100%; background:url(/img/image/info_tbl_top.gif) no-repeat left top; margin-bottom:15px;}
.tblWrite td.blank {height:10px; padding:0;}
.tblWrite th {width:91px; padding:8px 0 3px 20px; text-align:left; background:url(/img/ico/arrow_gray.gif) no-repeat 10px 12px; vertical-align:top;}
.tblWrite td {padding:5px 0 3px 20px;}
.tblWrite img {display:inline; vertical-align:middle;}
.tblWrite td textarea {width:540px; height:180px;}
.tblWrite td span {color:#f15c35;}
.tblWrite td label {margin-right:22px;}
.tblWrite td.provinceSel ul {width:100%; overflow:hidden;}
.tblWrite td.provinceSel ul li {float:left; padding:5px 0; background:url(/img/ico/bullet_1by1_gray.gif) repeat-x left bottom;}
.tblWrite td.provinceSel ul li.backNone {background:none;}
.tblWrite td.designSel ul {width:550px; overflow:hidden; background:url(/img/ico/bullet_1by1_gray.gif) repeat-x left 25px;}
.tblWrite td.designSel ul li {float:left; padding:5px 0; padding-right:15px;}
.tblWrite td.designSel ul li.backNone {background:none;}
.tblWrite td.designSel ul li.clear {clear:both;}
.rfp th {padding-left:10px; background:none;}
.rfp2 th {padding:0 10px; background:none;}

.listWrap {width:706px; margin:15px 0 0 5px; clear:both; background:url(/img/image/tbl_list_bar.gif) no-repeat left top;}
.tblList {width:700px; margin:0 3px;}
.tblList th {padding:7px 0 10px 0; background:url(/img/image/tbl_list_sepe.gif) no-repeat right 7px; font-weight:normal; color:#646464;}
.tblList td {padding:7px 0 4px 0; text-align:center; border-bottom:1px solid #d9d9d9;}
.tblList td.txtLeft {text-align:left; padding-left:10px;}
.tblList img {display:inline; vertical-align:middle;}

.viewWrap {width:706px; margin:15px 0 0 5px; clear:both; background:url(/img/image/tbl_list_bar.gif) no-repeat left top;}
.tblView {width:700px; margin:0 3px;}
.tblView th {padding:7px 0 10px 0; background:url(/img/image/tbl_list_sepe.gif) no-repeat right 7px; font-weight:normal; color:#646464;}
.tblView th.subj {border-bottom:1px solid #d9d9d9; padding-bottom:4px;}
.tblView td {padding:7px 0 4px 10px; border-bottom:1px solid #d9d9d9;}
.tblView td.article {padding:15px;}
.tblView img {display:inline; vertical-align:middle;}
.tblView tr.head td {border:0; padding-bottom:10px;}



.memComplete {width:100%; height:60px; padding-top:140px; text-align:center; background:url(/img/image/bottom_gradient.gif) no-repeat center bottom;}
.memComplete img {display:inline;}


#competent {display:none;}


.memGraBox {width:710px; padding-bottom:30px; overflow:hidden; background:url(/img/image/bottom_gradient.gif) no-repeat center bottom;}
.memGraBox div.img {float:left; width:380px; overflow:hidden;}
.loginWrap {width:330px; float:left; margin-top:10px; overflow:hidden;}
.loginWrap .inner {margin:8px 0 0 7px; font-size:11px;}

.loginWrap dl {width:100%; overflow:hidden; clear:both;}
.loginWrap dt {margin-top:10px;}
.loginWrap dd img {display:inline;}

.loginForm {width:190px; float:left;}
.loginForm li {margin-bottom:8px;}

.loginForm img {display:inline; vertical-align:middle;}
.loginForm li.remember {padding-left:53px; margin:0;}


.findWrap {padding:0 30px; overflow:hidden;}

.find {margin-top:20px; font-size:11px;}
.find dl dd.scr {width:290px; padding:7px 0 0 7px;}
.find .wrapForm {float:left;}
.formBox {width:290px; height:165px; margin-top:10px; background:url(/img/image/find_box.gif) no-repeat left top; overflow:hidden;}
.formBox .formEle {margin:25px 0 0 15px; width:270px; height:110px; overflow:hidden;}
.formBox .formEle dt {float:left; width:85px; clear:both; padding-top:6px;}
.formBox .formEle dd {float:left; width:175px; padding:3px 0;}

.formBox .formBtn {text-align:center;}
.formBox .formBtn img {display:inline;}


/* special theme */
.specialThemeWrap {width:100%; overflow:hidden; position:relative;}
.specialTheme {width:432px; margin-top:368px;  float:left;}
.specialTheme li {margin-right:15px; overflow:hidden; clear:both;}
.specialTheme li img {float:right; margin-bottom:10px;}
.specialTheme li img.scr {margin-bottom:8px;}
#themeDetail {width:100%; overflow:hidden;}
#themeDetail li img {float:left;}
.participation {position:relative; top:267px; left:339px;}
#themeDetailTxt {width:100%; overflow:hidden;}
#themeDetailTxt .pageTit {height:50px;}
#themeDetailTxt .pageTit img {margin:17px 0 0 19px;}
.theemeDetail {width:100%; overflow:hidden; margin-bottom:80px}
.theemeDetail li {margin-bottom:25px; width:745px; padding:0 65px 0 50px; line-height:150%;}
.theemeDetail li p {margin-bottom:20px;}
.theemeDetail li img {margin-bottom:15px;}
.theemeDetail li.conceptImage span {display:none;}
.conceptA {background:url(/img/image/special_theme_0911_img01.jpg) no-repeat 20px top; height:200px; margin:60px 0 40px 0;}
.conceptB {background:url(/img/image/special_theme_0911_img02.jpg) no-repeat 90px top; height:286px;}
.conceptC {background:url(/img/image/special_theme_0911_img03.jpg) no-repeat 20px top; height:245px; margin:50px 0 30px 0;}
.conceptD {background:url(/img/image/special_theme_0911_img04.jpg) no-repeat right top;}









.pageBtn {float:right; position:absolute; bottom:40px; right:20px;}
.pageBtn img {float:left; margin-left:8px; display:inline;}


.participateHead {width:100%; overflow:hidden;}
.participateHead li.title img {margin:16px 0 14px 18px;}

.postWrap {width:100%; overflow:hidden; background:#f9f9fa url(/img/image/theme_gradient.gif) repeat-x left top;}
.postQues {margin:27px 0 50px 55px; width:700px; padding-left:40px; background:url(/img/ico/mark_que.gif) no-repeat left top;}
.postQues dt {margin-bottom:27px;}
.postQues dd {width:100%; overflow:hidden;}
.postQues dd p {float:right; margin:5px 17px 0 0;}

.writeWrap {margin:0 80px 30px 100px; width:680px; border-top:1px solid #e8e8e9;}
.writeCont {width:100%; overflow:hidden; padding:20px 0; border-bottom:1px solid #e8e8e9;}
.writeCont dt {width:100%; overflow:hidden; margin-bottom:10px;}
.writeCont dt p.write {float:left;}
.writeCont dt p.date {float:right;}
.writeCont dd {width:100%; overflow:hidden;}
.writeCont dd p {float:right; margin:5px 0 0 0;}
.theme textarea {width:678px;}

.themeListWrap {width:100%;}
.themeList {width:760px; margin:0 50px; padding:20px 0; overflow:hidden; background:url(/img/image/dot_4by2.gif) repeat-x left bottom;}
.themeList dt {float:left; width:160px; padding-bottom:7px; background:url(/img/image/img_frame.gif) no-repeat left top;}
.themeList dd {float:left; width:600px; margin-top:15px;}
.themeList dd img {margin-bottom:5px;}
.themeList dd img.script {margin:10px 0;}

.contDetail {width:100%; overflow:hidden;}
.contDetail li {font-size:11px; color:#999;}
.contDetail li.title {font-size:19px; line-height:21px; color:#000;}
.contDetail li.date {margin:5px 0 0 0;}
.contDetail li.summary {font-size:12px; color:#666; margin:7px 0 5px 0;}




/* black box */
.blackBox {width:100%; overflow:hidden;}

.blackBox li.heiLimit {height:50px; overflow:hidden;}
.blackBox li img.title {margin:16px 0 11px 18px;}
.blackBox .boxMenu {float:right; margin-top:23px;}
.blackBox .boxMenu li {float:left; background:url(/img/image/box_sepe.gif) no-repeat right top;}
.blackBox .boxMenu li.lst {background:none;}
.blackBox .boxMenu li img {margin:0 10px;}
.blackBox li.imgWrap {overflow:hidden; width:100%;}
.blackBox li.imgWrap img {float:left;}
.blackBox .swfBox {background:url(/img/image/black_box_back.jpg) repeat-y left top; overflow:hidden;}


/* zoom in */
.zoomin {width:100%; overflow:hidden; position:relative;}
.zoomin img {}

.zoominWrap {width:100%; overflow:hidden; position:relative;}
.zoominListWrap {width:515px; margin:15px 20px 0 27px; float:left;}
.zoominList {overflow:hidden; padding:19px 0; background:url(/img/image/dot_4by2.gif) repeat-x left bottom; width:100%;}
.zoominList dt {float:left; width:160px; overflow:hidden; padding-bottom:7px; background:url(/img/image/img_frame.gif) no-repeat left top;}
.zoominList dt img {float:left;}
.zoominList dd {float:left; width:355px; margin-top:10px;}
.zoominList dd img {margin-bottom:5px;}
.zoominList dd img.script {margin:10px 0;}


/* design 2.0 */
.designWrap {width:100%; overflow:hidden;}
.designWrap img {float:left;}


.celebrity {width:750px; margin:0 0 30px 30px; padding:0 26px 20px 24px; background:#6ecfe9; color:#ffffff; line-height:18px; overflow:hidden;}
 .celebrity dl {float:left; width:750px;}
 .celebrity dt {float:left; width:142px; margin-right:18px;}
 .celebrity dd {float:left; width:585px; padding-bottom:65px;}
 .celebrity dd p {float:left; width:585px; margin-bottom:10px;}
 .celebrity .right dt {float:right; width:257px; margin:0 0 0 18px;}
 .celebrity .right dd {float:right; width:475px; text-align:right;}
 .celebrity .right dd p {width:475px;}
 .celebrity .foreign {float:left; width:292px;}



/* Five minutes Consulting */
.consult {width:100%;}
.consultTxt {width:100%; overflow:hidden; text-align:center;}
.consultTxt li img {display:inline;}
.consultTxt li img.txt1 {margin-top:50px;}
.consultTxt li img.txt2 {margin-top:20px;}
.consultTxt li img.txt3 {margin:30px 0;}

.gradiBottom {background:url(/img/image/bottom_gradient.gif) no-repeat center bottom; padding-bottom:25px;}

.byMsg {margin-top:30px;}
.byMsg textarea {margin:7px 0 0 8px; width:700px; height:180px;}



/* info modify */
.mypageMnu {width:145px; height:95px; overflow:hidden;}
.mypageMnu li {height:23px; border-bottom:1px solid #ccc; float:left;}
.mypageMnu li.lst {border:0;}

.sepeGra {width:100%; margin:0px 0 25px 0; padding-bottom:10px; overflow:hidden; background:url(/img/image/bottom_gradient.gif) no-repeat center bottom;}
.sepeGra img {float:right;}


.typeImg {border:0; padding:0;}
.typeLogin {width:46px; height:49px;}
.typeBtn {width:71px; height:20px;}
.typeImage2 {width:36px; height:19px; border:0; padding:0;}


/* a table of */
.tableTit {margin:35px 0 0 75px; width:710px; font-size:11px;}
.tableTit dd.scr {margin-top:9px; background:url(/img/ico/bullet_3by3_gray.gif) no-repeat left 5px; padding-left:8px;}

.tableOf {width:710px; margin-top:7px; background:#f2f2f2;}
.tableOf li {width:305px; float:left; padding:20px 0 15px 50px; background:none;}
.tableOf .grayBox {margin:20px 30px 20px 18px;}
.tableOf .grayBox2 {margin:0 30px 20px 18px;}
.tableOfAno {margin-bottom:50px;}
.startDay {margin:9px 9px 0 0; text-align:right;}

.tableOf dl {margin-bottom:25px;}
.tableOf dt {font-weight:bold;}
.tableOf dd {line-height:20px;}

.tableCont {width:100%; overflow:hidden; padding:30px 0;}
.tableCont dt {}
.tableCont dt strong {display:block; margin-bottom:20px;}
.tableCont dt strong.expert {margin:0;}
.tableCont dd {margin-bottom:25px;}
.tableContAno {padding-bottom:0;}

.privacy dt {font-weight:bold;}



/* button style */
.btnCenter {width:100%; text-align:center; border-top:1px solid #ddd; padding-top:25px;}
.btnCenter2 {border:none;}
.btnCenter img {display:inline;}

.btn {width:100%; padding-top:10px;}
.btn img {display:inline;}
.btnRight {text-align:right;}

.serach {width:100%; margin-top:20px; text-align:center; font-size:12px;}
.serach label {padding-top:4px;}

.brdBtn {width:100%; overflow:hidden; margin-top:20px;}
.brdBtn li {float:right; background:url(/img/image/brd_sepe.gif) no-repeat right 3px;}
.brdBtn li img {margin:0 8px}
.brdBtn li img.lst {margin-right:0;}

.listBtn {clear:both; float:right; margin:20px 20px 40px 0; overflow:hidden; display:inline;}
.listBtn img {float:left; margin-left:8px; display:inline;}



/* #footer {width:866px; position:absolute; height:50px; bottom:0; background:#66696f url(/img/common/shadow_bottom.gif) no-repeat left top; text-align:center; padding-top:20px; color:#b3b4b7; font-size:11px;} */
#footer {width:866px; height:50px; background:#66696f url(/img/common/shadow_bottom.gif) no-repeat left top; text-align:center; padding-top:20px; color:#b3b4b7; font-size:11px;}
#footer a:link, #footer a:visited, #footer a:active {color:#b3b4b7; text-decoration:none;}
#footer a:hover	{text-decoration:none; color:#fff;}

#footer address img {display:inline; margin-top:10px;}


/* paging */
.paging {text-align:center; margin-top:20px;}
.paging a, .paging strong {display:inline-block; vertical-align:middle; text-decoration:none; padding:0 6px; font-size:11px; margin:0px -3px;}
.paging a img {display:inline; margin:0; vertical-align:middle;}


/* margin & padding */
.marZero {margin:0;}
.tMar5 {margin-top:5px;}
.tMar10 {margin-top:10px;}
.tMar15 {margin-top:15px;}
.tMar25 {margin-top:25px;}
.tMar45 {margin-top:45px;}
.tMarM5 {margin-top:-5px;}

.bMar5 {margin-bottom:5px;}
.bMar30 {margin-bottom:30px;}
.bMar50 {margin-bottom:50px;}

.rMar5 {margin-right:5px;}
.rMar50 {margin-right:50px;}

.lMar5 {margin-left:5px;}

.pad20 {padding:20px! important;}
.bPad20 {padding-bottom:20px;}


/* width & height */
.wid50 {width:50px;}
.wid55 {width:55px;}
.wid70 {width:70px;}
.wid80 {width:80px;}
.wid100 {width:100px;}
.wid130 {width:130px;}
.wid170 {width:170px;}
.wid200 {width:200px;}
.wid400 {width:400px;}
.wid460 {width:460px;}
.wid540 {width:540px;}
.wid680 {width:680px;}
.wid750 {width:700px;}


.hei110 {height:110px! important;}
.hei160 {height:160px;}
.hei180 {height:180px;}




/* main layer popup */
#divPop {position:absolute; top:497px; left:94px; width:448px; height:358px; padding:10px; padding-top:8px; border:1px solid #464646; background:#212121;}
#divPop ul {width:100%; overflow:hidden;}
#divPop li.popControl {width:100%; overflow:hidden;}
#divPop li.popControl p.cookie {float:left; font-size:11px; letter-spacing:-1px;}
#divPop li.popControl p.cookie input {background:#212121; border:none; color:#fff;}
#divPop li.popControl p.close {float:right;}