@charset "euc-kr";
/* CSS Document */
html, body {margin:0px ; padding:0px ; height:100% ; font-size: 11px ;line-height: 150%; color:#747474 ;font-family:돋움,dotum,Verdana, sans-serif; }
input , select { font-family:돋움,dotum ,Verdana, sans-serif; vertical-align:middle ; }
table {border-collapse:collapse;border-spacing:0px;font-size: 11px;}
caption {display:none}
img { border:none; vertical-align:middle ;*padding-bottom:1px ; }
form, p, div, th, td, table, address, input {margin: 0;padding: 0; }
fieldset {margin: 0;padding: 0;border:0 ;text-align:left ; }
legend {display:none ; margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 { line-height: 130%;margin: 0;padding: 0;font-size: 1em ;}
th, td {font-size:11px ; }
ul, li, ol, dl, dt, dd {margin: 0px;padding: 0px;list-style: none;}
a {text-decoration:none ;color:#26140D;}
a:hover {text-decoration:underline ;color:#26140D;}
.png6 {_behavior:url('common/iepngfix.htc') ; }
#Frame {width:100% ; height:100% ; }
#Frame:after {content:""; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
#Frame {*zoom:1;}
#layer {width:100%; height:100% ; position:absolute ; z-index:1000; top:0 ; left:0 ; text-align:center ; }
#layer .opacity {width:100%; height:100% ;top:0 ; left:0 ; position:absolute ; z-index:1001; opacity:0.80; filter:alpha(opacity=80) ; background-color:#000000 ;}
#layer #Customer { z-index:1002 ; display:none ;}
#layer #VR { z-index:1002 ; }
#VR {width:996px ; height:596px ; overflow:hidden ;
position:absolute ; left:50% ; top:50% ; margin:-330px 0 0 -498px;text-align:left; }
.vr{background:white ; padding-top:20px ; border-top:2px solid #A81D00 ; }
p.close {float:right ; margin-left:930px ; position:absolute ;}
#vr_cont {width:996px ;overflow:hidden ; }
#vr_cont .left {padding-left:28px ; width:315px ; float:left ; position:relative ; z-index:1005 ; }
#vr_cont .left ul {margin-top:10px ;}
#vr_cont .right {width:625px ; float:left ; position:relative ; z-index:1005 ; }
#type {height:35px ;}
#type a {display:block ; height:35px ; text-indent:-10000px ; background:url(../images/VR_tab_type.gif) ; width:153px ;}
#type li {float:left ; width:153px ; }
#type .t1 a {background-position:0 0 ;}
#type .t1on a , #type .t1 a:hover {background-position:0 35px ; }
#type .t2 a {background-position:153px 0 ; }
#type .t2on a , #type .t2 a:hover {background-position:153px 35px ; }
#area {margin:6px 0 10px 0 ; height:31px ; }
#area a {display:block ; height:31px ; text-indent:-10000px ; background:url(../images/VR_tab_area.gif) ; width:69px ; }
#area li {float:left ; }
#area .a1 a {background-position:0 0 ; width:70px ;}
#area .a1on a , #area .a1 a:hover {background-position:0 31px ; width:70px ;}
#area .a2 a {background-position:555px 0 ;}
#area .a2on a , #area .a2 a:hover {background-position:555px 31px ;}
#area .a3 a {background-position:486px 0 ;}
#area .a3on a , #area .a3 a:hover {background-position:486px 31px ;}
#area .a4 a {background-position:417px 0 ;}
#area .a4on a , #area .a4 a:hover {background-position:417px 31px ;}
#area .a5 a {background-position:348px 0 ;}
#area .a5on a , #area .a5 a:hover {background-position:348px 31px ;}
#area .a6 a {background-position:279px 0 ;}
#area .a6on a , #area .a6 a:hover {background-position:279px 31px ;}
#area .a7 a {background-position:210px 0 ;}
#area .a7on a , #area .a7 a:hover {background-position:210px 31px ;}
#area .a8 a {background-position:141px 0 ;}
#area .a8on a , #area .a8 a:hover {background-position:141px 31px ;}
#area .a9 a {background-position:72px 0 ; width:72px ;}
#area .a9on a , #area .a9 a:hover {background-position:72px 31px ; width:72px ; }
#vr_play {position:relative ; z-index:1009 ; }
#vr_info {position:absolute ; left:343px ; top:104px ; z-index:1010; display:none ; }
/* -- */
#material {width:732px ; padding:33px 30px 0 30px ; height:520px ; border-top:2px solid #A81D00 ; }
#material h1 {float:right;}
#material h2 {float:left;}
#material p.info {font-size:11px ; color:#A81D00 ; letter-spacing:-1 ; background:url(../images/arrow.gif) no-repeat ;margin:10px 0 0 0 ;padding-left:12px ; }
#material ul {clear:both ; height:31px ; background:#A81D00; }
#material a {display:block ; height:31px ; text-indent:-10000px ; background:url(../images/material_tab.gif) ; width:365px ; margin:0 auto ;}
#material li { }
#material .t1 a {background-position:0 0 ; }
#material .t1on a , #material .t1 a:hover {background-position:0 31px ; }
#material .t2 a {background-position:366px 0 ; }
#material .t2on a , #material .t2 a:hover {background-position:365px 31px ; }
#material .box {border:1px solid #DADADA ; padding:5px 0 0 5px ; overflow:auto ; height:400px ;
scrollbar-face-color:#efefef;
scrollbar-highlight-color:#efefef;
scrollbar-shadow-color:#efefef;
scrollbar-3dlight-color:#efefef;
scrollbar-arrow-color:#d1d1d1;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#d1d1d1;
scrollbar-base-color:#fff;
}
#material table { }
#material th {text-align:left ; color:#4E4E4E ; border-right:1px solid #EDEDED ;border-bottom:1px solid #EDEDED ; padding:4px 0 3px 10px ; }
#material td {text-align:left ; color:#4E4E4E ; border-right:1px solid #EDEDED ;border-bottom:1px solid #EDEDED ; padding:4px 0 3px 10px ; }
#material td.last {border-right:0;}
#material thead th {background:#C9C9C9 ; color:#4E4E4E ; font-size:12px ; padding:4px 0 3px 0 ; border-right:1px solid #fff ;border-bottom:1px solid #fff ;text-align:center ; }
#material tbody th {font-weight:normal;}
#material .w1 {width:80px;}
#material .w2 {width:80px;}
#material .w3 {width:143px;}
#material .w4 {width:143px;}
#material .w5 {width:74px;}
#material .w6 {width:80px;}
#material .w7 {width:90px;}
/* -- */
#Customer {width:890px ; height:470px ; background:white ; padding:25px 40px ; overflow:hidden ;
position:absolute ; left:50% ; top:50% ; margin:-297px 0 0 -485px;text-align:left; }
#Customer p.close {width:890px ; text-align:right ; position:absolute ;}
#Customer h3 {margin-top:20px;}
#Customer textarea {border:1px solid #DADADA ; padding:9px 19px; width:810px ; height:50px ; overflow:auto ;
font-size: 12px ; font-family:돋움,dotum ,Verdana, sans-serif; color:#989898 ;}
p.agree {text-align:right;padding-top:8px;}
p.agree input, td.sms input {margin:0 0 0 20px ;}
div.info {border-top:1px solid #DADADA ; border-bottom:1px solid #DADADA ; padding:5px 0 ; margin:20px 0 8px 0 ;}
div.info table {width:100% ; font-size:11px ;}
div.info th {width:100px ; vertical-align:top ; padding:2px 0 0 0 ; }
div.info td {width:790px ; padding:3px 0 7px 0; _padding:3px 0 3px 0; }
div.info td input.in, .post .inbox p input.in { background:#F9F9F9 ; border-top:1px solid #C8C8C8 ; border-left:1px solid #C8C8C8 ; border-bottom:1px solid #ECECEC ; border-right:1px solid #ECECEC ;
font-size: 11px ;color:#747474 ;font-family:돋움 ; padding:2px 0 0 5px ; height:16px; }
div.info td select { height:20px ;border:1px solid #C8C8C8 ;background:#F9F9F9 ;font-size: 11px ;color:#747474 ;}
p.regist {text-align:right;}
.post {width:400px;}
.post .inbox {width:288px ; padding:28px 35px ; border:1px solid #DADADA ; color:#797979 ; font-weight:bold; margin:0 auto 10px ;}
.post .inbox span {font-size:11px ; color:#989898 ; font-weight:normal ; }
.post .inbox p {padding:8px 0;}
.post p.btn {text-align:center ; }
.post p.result {font-size:11px ; color:#989898 ; padding:5px 0 4px 25px;}
.post .lists {width:328px ; height:206px ; overflow:auto ; padding:7px 15px ; border:1px solid #DADADA ; background:#F9F9F9 ; color:#989898 ; font-size:11px ; margin:0 auto 10px ;}
.post .lists a {color:#989898 ;}
.post .lists a:hover {color:#000000 ;}
.post .lists th {text-align:left ; font-weight:normal ; width:60px; vertical-align:top ; padding:4px 0; }
.post .lists td {vertical-align:top ; padding:4px 0; }
#option_view {width:100%; height:100% ; position:absolute ; z-index:1100; top:0 ; left:0 ; text-align:center ; display:none ; }
#option_view .opacity {width:100%; height:100% ;top:0 ; left:0 ; position:absolute ; z-index:1101; opacity:0.70; filter:alpha(opacity=70) ; background-color:#000000 ;}
#option_view .layer {position:relative ; z-index:1102 ; width:940px ; height:505px ; margin:0 auto ; padding-top:63px ; text-align:left ; }