@charset utf-8;

div.wrap {width:900px; margin:0 auto;}
div.content {position:relative; margin:0 auto; text-align:center; z-index:10;}
div.section01 {width:900px; height:506px; background:url('/web/images/content/fortune/bg01.jpg') 0 0 no-repeat;}
div.section02 {width:900px; height:auto; background:url('/web/images/content/fortune/bg02_patten.jpg') 0 0 repeat-y;}
div.section02_top {width:900px; background:url('/web/images/content/fortune/bg02.jpg') top center no-repeat;}
div.section02  p {width:710px; margin-left:78px; *margin-left:8px; padding:0 20px; text-align:left; font-size:16px; line-height:25px; color:#000;}
div.section03 {width:900px; height:142px; background:url('/web/images/content/fortune/bg03.jpg') 0 0 no-repeat;}

div.wrapPop {width:400px;}
div.header {position:relative; width:400px; height:44px; background:#ffd65c;}
div.header h1 {text-align:left; font-size:20px; line-height:44px; color:#5b4400; padding-left:14px;}
div.header ul {position:absolute; right:12px; top:11px;}
div.header ul li.close {width:20px; height:20px; background:url('/web/images/content/fortune/btn_close.gif') 0 0 no-repeat; text-indent:-99999px; cursor:pointer; display:inline-block;}
div.header ul li.mini {width:20px; height:20px; background:url('/web/images/content/fortune/btn_minimize.gif') 0 0 no-repeat; text-indent:-99999px; cursor:pointer; display:inline-block; margin-right:5px; float:left;}

div.entry {width:400px; height:622px; margin:0 auto;  text-align:center; background:url('/web/images/content/fortune/popup_bg.jpg') 0 0 no-repeat; padding-left:35px;}
div.entry ul {width:400px; text-align:left;}
div.entry ul li {display:inline-block; vertical-align:middle;}
div.entry ul li dl {margin:0;}
div.entry ul li dl dt {font-size:15px; color:#000; letter-spacing:-1px; text-align:left;}

div.btn_area {position:absolute; top:484px; left:70px; z-index:0;}

/* input */
.input_txt  {height:47px; line-height:47px; font-family :'NanumBarunGothic','나눔바른고딕',nbgttf,nbgeot,nbgwoff,dotum,'돋움',Verdana, Geneva, sans-serif; !important; font-size:15px; color:#333;
border:solid 1px #b2a48c; background:#fff; padding-left:10px; margin-top:5px; *margin-top:4px;}
.input_txt:focus {border:1px solid #5659db;}
.select_txt {height:47px; line-height:48px; font-family :'NanumBarunGothic','나눔바른고딕',nbgttf,nbgeot,nbgwoff,dotum,'돋움',Verdana, Geneva, sans-serif; !important; background:url('/web/images/content/fortune/btn_sel.gif') no-repeat 92% 50% #fff; cursor:pointer;
border:1px solid #b2a48c; font-size:15px; color:#aaa; padding-left:5px;}
.select_txt:focus{border:1px solid #5659db;}
.select_txt .sel_value {padding-left:2px }
input.ph, select.ph {color:#aaa; font-size:13px;}
input.ph:focus, select.ph:focus {color:#000;font-size:14px;}


.sel_plus {background:url('/web/images/content/fortune/btn_sel_plus.gif') no-repeat 92% 49% #fff;}
div.decSelector {position:relative; text-align:left; margin-top:5px; float:left; padding-right:3px;}
div.decSelector .selectList {position:absolute; top:48px; left:0px; zoom:1; z-index:100; border:1px solid #b2a48c; background:#fff; color:#333; font-size:14px; max-height:138px; overflow-y:auto;}
div.decSelector .selectList:after {clear:both; content:""; display:block;}
div.decSelector .selectList li {display:block;cursor:pointer;padding:0px 0px 0px 5px ;z-index:50; line-height:25px;}
div.decSelector .selectList li:hover{ background:#e9eafd;}
div.decSelector .selectList li a{ display:block;}

::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

.blank01 {padding-top:275px;}
.blank02 {padding-top:15px;}