/**
* http://bts.nhncorp.com/nhnbts/browse/NJUSER-2228
* @release date 2010.03.10
* -- filename: nvr_common_Z.css	revision: 125645
* -- filename: layout.css	revision: 196912
* -- filename: photoviewer.css	revision: 132274
*/
*{
     margin:0;padding:0;
}
body{
     position:relative;
}   
a{
     text-decoration:none;
}
a:hover,a:active,a:focus{
     text-decoration:underline;
}
ol,ul{
     list-style-type:none;
}
em{
     font-style:normal
}
img,fieldset,button,table,table th, table td {
     border:none;background:none;
}
a img{
     vertical-align:top
}
input,textarea{
     font-size:1.0em;
}
button {
	cursor:pointer;cursor:hand;
}
button *{
     display:none;
}
input{
     *margin:-1px 0;
}   
html:first-child select{
     padding-right:6px;height:20px;
}
option{
     padding-right:6px;
}
hr.separate,.hide {
     display:none
}


@charset "utf-8";

/** //index//
 *
 *  - layout
 *  - header
 *  - footer
 *
 *--------------------------------------------------------------*/


/* ==============================================================

	layout

================================================================ */
* {font-family:"Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;}

body {text-align:center;color:#000;font-size:12px;}

a {color:#333;}

#wrap {width:957px;margin:0 auto;text-align:left;padding-bottom:50px;}

#header {position:relative;padding:20px 0 0 0;zoom:1}

#contents {position:relative;margin:4px 0 0;zoom:1;padding-bottom:50px;}
#contents:after{content:"."; visibility:hidden; height:0; display:block; clear:both;}
#contents .aside {float:left;width:177px;border-bottom:1px solid #d9d9d9;}
#contents .guideContents {float:right;width:759px;padding-top:21px;}

hr {display:none;}

legend {display:none;}
img, fieldset {border:0;background:none;}
li {list-style-type:none;}

a {color:#333;text-decoration:none;}
a:hover,a:active,a:focus{color:#333;text-decoration:underline;}

/* ==============================================================

	header

================================================================ */

#header h1, #header h2 {display:inline;}
#header h1 {margin:0;}
#header h1 a {margin-right:2px;}
#header .lnb {margin-top:9px}
#header .lnb ul {overflow:hidden;height:35px;background:url(../img/bg_lnb.gif) no-repeat;zoom:1;}
#header .lnb li {float:left;}
#header .lnb li a {margin-right:0;}

/*--Old header--*/
#header .userArea {position:absolute;top:0;right:0;padding:6px 0 0 0;*padding:5px 0 0 0;white-space:nowrap;}
#header .userArea a {display:inline;}
#header .userArea span,#header .userArea span a {color:#646464;}
#header .userArea span strong {color:#000;}
#header .userArea img {vertical-align:middle;}

#header .userArea .userName {padding:0 2px 0 3px;}
#header .userArea .help {padding:0 0 0 2px;}
#header .userArea .myMission {padding:0 6px 0 2px;background:url(../img/line_v_02.gif) no-repeat right 1px;}
#header .userArea .myAccount {padding:0 6px 0 2px;background:url(../img/line_v_02.gif) no-repeat right 1px;}
#header .userArea .register {padding:0 3px 0 0;}

/*--New header--*/
#header .UserArea {font-family:arial,sans-serif;position:absolute;top:8px;right:0;line-height:1;}
#header .UserArea li{float:left;padding:0 7px 0 6px;padding-right:5px;border-right:solid 1px #d2d2d2;position:relative;*height:12px;/**overflow:hidden;*/}
#header .UserArea li a{display:block;*display:inline;zoom:1;vertical-align:top;line-height:1.2;color:#646464;}
#header .UserArea a:hover,
#header .UserArea a:active,
#header .UserArea a:focus {text-decoration:underline;}
#header .UserArea .pick {padding:0 0 0 6px;border-right:none;}


/* ==============================================================

	footer

================================================================ */

#footer {padding:30px 0 50px;border-top:2px solid #323232;text-align:center}
#footer h2 {overflow:hidden;width:0;height:0;font-size:0;line-height:0}
#footer .naverLink {overflow:hidden;margin:0 0;zoom:1}
#footer .naverLink li {display:inline;padding:0 5px 0 9px;background:url(../img/line_v_15.gif) no-repeat left top;}
#footer .naverLink li.firstChild {padding-left:0;background:none;}
#footer .naverLink li a {color:#7d7d7d}
#footer p {padding-right:24px;margin-top:10px;color:#7d7d7d;font-size:10px;font-style:normal;font-family:tahoma;text-align:center;}
#footer p strong {color:#3baf0a;font-weight:bold;}

/*--New header--*/
.Type01v3 {border-top:2px solid #323232;padding:30px 0 50px;*overflow:hidden;*zoom:1;}


#contents .photoviewer {position:relative;height:238px;_height /**/:299px;padding:61px 0 0 36px;background:url(../img/bg_photoviewer.jpg) no-repeat;}
#contents .photoviewer h2 {margin-bottom:20px;}
#contents .photoviewer p {margin-bottom:22px;}

#contents .photoviewer2 {position:relative;height:234px;_height /**/:284px;padding:50px 0 0 37px;background:url(../img/bg_photoviewer2.jpg) no-repeat;}
#contents .photoviewer2 h2 {margin-bottom:20px;}
#contents .photoviewer2 p {margin-bottom:22px;}

#contents .listStyle {position:relative;}
#contents .listStyle h3 {height:24px;_height /**/:35px;padding:11px 0 0 7px;background:url(../img/bg_header.gif) repeat-x;}
#contents .listStyle ul {margin:12px 0 0 7px;}
#contents .listStyle li {padding-left:8px;margin-bottom:9px;background:url(../img/bu_green.gif) no-repeat left 5px;zoom:1;}
#contents .listStyle li .date {display:block;margin-top:2px;color:#999;font-family:Tahoma;font-size:9px;}
#contents .listStyle dl {position:relative;margin:11px 0 0 7px;}
#contents .listStyle dt {position:absolute;}
#contents .listStyle dd {padding:0 0 3px 49px;}
#contents .listStyle .btnMore {position:absolute;top:11px;right:3px;}

#contents .news {position:absolute;top:34px;right:21px;width:219px;}
#contents .faq {position:absolute;top:314px;right:21px;width:219px;}
#contents .faq li {margin-bottom:10px;}
#contents .environment {position:absolute;top:59px;right:21px;width:219px;}
#contents .environment dd {padding-bottom:5px;}

#contents .meritList {position:relative;overflow:hidden;margin-top:15px;zoom:1}
#contents .meritList dt {position:absolute;top:0;zoom:1}
#contents .meritList dd {float:left;height:120px;_height /**/:173px;padding:53px 0 0 19px;border-right:1px solid #e8e8e9;}
#contents dt.photomanage {left:20px;}
#contents dd.photomanage {width:205px;_width /**/:224px;}
#contents dt.photoview {left:245px;}
#contents dd.photoview {width:208px;_width /**/:227px;}
#contents dt.photoprint {left:473px;}
#contents dd.photoprint {width:220px;_width /**/:239px;}

#contents .stepList {overflow:hidden;}
#contents .stepList li {float:left;width:408px;_width /**/:477px;padding-left:69px;margin-top:34px;}
#contents .step1 {background:url(../img/ico_step_1.gif) no-repeat 20px 1px;border-right:1px solid #e8e8e9;}
#contents .step2 {background:url(../img/ico_step_2.gif) no-repeat 20px 1px;}
#contents .step3 {background:url(../img/ico_step_3.gif) no-repeat 20px 1px;border-right:1px solid #e8e8e9;}
#contents .step4 {background:url(../img/ico_step_4.gif) no-repeat 20px 1px;}

#contents .photoBoardArea {padding:15px 18px;}
#contents .photoBoardArea h2 {height:30px;_height /**/:34px;border-bottom:2px solid #333;}
.photoBoard {padding-top:30px;zoom:1;}
.photoBoard table {width:100%;border-bottom:1px solid #ddd !important;}
.photoBoard table, .photoBoard table * {border:0}
.photoBoard th {height:27px;_height /**/:29px;padding-top:2px;background:url(../img/bg_th.gif) repeat-x;text-align:center;color:#555;font-weight:normal;font-size:11px;}
.photoBoard th a {padding-right:8px;background:url(../img/bu_arrow.gif) no-repeat right 3px;color:#555;font-size:11px;}
.photoBoard td {height:26px;_height /**/:27px;border-top:1px solid #ededed;color:#777;font-size:9px;font-family:tahoma;text-align:center;}
.photoBoard .title {height:25px;_height /**/:26px;padding-top:1px;text-align:left;}
.photoBoard .title a {font-size:12px;color:#676767;}
.photoBoard .btnWriteT {padding-bottom:8px;text-align:right;}
.photoBoard .btnWriteB {margin-top:-18px;text-align:right;}

.photoBoard .paginate {margin-top:13px;line-height:1;text-align:center;}
.photoBoard .paginate * {padding:0 9px 0 10px;border-right:1px solid #e6e6e6;color:#000;font-family:"Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;font-size:12px;font-weight:bold;zoom:1;}
.photoBoard .paginate .firstChild {border-left:1px solid #e6e6e6;}
.photoBoard .paginate strong{color:#fd2500;}
.photoBoard .paginate a.prev {background:url(../img/bg_linearnav_prev.gif) left 3px no-repeat;font-weight:normal;}
.photoBoard .paginate a.next {background:url(../img/bg_linearnav_next.gif) right 3px no-repeat;font-weight:normal;border:0}
.listSearch {margin-top:32px;text-align:center;}
.listSearch label {color:#555555;:middle}
.listSearch .searchWord {width:140px;_width /**/:147px;height:15px;_height /**/:19px;padding:2px 0 0 5px;*margin:-1px 0 0 0;border-width:1px;border-style:solid;border-color:#8b8b8b #d3d3d3 #d3d3d3 #8b8b8b;vertical-align:middle;}
.listSearch .btnListSearch {vertical-align:middle;border:0}

.photoBoardView {position:relative;padding-top:30px;zoom:1}
.photoBoardView .photoBoardBox {position:relative;padding:0 20px 20px;margin:5px 0 8px;border:1px solid #dfdfdf;zoom:1}
.photoBoardView .photoBoardBox h4 {margin-top:23px;padding:0 0 8px 2px;background:url(../img/line_v_dot_01.gif) repeat-x left bottom;font-size:14px;}
.photoBoardView .inquiry {position:absolute;top:21px;right:20px;color:#555;font-size:11px;letter-spacing:-1px}
.photoBoardView .inquiry span {color:#555;font-size:10px;font-family:verdana;}
.photoBoardView .option {position:absolute;top:52px;right:20px;color:#777;font-size:10px;font-family:verdana;}
.photoBoardView .option span {color:#b0b0b0;font-size:10px;font-family:verdana;}
.photoBoardView .option img {vertical-align:middle;}
.photoBoardView .contentsArea {margin-top:35px;color:#777;line-height:1.2;}
.photoBoardView .contentsArea h1 {height:auto;padding:0;margin:0;font-size:30px;border:0;}
.photoBoardView .contentsArea h2 {height:auto;padding:0;margin:0;font-size:23px;border:0;}
.photoBoardView .contentsArea h3 {height:auto;padding:0;margin:0;font-size:19px;border:0;}
.photoBoardView .contentsArea h4 {height:auto;padding:0;margin:0;font-size:14px;border:0;background:none;}
.photoBoardView .contentsArea p {color:#777;}
.photoBoardView .contentsArea li {margin-left:1em;}
.photoBoardView .contentsArea ul li {list-style-type:disc;}
.photoBoardView .contentsArea ol li {list-style-type:decimal}
.photoBoardView table {width:100%;margin-top:20px;border-top:1px solid #ddd !important;border-bottom:1px solid #ddd !important;}
.photoBoardView table, .photoBoardView table * {border:0}
.photoBoardView td {height:26px;_height /**/:27px;border-bottom:1px solid #efefef;color:#777;font-size:9px;font-family:tahoma;text-align:center;}
.photoBoardView .order {font-family:"MS PGothic";font-size:11px;}
.photoBoardView .title {height:25px;_height /**/:26px;padding-top:1px;text-align:left;}
.photoBoardView .title img {vertical-align:middle}
.photoBoardView .title a {font-size:12px;color:#333;}
.photoBoardView .present {background-color:#fafafa;}
.photoBoardView .btn_top {margin-top:8px;text-align:right;}
.photoBoardView .btns {position:relative;zoom:1}
.photoBoardView .btns .btnRight {position:absolute;top:0;right:0;}

.toolbarGuide {margin-bottom:0 !important;padding-bottom:50px;background:url(../img/bg_aside.gif) repeat-y;zoom:1}
.toolbarGuide .guideMenu {margin:0 11px;vertical-align:top;}
.toolbarGuide .guideMenu li {padding:19px 0 14px 8px;background:url(../img/line_v_05.gif) top repeat-x;}
.toolbarGuide .guideMenu li a , .toolbarGuide .guideMenu li strong {overflow:hidden;display:inline-block;height:13px;}
.toolbarGuide .guideMenu li.firstChild {padding-top:14px;background:none;}
.toolbarGuide .guideMenu li ul {padding-top:9px;}
.toolbarGuide .guideMenu li li {padding:9px 0 0 10px;background:none;}
.toolbarGuide .guideMenu li li img {display:block}

.guideContents h3 {height:31px;border-bottom:2px solid #333;}
.guideContents .guideDescription {padding:32px 0 0 20px;color:#8f8c8c;line-height:1.4}
.guideContents .guideDescription * {color:#8f8c8c;}
.guideContents .guideDescription p {padding-bottom:40px;}
.guideContents .guideDescription ol {padding-bottom:34px;}
.guideContents .guideDescription li {padding-bottom:11px;}
.guideContents .guideDescription .thumb {padding-bottom:30px;}
.guideContents .guideDescription .thumb p {_height:34px;min-height:34px;padding:13px 0 0 0 !important;line-height:1.6}
.guideContents .guideDescription .dc_1 {padding-left:115px !important;}
.guideContents .guideDescription .dc_2 {padding-left:53px !important;}

.orderList {padding:0}
.orderList li {padding:38px 0 29px 57px !important;border-top:1px solid #eff0f0;}
.orderList li.firstChild {padding-top:26px !important;border:0}
.orderList li p {_height:34px;min-height:34px;padding:13px 0 0 0 !important;line-height:1.6}
.orderList li p.twoLine {_height:45px;min-height:45px;padding-top:2px !important;}
.orderList li .thumb {padding:30px 0 0 0 !important}
.orderList li ol {padding-top:20px !important;}
.orderList li li {padding:0 0 11px 0 !important;border:0}
.orderList li ul {padding:6px 0 0 16px;}
.orderList li ul li {padding:0 0 2px 5px !important;background:url(../img/bu_dot_1.gif) no-repeat left 8px;}
.orderList .num_1 {background:url(../img/orderList_1.gif) no-repeat left 25px;}
.orderList .num_2 {background:url(../img/orderList_2.gif) no-repeat left 25px;}
.orderList .num_3 {background:url(../img/orderList_3.gif) no-repeat left 25px;}

.printScr {overflow:hidden;padding:20px 0 53px;zoom:1}
.printScr h5 {padding-bottom:10px;font-weight:normal;font-size:12px;}
.printScr .thumb {float:left;margin-right:20px;}
.printScr ol {float:left;width:285px;}
.guideContents .guideDescription .printScr .dc_1 {margin-top:46px;padding:0 !important}
.guideContents .guideDescription .printScr .dc_2 {margin-top:116px;padding:0 !important}
.printScr ol li p {padding:0 0 0 9px !important}
.printScr ol ul li {padding:0 0 2px 5px !important;background:url(../img/bu_dot_1.gif) no-repeat left 8px;}

.topButton {text-align:right;}
.topButton a {padding-left:8px;background:url(../img/bu_arrow_2.gif) no-repeat left center;text-decoration:underline;}


