@charset "utf-8";
/*	야베스_공통스타일_공통_v150423 */
@font-face{ /* 나눔고딕 */
font-family:'NanumGothic';
src: url('/font/NanumGothic.eot');
src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),url('/font/NanumGothic.woff') format('woff'),url('/font/NanumGothic.ttf') format('truetype');  
font-style:normal;font-weight:normal;}

@font-face{ /* 나눔고딕Bold */
font-family:'NanumGothicB';
src: url('/font/NanumGothicBold.eot');
src: url('/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),url('/font/NanumGothicBold.woff') format('woff'),url('/font/NanumGothicBold.ttf') format('truetype');  
font-style:normal;font-weight:normal;}

@font-face{ /* 나눔명조Bold */
font-family:'NanumMyeongjoB';
src: url('/font/NanumMyeongjoBold.eot');
src: url('/font/NanumMyeongjoBold.eot?#iefix') format('embedded-opentype'),url('/font/NanumMyeongjoBold.woff') format('woff'),url('/font/NanumMyeongjoBold.ttf') format('truetype');  
font-style:normal;font-weight:normal;}

html{overflow:scroll;overflow-x:auto} /* 좌우 스크롤을 통제합니다 */
body{margin:0px;padding:0px;font-family:'NanumGothic','돋움','돋움체';font-size:12px;line-height:140%;background-color:#f7f7f7;color:#8c8c8c}
img{border:none;vertical-align:top} /* vertical-align:top으로, 이미지에 자동으로 생성되는 공간을 없애줍니다 */

h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-weight:normal} /* font-weight를 쓰지 않으면 파이어폭스에서 더 두껍게 나옵니다 */
p{margin:0;padding:0;}
ol, ul, dl, li, dt, dd{display:block;margin:0;padding:0;list-style:none} /* display:block을 적지 않으면 브라우저간 간격이 다르게 나옵니다 */

textarea{margin:0;padding:0;border:none;resize:none;font-family:'NanumGothic','돋움','돋움체';font-size:12px;color:#8c8c8c} /* 크롬에서 텍스트 창 조절 가능 속성을 막아줍니다 */
input{margin:0;padding:0;border:none;font-family:'NanumGothic','Dotum','돋움','돋움체';font-size:12px;color:#8c8c8c}
input:focus,textarea:focus{outline-style:none;} /* 크롬에서 인풋,텍스트 창에 생기는 아웃라인을 제거해줍니다 */
select{margin:0;padding:0;border:none;font-size:12px;color:#8c8c8c;font-family:'NanumGothic','돋움','돋움체';}

a{text-decoration:none;outline:none;select-dummy:expression(this.hideFocus=true);} /* select-dummy는 a태그에 자동으로 생기는 점선 아웃라인을 없애줍니다 */
a:hover{text-decoration:underline}
address, em{font-style:normal} /* 기본 속성인 font-style:italic을 없애줍니다 */
/*strong{font-weight:normal;}*/ /* 기본 속성인 font-weight:bold를 없애줍니다 */

table{border-collapse:collapse;border-spacing:0;border:none;} /* table 인라인 스타일인 border=0 cellpadding=0 cellspacing=0을 없애줍니다 */
th{font-weight:normal;text-align:left} /* th기본속성인 font-weight:bold와 text-align:center를 없애줍니다 */
td{padding:0}

.screen_out{position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0}

/** 본 작업시 common CSS에 적힌 주석 및 쓰지않는 font-family는 지워주세요 **/


/* input *****************************************************************************************************************/
.inputText01{width:255px;height:33px;border:1px solid #dedede;text-indent:10px;line-height:33px}
.inputText02{width:255px;height:30px;text-indent:10px;line-height:30px;background:#f1f2f2;font-size:12px;}
.inputText03{width:298px;height:48px;border:1px solid #dfdfdf;background:#f1f2f2;line-height:48px;font-size:14px;text-indent:20px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;color:#8c8c8c}
.inputSubmit01{width:38px;height:35px;border-top:1px solid #dedede;border-right:1px solid #dedede; border-bottom:1px solid #dedede; background:url(/admin/images/btnSearch.png) 12px 10px no-repeat #ffffff;cursor:pointer}
.inputSubmit01:hover{background:url(/admin/images/btnSearch_over.png) 12px 10px no-repeat #3aafb9}
.inputSubmit02{width:160px;height:105px;margin-left:5px;background:#181818;font-size:14px;color:#ffffff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;cursor:pointer}
.inputSubmit02:hover{width:160px;height:105px;margin-left:5px;background:#393940;font-size:14px;color:#ffffff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;cursor:pointer}
.inputButton03{ width:98px;height:98px; margin:15px 15px 15px 0; border:1px solid #dedede;font-family:'NanumGothic','돋움','돋움체';font-size:12px;line-height:140%; vertical-align:top;background:#ffffff;cursor:pointer; box-shadow:0px 1px 1px rgba(90,90,90,0.1);-webkit-box-shadow:0 1px 1px rgba(90, 90, 90, 0.1) }
.inputButton03:hover{background:#3aafb9;color:#ffffff}
.inputButton01{width:83px;height:28px;border:1px solid #dedede;font-family:'NanumGothic','돋움','돋움체';font-size:12px;line-height:140%;background:#ffffff;cursor:pointer; box-shadow:0px 1px 1px rgba(90,90,90,0.1);-webkit-box-shadow:0 1px 1px rgba(90, 90, 90, 0.1) }
.inputButton01:hover{background:#3aafb9;color:#ffffff}
.inputButton02 {padding:4px 2px 4px 2px;border:1px solid #dedede;background:#ffffff;cursor:pointer;}
.inputButton02:hover {background:#3aafb9; color:#ffffff;}
.inputButton03{ width:98px;height:98px; margin:15px 15px 15px 0; border:1px solid #dedede;font-family:'NanumGothic','돋움','돋움체';font-size:12px;line-height:140%; vertical-align:top;background:#ffffff;cursor:pointer; box-shadow:0px 1px 1px rgba(90,90,90,0.1);-webkit-box-shadow:0 1px 1px rgba(90, 90, 90, 0.1) }
.inputButton03:hover{background:#3aafb9;color:#ffffff}
.inputButton04 {padding:4px 2px 4px 2px;border:1px solid #dedede;background:#f1f2f2;cursor:pointer;}
.inputButton04:hover {background:#3aafb9; color:#ffffff;}
.textarea01{width:255px;height:30px;padding:10px;margin:10px 0;background:#f1f2f2;font-size:12px;line-height:160%;}
.textarea02{ width:793px; height:80px; margin:15px 15px 15px 15px;padding:10px;background:#f1f2f2;font-size:12px;line-height:160%;}
.textarea03{ width:793px; height:200px; padding:10px; margin:10px 0;background:#f1f2f2;font-size:12px;line-height:160%;}
.inputButtonUp{width:20px; height:20px;border:1px solid #dedede}
.inputButtonDown{width:20px; height:20px;border:1px solid #dedede}



.inputDownload { position:absolute; top:0px; left:0; border:1px solid; filter:alpha(opacity:0); opacity:0; width:85px; height:30px; cursor:pointer; }
.select01{width:80px;height:35px;border:1px solid #dedede; padding:7px 8px 7px 10px;margin-right:2px;}
.select02{width:100px;height:30px;padding:7px 8px 7px 10px;line-height:30px;border:0;text-indent:10px;background:#f1f2f2}
.select03{width:100px;height:28px;padding:3px 8px 3px 10px;line-height:28px;border:1px solid #dedede;text-indent:10px;background:#ffffff;box-shadow:0px 1px 1px rgba(90,90,90,0.1);-webkit-box-shadow:0 1px 1px rgba(90, 90, 90, 0.1)}

.btnDownload { position:relative; display:block; width:83px; height:28px; line-height:28px; text-align:center; border:1px solid #dedede; background:#ffffff; cursor:pointer; box-shadow:0px 1px 1px rgba(90,90,90,0.1); -webkit-box-shadow:0 1px 1px rgba(90, 90, 90, 0.1)}
.btnDownload:hover { background:#3aafb9; color:#ffffff;}
.btnPlus { width:30px; height:30px; text-align:center; border:1px solid #dedede; background:url(/admin/images/btnPlus.png) 8px 8px no-repeat #ffffff; cursor:pointer; box-shadow:0px 1px 1px rgba(90,90,90,0.1); -webkit-box-shadow:0 1px 1px rgba(90, 90, 90, 0.1)}
.btnPlus:hover { background:url(/admin/images/btnPlus_over.png) 8px 8px no-repeat #3aafb9; }
.btnPlusNone { display:block; width:30px; height:30px; background:#ffffff;}
.btnMinus { width:30px; height:30px; text-align:center; border:1px solid #dedede; background:url(/admin/images/btnMinus.png) 8px 13px no-repeat #ffffff; cursor:pointer; box-shadow:0px 1px 1px rgba(90,90,90,0.1); -webkit-box-shadow:0 1px 1px rgba(90, 90, 90, 0.1)}
.btnMinus:hover { background:url(/admin/images/btnMinus_over.png) 8px 13px no-repeat #3aafb9; }


/* Font Size *****************************************************************************************************************/
.f10 {font-size:10px;}
.f13 {font-size:13px;}

/* Width Size *****************************************************************************************************************/
.w100p { width:100%; }
.w50 { width:50px; }
.w80 { width:80px}
.w90 { width:90px}
.w100 { width:100px; }
.w120 { width:120px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w270 { width:270px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w517 { width:517px; }
.w537 { width:537px; }
.w550 { width:550px; }
.w570 { width:570px; }
.w600 { width:600px; }
.w650 { width:650px; }
.w638 { width:638px; }
.w658 { width:658px; }
.w660 { width:660px; }
.w700 { width:700px; }
.w720 { width:720px; }
.w761 { width:761px; }


/* Height Size *****************************************************************************************************************/
.h100 { height:100px }
.h200 { height:200px }

/* Margin Size *****************************************************************************************************************/
.ml10{margin:0 0 0 10px;}
.mtb10{margin:10px 0 10px 0}
.mb10{margin:0 0 10px 0}
.mt10{margin:10px 0 0 0;}
.mt50{margin:50px 0 0 0;}
.mt80{margin:80px 0 0 0;}
.mr2{margin:0 2px 0 0}
/* Padding Size *****************************************************************************************************************/
.ptb10{padding:10px 0 10px 0}
.pt10{padding:10px 0 0 0}
.ptrbl10{padding:10px 10px 10px 10px;}

/* adminLogin *****************************************************************************************************************/
#Wrap{ position:relative; width:100%; height:100%; }
#loginWrap{width:480px;margin:0 auto}
#loginWrap .adminLogo{margin-bottom:27px;text-align:center}
#loginWrap .adminBoxTop{width:480px;height:225px;background:url(/admin/images/adminTop.png) center bottom no-repeat #0fa9bb}
#loginWrap .adminBoxBottom{width:480px;height:275px;margin-bottom:21px;border-bottom:2px solid #e7e7e7;background:#ffffff}
#loginWrap .adminLogin{width:300px;margin:0 auto;padding-top:40px;}
#loginWrap .adminLogin dl{width:300px;height:50px;margin:0 auto 10px auto;;background:#efefef;}
#loginWrap .adminLogin dt{float:left;width:60px;height:30px;margin-top:10px;border-right:1px solid #c8c8c8;}
#loginWrap .adminLogin dt img{position:relative;left:23px;top:7px;}
#loginWrap .adminLogin dd{float:left;width:60px;height:30px;margin-top:10px;}
#loginWrap .adminLogin dd input{width:199px;height:30px;margin-left:20px;text-size:14px;line-height:30px;color:#181818;background:#efefef}
#loginWrap .adminLogin > p.submit input{width:300px;height:50px;background:#3d3d3d;font-size:14px;color:#ffffff;cursor:pointer}
#loginWrap .adminLogin > p.saveID{margin-top:12px;font-size:12px;line-height:12px;}
#loginWrap .adminLogin > p.saveID input{margin-right:4px; vertical-align:middle}
#loginWrap .adminLogin > p.saveID label{ vertical-align:middle}
#loginWrap .adminBottom{font-family:'arial','Dotum','돋움','돋움체';font-size:10px;text-align:center}

/* adminInfo *****************************************************************************************************************/
#contentArea .infoTop{position:relative;width:958px;height:128px;margin-top:45px;border:1px solid #f0f0f0;background:#ffffff}
#contentArea .infoTop > div{float:left}
#contentArea .infoLeft dl{width:370px;text-align:center;padding-top:45px;}
#contentArea .infoLeft dt{font-family:'NanumGothicB','Dotum','돋움','돋움체';font-size:22px;color:#393940;line-height:22px}
#contentArea .infoLeft dd{padding-top:5px;font-family:'NanumGothicB','Dotum','돋움','돋움체';font-size:13px;line-height:13px}
#contentArea .infoRight{position:absolute;left:615px;top:37px;text-align:center}
#contentArea .infoRight dt{font-size:45px;line-height:35px;color:#141414}
#contentArea .infoRight dd{margin-top:9px;font-family:"NanumGothicB","돋움", "돋움체";font-size:12px;line-height:12px;color:#141414}
#contentArea .infoRight span{display:block;position:absolute;left:-22px;top:-3px;font-family:"NanumGothicB","돋움", "돋움체";font-size:12px;color:#141414}
#contentArea .infoID{width:958px;height:178px;margin-top:20px;border:1px solid #dedede;background:#ffffff}
#contentArea .infoIDLeft{float:left;width:370px;height:178px;border-right:1px solid #dedede;text-align:center}
#contentArea .infoIDLeft dl{padding-top:46px;}
#contentArea .infoIDLeft dd{margin-top:11px;line-height:12px;}
#contentArea .infoIDRight{float:left;}
#contentArea .infoIDRight ul{float:left;margin-top:37px;margin-left:60px;}
#contentArea .infoIDRight li{margin-bottom:5px}
#contentArea .infoIDRight span{float:left;margin-top:37px}

#contentArea .infoPW{width:958px;height:178px;margin-top:20px;border:1px solid #dedede;background:#ffffff}
#contentArea .infoPWLeft{float:left;width:370px;height:178px;border-right:1px solid #dedede;text-align:center}
#contentArea .infoPWLeft dl{padding-top:46px;}
#contentArea .infoPWLeft dd{margin-top:11px;line-height:12px;}
#contentArea .infoPWRight{float:left;}
#contentArea .infoPWRight ul{float:left;margin-top:37px;margin-left:60px;}
#contentArea .infoPWRight li{margin-bottom:5px}
#contentArea .infoPWRight span{float:left;margin-top:37px}


/* commonLeft & Right *****************************************************************************************************************/
#leftWrap{position:fixed;left:0;top:0;z-index:9999;width:200px;height:100%;background:#393940;}
#rightWrap{min-width:960px;margin-left:200px;height:100%}
#leftWrap .leftTop{width:200px;height:235px;background:#3aafb9;text-align:center}
#leftWrap .leftLogo{width:100px;height:100px; margin:0 auto;padding-top:41px;background:url(/admin/images/adminLogo.jpg) center bottom no-repeat}
#leftWrap .leftTitle{padding:20px 0 10px 0;font-family:'NanumGothicB','Dotum','돋움','돋움체';font-size:16px;line-height:16px;color:#ffffff}
#leftWrap .leftBottom{position:fixed;bottom:0;width:200px;}
#leftWrap .leftBottom p{font-size:9px;line-height:23px;font-family:'arial','Dotum','돋움','돋움체';text-align:center;color:#6d6d7f}
#leftWrap .leftMiddle{padding:20px 0;}
#leftWrap .leftMiddle ul{}
#leftWrap .leftMiddle dt{padding:15px 0 7px 21px;font-size:13px;line-height:13px;background:url(/admin/images/menuArrow.jpg) 165px 21px no-repeat;color:#ffffff}
#leftWrap .leftMiddle dd{font-size:12px;line-height:24px;color:#adadc1} 
#leftWrap .leftMiddle dd a{padding-left:21px;display:block;text-decoration:none;color:#adadc1}
#leftWrap .leftMiddle dd a:hover{background:#000000;color:#ffffff}
#leftWrap .leftMiddle dd a.menuover{background:#3aafb9;color:#ffffff}
#topWrap{position:relative;width:100%;min-width:960px;height:59px;border-bottom:1px solid #dedede;background:#ffffff}
#topWrap ul{padding:17px 0 0 20px;}
#topWrap li{float:left}
#topWrap .topMenuPos1 {position:absolute;left:20px;top:4px;width:52px;height:23px;display:none}
#topWrap .topMenuPos2 {position:absolute;left:52px;top:4px;width:52px;height:23px;display:none}
#topWrap .topMenuPos3 {position:absolute;left:84px;top:4px;width:52px;height:23px;display:none}
#topWrap .topMenuTitle1 {line-height:17px;text-align:center;font-size:11px;font-family:'NanumGothic','돋움', '돋움체';color:#dfdfdf;border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px; background:#474747}
#topWrap .topMenuTitle2 {line-height:17px;text-align:center;font-size:11px;font-family:'NanumGothic','돋움', '돋움체';color:#dfdfdf;border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px; background:#474747}
#topWrap .topMenuTitle3 {line-height:17px;text-align:center;font-size:11px;font-family:'NanumGothic','돋움', '돋움체';color:#dfdfdf;border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px; background:#474747}
#topWrap .topMenuArrow {background:url(/admin/images/topMenuArrow.png) 11px 0 no-repeat; height:4px;}
#contentWrap{position:relative;z-index:8888}
#contentTop{height:130px;text-align:center}
#contentTop p{padding:50px 0 10px 0;font-family:'NanumGothic','돋움', '돋움체';font-size:30px;line-height:30px;color:#393940;text-align:center;}
#contentTop dl{text-align:center;}
#contentTop dt{display:inline;padding-right:10px;font-family:'NanumGothic','돋움', '돋움체';font-size:12px;line-height:12px;color:#8c8c8c;background:url(/admin/images/topArrow.jpg) right 5px no-repeat}
#contentTop dd{display:inline;padding-left:7px;font-family:'NanumGothic','돋움', '돋움체';font-size:12px;line-height:12px;color:#8c8c8c}
#contentArea{width:960px;margin:0 auto;padding-bottom:100px}
#contentArea .searchTop{height:45px;}
#contentArea .searchTop span{display:inline-block;width:250px;padding-top:19px;font-size:13px;}
#contentArea .searchTop span font{font-family:'NanumGothicB','Dotum','돋움','돋움체';color:#474747}
#contentArea .searchTop table{float:right}

/* Notice *****************************************************************************************************************/
#contentArea .boardTitle{width:100%;background:#ffffff}
#contentArea .boardTitle td{height:45px;padding:0 2px 0 18px;border-top:1px solid #dedede;border-right:1px solid #dedede; border-bottom:1px solid #dedede;background:url(/admin/images/boardTitleArrow.png) right no-repeat;font-family:'NanumGothicB','Dotum','돋움','돋움체';color:#474747 }
#contentArea .boardTitle td:first-child{border-left:1px solid #dedede;background:url();}

#contentArea .boardList{width:100%;border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;background:#ffffff}
#contentArea .boardList td{height:45px;padding:0 2px 0 18px;}
#contentArea .boardList td a{text-decoration:none;color:#8c8c8c}
#contentArea .boardList td a:hover{text-decoration:none;color:#3aafb9}
#contentArea .boardListNot{width:100%;border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;background:#ffffff;text-align:center}
#contentArea .boardListNot td{height:45px;padding:0 2px 0 18px;}
#contentArea .boardListNoti {width:100%; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; }
#contentArea .boardListNoti td { height:45px; background:#f1f1f1; font-family:'NanumGothic',"돋움", "돋움체"; padding:0 2px 0 18px; text-align:left }

#contentArea .boardRead{width:100%;background:#ffffff}
#contentArea .boardRead:first-child{border-top:1px solid #dedede;}
#contentArea .borderTop{border-top:1px solid #dedede;} /*borderRead:first-child는 상위로 묶여야 해서.. */
#contentArea .boardRead td{height:45px;padding:0 0 0 10px;border-right:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
#contentArea .boardRead td:first-child{border-left:1px solid #dedede}
#contentArea .boardRead td a{ text-decoration:none; color:#8c8c8c }
#contentArea .boardRead td a:hover{ color:#3aafb9}
#contentArea .boardRead .subject{font-family:'NanumGothicB','Dotum','돋움','돋움체';padding:0 0 0 18px;color:#474747}
#contentArea .boardRead .editor{padding:10px; height:400px; vertical-align:top;line-height:1.4}
#contentArea .nameWdate{float:right;padding-right:26px}
#contentArea .nameWdate img{ vertical-align:middle; padding-right:7px;}

#contentArea .boardReadTable{ background:#ffffff}
#contentArea .boardReadTable td{ height:45px;padding:0 5px; text-align:center}



#contentArea .boardReadNone{background:#ffffff}
#contentArea .boardReadNone td{height:45px;padding:0 3px 0 0;border:0;}
#contentArea .boardReadNone td:first-child{border-left:0;}

#contentArea .boardBottomLeft {float:left; padding-top:15px;}
#contentArea .boardBottomLeft li{float:left;padding-right:2px}

#contentArea .boardBottomRight {float:right;padding-top:15px;}
#contentArea .boardBottomRight ul{display:block;background:#ff0000}
#contentArea .boardBottomRight li {float:left;display:inline-block}
#contentArea .boardBottomRight li a{ float:left; width:28px; height:28px; border-right:1px solid #dedede; border-bottom:1px solid #dedede; border-top:1px solid #dedede; background:#ffffff; text-align:center; font-family:Verdana, Geneva, sans-serif; color:#474747; line-height:28px; cursor:pointer}
#contentArea .boardBottomRight li:first-child a{ border-left:1px solid #dedede;}
#contentArea .boardBottomRight li:hover a { background:#333333; color:#ffffff }
#contentArea .boardBottomRight .pageOver { background:#333333; color:#ffffff }
#contentArea .boardBottomRight .prev1 { background:url(/admin/images/btnPrev1.png) center no-repeat #ffffff;}
#contentArea .boardBottomRight .prev1:hover { background:url(/admin/images/btnPrev1_over.png) center no-repeat #ffffff;}
#contentArea .boardBottomRight .prev2 { background:url(/admin/images/btnPrev2.png) center no-repeat #ffffff;}
#contentArea .boardBottomRight .prev2:hover { background:url(/admin/images/btnPrev2_over.png) center no-repeat #ffffff;}
#contentArea .boardBottomRight .next1 { background:url(/admin/images/btnNext1.png) center no-repeat #ffffff;}
#contentArea .boardBottomRight .next1:hover { background:url(/admin/images/btnNext1_over.png) center no-repeat #ffffff;}
#contentArea .boardBottomRight .next2 { background:url(/admin/images/btnNext2.png) center no-repeat #ffffff;}
#contentArea .boardBottomRight .next2:hover { background:url(/admin/images/btnNext2_over.png) center no-repeat #ffffff;}

#contentArea .boardBottomRight02 {float:right;padding-top:15px;}
#contentArea .boardBottomRight02 li {float:left;padding-left:2px}

#contentArea .contentBox {display:block;margin:10px 0;}
#contentArea .boardTable01{margin:10px 0;border:1px solid #dedede}
#contentArea .boardTable01 td{padding:0 10px;text-align:center;}

#comment {width:960px; padding-top:15px;}
#comment .commentWrite{width:958px;border:1px solid #dedede;background:#ffffff}
#comment .commentWrite2{width:926px;margin-top:5px;border:1px solid #dedede;background:#ffffff}
#comment .commentList{width:958px;margin-top:10px;border:1px solid #dedede;background:#ffffff}
#comment .commentList dt{margin:15px 15px 0 15px;}
#comment .commentList dt a{color:#8c8c8c}
#comment .commentList dt a:hover{color:#3aafb9}
#comment .commentList dt.dealMargin{margin:5px 15px 0 15px;}
#comment .commentList dt span{font-family:'NanumGothicB','Dotum','돋움','돋움체';color:#474747}
#comment .commentList dd{margin:5px 15px 15px 15px;}
#comment .commentReply{ width:926px;margin-top:5px;border:1px solid #dedede;background:#f1f2f2;}
#comment .commentReply dl{}
#comment .commentReply dt{margin:15px 15px 0 15px;}
#comment .commentReply dt span{font-family:'NanumGothicB','Dotum','돋움','돋움체';color:#474747}
#comment .commentReply dd{margin:5px 15px 15px 15px;}

#comment .commentSearch{height:45px; margin-top:10px;}
#comment .commentSearch span{display:inline-block;width:250px;padding-top:19px;font-size:13px;}
#comment .commentSearch span font{font-family:'NanumGothicB','Dotum','돋움','돋움체';color:#474747}
#comment .commentSearch table{float:right}

#comment .newcommentList{width:958px;margin-top:10px;border:1px solid #dedede;background:#ffffff}
#comment .newcommentList dt{margin:15px 15px 0 15px;}
#comment .newcommentList dt span{font-family:'NanumGothicB','Dotum','돋움','돋움체';color:#474747}
#comment .newcommentList dd{margin:5px 15px 15px 15px;}

/* Zipcode *****************************************************************************************************************/
#Zipcode{width:100%;}
#Zipcode p{height:30px;padding:10px;margin-bottom:20px;font-size:15px;line-height:30px;color:#ffffff;background:#3AAFB9}
#Zipcode .zopcode{width:100%;height:300px;}
#Zipcode .zipcode > div{overflow:auto;height:260px;margin:20px;padding:10px;border:1px solid #dedede;background:#ffffff}
#Zipcode a{ text-decoration:none ; color:#8c8c8c; line-height:160%}
#Zipcode a:hover{color:#3aafb9}

/* IDCheck *****************************************************************************************************************/
#IDCheck{width:100%;}
#IDCheck p{height:30px;padding:10px;margin-bottom:20px;font-size:15px;line-height:30px;color:#ffffff;background:#3AAFB9}
#IDCheck .checkIDBox{width:100%;}
#IDCheck .checkIDBox > div{margin:20px;padding:10px;border:1px solid #dedede;background:#ffffff}
#IDCheck a{ text-decoration:none ; color:#8c8c8c; line-height:160%}
#IDCheck a:hover{color:#3aafb9}

/*new_admin*/
dl, dt, dd{ list-style:none; padding:0; margin:0;}
.admin_wrap{ margin:130px auto 0 auto; width:640px; background: url(/admin/images/new/admin_bg.png) center 90px no-repeat; min-height:485px; }
.admin_wrap p{ text-align:center; margin:0; padding:0;}
.admin_wrap p.txt1{ text-align:center; line-height:44px; font-size:30px; color:#343434; font-family:'NanumMyeongjoB';}
.admin_wrap p.txt1 b{ font-weight:100; line-height:46px; font-size:37px;}
.admin_wrap p.txt1 b em{ color:#9b2424; list-style:none;}
.adminBox{ padding-top:347px; text-align:center;}
.adminBox dl{ text-align:center; overflow:hidden;}
.adminBox dt{ padding-right:12px; line-height:32px; display:inline-block; height:32px; color:#555555; font-size:15px; font-family:'NanumGothicB'; }
.adminBox dd{ display:inline-block; height:32px;}
.adminBox dd input{ height:30px; border:1px solid #dfdfdf; background-color:#f7f1e5; padding:0 5px; line-height:30px; font-size:12px; color:#555555; font-family:'NanumGothicB';}
.adminBox dd input.loginBtn{ height:32px; border:none; background-color:none; padding:0; cursor:pointer; margin-bottom:-12px;}
.admin_wrap p.txt2{ padding-top:30px; text-align:center; line-height:16px; font-size:11px; color:#949393; font-family:dotum;}



/* process */
.craft_cont .read  .processList{ padding:8px 21px 0px 22px;}
.craft_cont .read  .processList ul{ overflow:hidden;}
.craft_cont .read  .processList ul li{ float:left; width:210px; height:260px; margin:20px 10px 0px 10px;}
.craft_cont .read  .processList ul li span{ display:block;}
.craft_cont .read  .processList ul li.tit{ background:url(/images/craft/processTitBg.jpg) left top no-repeat; padding:0;text-align:left;}
.craft_cont .read  .processList ul li.tit .txt1{ margin:83px 20px 0px 20px; line-height:27px; font-size:20px; color:#fff; font-family:'NanumGothicB';  }
.craft_cont .read  .processList ul li.tit .txt2{ margin:5px 20px 0px 20px; line-height:17px; font-size:12px; color:#949494; font-family:dotum; }
.craft_cont .read  .processList ul li .positionR{ position:relative; width:210px; }
.craft_cont .read  .processList ul li .process_num{ position:absolute; right:0; top:0; height:35px; width:35px; line-height:35px; text-align:center; background:#9d2424; font-size:14px; color:#fff; font-family:'NanumGothicB';  }
.craft_cont .read  .processList ul li .process_img{ padding-bottom:5px; width:210px; height:210px; }
.craft_cont .read  .processList ul li .process_txt{ vertical-align:middle; border:1px solid #e7e1d3; background-color:#f5efe0; text-align: center; line-height:16px;  font-size:13px; color:#333333; font-family:'NanumGothic'; padding:5px 5px 6px 5px; height:32px; margin:0; }
.craft_cont .read  .processTxt{padding:25px 32px; color:#444444; line-height:25px; font-size:14px; font-family:'NanumGothic';}