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

.mainPos {position:relative;}
.mainLyr {position:absolute; padding:10px 17px 10px 10px;}
.mainLyr dt img {display:block;}
.mainLyr dd {clear:both; color:#fff; font-size:11px; line-height:140%; font-family:tahoma}
.mainLyr1 {top:253px; left:38px;width:243px; height:92px;}
.mainLyr2 {top:388px; left:38px;width:333px; height:87px;}
.mainLyr2 dd {color:#000;}


.gnbLoc {position:absolute; top:40px; left:530px; width:320px;}
.gnbLoc li {float:left; color:#fff; text-indent:-10000px;}
.gnbLoc li.design span {width:131px; height:30px; display:block; cursor:pointer;} 
.gnbLoc li.zoom span {width:85px; height:30px; display:block; cursor:pointer;} 
.gnbLoc li.box span {width:103px; height:30px; display:block; cursor:pointer;} 
.gnb {overflow:hidden; height:30px; background:url(/eng/img/common/gnb.gif) no-repeat right top;}
.gnb_design {background:url(/eng/img/common/gnb_design.gif) no-repeat left top;}
.gnb_zoom {background:url(/eng/img/common/gnb_zoom.gif) no-repeat left top;}
.gnb_box {background:url(/eng/img/common/gnb_box.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(/eng/img/image/join_emboss.gif) no-repeat left top; clear:both;}
.memSelWrap dl {width:333px; margin:15px 0 15px 440px; overflow:hidden; float:left; display:inline;}
.memSelWrap dt {margin-bottom:8px;}
.memSelWrap dd img {margin-top:8px;}
.memSelWrap p.joinBtn {width:67px; float:left; margin-top:35px;}

.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:30px; height:120px; overflow:hidden; background:url(/img/image/process_gradient.gif) repeat-x left top;}
.process li {margin:30px 0 0 20px; display:inline; float:left; padding-right:10px; background:url(/img/image/process_arrow.gif) repeat-x right 23px;}
.process li.lst {background:none;}

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


.boxWrap {width:100%; margin:15px 0 15px 5px; clear:both; background:url(/eng/img/image/info_tbl_bottom.gif) no-repeat left bottom;}
.tblWrite {width:100%; background:url(/eng/img/image/info_tbl_top.gif) no-repeat left top; margin-bottom:15px;}
.tblWrite td.blank {height:10px; padding:0;}
.tblWrite th {width:136px; padding:8px 0 3px 20px; text-align:left; background:url(/eng/img/ico/arrow_gray.gif) no-repeat 10px 11px; vertical-align:top;}
.tblWrite td {padding:5px 0 3px 20px;}
.tblWrite img {display:inline; vertical-align:middle;}
.tblWrite td textarea {width:488px; height:180px;}
.tblWrite td span {color:#f15c35;}
.tblWrite td label {margin-right:2px;}
.tblWrite td.expertise ul {width:500px; overflow:hidden; background:url(/eng/img/ico/bullet_1by1_gray.gif) repeat-x left bottom;}
.tblWrite td.expertise ul li {float:left; padding:5px 0;}
.tblWrite td.expertise ul li.backNone {background:none;}
.tblWrite td.expertise ul li.clear {clear:both;}

.tblWrite td.bBox ul {width:500px; overflow:hidden; background:url(/eng/img/ico/bullet_1by1_gray.gif) repeat-x left 25px;}
.tblWrite td.bBox ul li {float:left; padding:5px 0; width:100px;}
.tblWrite td.bBox ul li.backNone {background:none;}
.tblWrite td.bBox ul li.clear {clear:both;}
.tblWrite td.bBox input[type=checkbox] {background:none;}


.boxWrapExtend {width:100%; margin:15px 0 15px 5px; clear:both; background:url(/eng/img/image/info_tbl2_bottom.gif) no-repeat left bottom;}
.tblWriteExtend {width:100%; background:url(/eng/img/image/info_tbl2_top.gif) no-repeat left top; margin-bottom:15px;}
.tblWriteExtend td.blank {height:10px; padding:0;}
.tblWriteExtend th {width:170px;}




.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:200px; 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; margin-bottom:20px;}

.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; overflow:hidden; margin-bottom:20px;}
.formBox .formEle dt {float:left; width:75px; clear:both; padding-top:6px;}
.formBox .formEle dd {float:left; width:185px; padding:3px 0;}

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






.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 */
.blackBoxWrap {width:800px; padding:30px; overflow:hidden;  position:relative;}
.blackBoxWrapRe {width:820px; padding-right:0;}
.blackBoxFrame {width:100%; overflow:hidden; background:url(/eng/img/image/box_designer_pattern.jpg) repeat-y left top;}


.blackBoxMnu {position:absolute; top:25px; left:490px; width:348px; overflow:hidden; height:37px; padding-top:8px; background:url(/eng/img/image/blackbox_menu_back.jpg) no-repeat left top;}
.blackBoxMnu li {float:left; padding:0 14px; background:url(/eng/img/image/black_box_sepe.gif) no-repeat right top;}
.blackBoxMnu li img {float:left;}

.blackBox {width:100%; overflow:hidden; background:url(/eng/img/image/box_designer_back.jpg) no-repeat left top;}
.blackBoxInfo {width:720px; padding:60px 40px 0 40px; overflow:hidden;}

.summary {width:100%; overflow:hidden;}
.summary li {margin-bottom:17px; font-size:13px; color:#000;}
.summary li strong {font-size:18px; display:block;}

.descrpt {width:100%; overflow:hidden;}
.descrpt dt {margin-top:15px;}
.descrpt dd {margin-top:10px; padding-left:15px;}
.descrpt dd.arrow {background:url(/eng/img/ico/arrow_black.gif) no-repeat 9px 4px; padding-left:0;}
.descrpt dd.arrow p {background:url(/eng/img/ico/arrow_black.gif) no-repeat 9px 4px; padding-left:15px;}
.descrpt dd strong {display:block; color:#6d0909;}
.descrpt dd strong span {color:#6d0909;}


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




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

.zoominWrap {width:100%; overflow:hidden; position:relative; background:url(/eng/img/image/zoomin_back.gif) repeat-y left top;}
.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:800px; padding:30px; overflow:hidden;}
.designWrap img {float:left;}




/* 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:0 0 25px 0; padding-bottom:10px; overflow:hidden; background:url(/img/image/bottom_gradient.gif) no-repeat center bottom;}
.sepeGra img {float:right;}



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




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


.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;}
.wid430 {width:428px;}
.wid460 {width:460px;}
.wid490 {width:490px;}
.wid540 {width:540px !important;}
.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;}