/* =Guide page */ #guide { margin: 0 auto; width: 100%; font-family: tahoma; } #guide h2 {color: #5c5c5c; font: bolder 14px 돋움; border-bottom: 1px solid #ccc; padding-left: 5px; padding-bottom: 7px; } #guide p { line-height: 170%; color: #444;} #guide .info { padding-top: 10px;#padding-top: 0px; background: url(../images/guide/wang_bg.gif) right 10px no-repeat; min-height: 195px; _height: 195px;} #guide .info h4 { padding-top: 20px; font: bolder 16px 돋움; color: #383838; margin-bottom: 25px; } #guide .info p { width: 405px; text-align: justify;} #guide .info ol { margin-left: 5px; margin-top: 45px; width: 97%; } #guide .info ol li { line-height: 190%; margin-bottom: 25px; text-align: justify; color: #666;} #guide .info ol li strong { font: bolder 14px 돋움; color: #ea8f0c; text-decoration: underline;} #guide .info .goto { text-align:center; margin: 40px 0 0 0; padding-left: 10px; font: bolder 12px 돋움; } /* =yellow button */ a.yellowbtn { display:-moz-inline-box; display:inline-block; background:url('../images/yellow_btn.gif') left 0px; padding-left: 10px; text-decoration:none; height:36px; cursor:pointer; overflow:hidden; vertical-align: middle; #vertical-align: -8px; } a.yellowbtn:hover { background:url('../images/yellow_btn_hover.gif') left -36px; text-decoration:none; padding-left:11px; } a.yellowbtn span { float:left; display:-moz-inline-box; display:inline-block; background:url('../images/yellow_btn.gif') right 0; line-height:190%; padding-right:10px; height:31px; overflow:hidden; color:#fff; font-size: 14px; font-weight: bold; padding-top: 5px; font-family: 돋움; } a.yellowbtn:hover span{ background:url('../images/yellow_btn_hover.gif') right -36px; color:#fff; text-decoration:none; padding-top: 6px; padding-right:9px; } /*GuideBox for guidepage*/ #guidebox { width: 700px; background: #fff; margin: 0; padding: 0; text-align: center; } #guidebox h2 { background: #0f3452; padding: 10px 15px; color: #d4d4d4; margin: 0; text-align: left; } #guidebox h5 { margin: 0; padding:0 8px; margin-bottom: 7px; margin-top: 2px; color: #5794c4; text-decoration: underline; font-weight: bolder; } #guidebox h5 a { color: #5794c4; text-decoration: underline; font-weight: bolder; } #guidebox ul li { display: inline; font: 11px 돋움; } #guidebox .topmenu { text-align: left; padding: 10px 12px; background: #cfd7dd; } #guidebox .topmenu li { padding-left: 7px; margin-right: 12px; background: url('../images/bullet_arrow.gif') 0 3px no-repeat; } #guidebox .topmenu small { font: normal 10px arial; } #guidebox .topmenu a { font-weight: bolder; color: #7d858b; } #guidebox .topmenu li.current { background: url('../images/bullet_arrow_current.gif') 0 3px no-repeat; } #guidebox .topmenu li.current a { color: #313b43; padding-bottom: 15px; _padding-bottom: 14px; background: url('../images/arrow_btm.gif') bottom no-repeat; } #guidebox .submenu { text-align: left; padding: 15px 12px; color: #8e8e8e;} #guidebox .submenu li { margin-right: 10px; } #guidebox .submenu a { color: #8e8e8e; } #guidebox .submenu .current { font-weight: bolder; color: #fd8f00; } #guidebox .submenu .current a { font-weight: bolder; color: #fd8f00; text-decoration: underline;} #guidebox .box { position: relative; margin: 0 auto; width: 644px; height: 426px; border: 2px solid #000; } /* EXPLANATION LAYERS */ #guidebox .box .layer { position: absolute; } #guidebox .layer p { padding: 0 10px; line-height: 120%; } #guidebox .layer .inbox { text-align: justify; font: 11px 돋움; color: #7d7d7d; position: relative; border: 1px solid #474747; width: 330px; background: #fff; padding: 7px 0;} #guidebox .layer .inbox span { z-index: 1; position: absolute; top: 18px; left: -4px; width: 4px; height: 8px; background: url('../images/guide/arrow.gif') no-repeat;} /* BACKGROUND IMAGE */ #guidebox .address_image1 { background: url('../images/guide/address_1.png') no-repeat; } #guidebox .address_image2 { background: url('../images/guide/address_2.png') no-repeat; } #guidebox .address_image3 { background: url('../images/guide/address_3.png') no-repeat; } #guidebox .address_image4 { background: url('../images/guide/address_4.png') no-repeat; } #guidebox .address_image5 { background: url('../images/guide/address_5.png') no-repeat; } #guidebox .address_image6 { background: url('../images/guide/address_6.png') no-repeat; } #guidebox .post_image1 { background: url('../images/guide/post_1.png') no-repeat; } #guidebox .post_image2 { background: url('../images/guide/post_2.png') no-repeat; } #guidebox .post_image3 { background: url('../images/guide/post_3.png') no-repeat; } #guidebox .post_image4 { background: url('../images/guide/post_4.png') no-repeat; } #guidebox .post_image5 { background: url('../images/guide/post_5.png') no-repeat; } #guidebox .post_image6 { background: url('../images/guide/post_6.png') no-repeat; } #guidebox .profile_image1 { background: url('../images/guide/profile_1.png') no-repeat; } #guidebox .profile_image2 { background: url('../images/guide/profile_2.png') no-repeat; } #guidebox .profile_image3 { background: url('../images/guide/profile_3.png') no-repeat; } #guidebox .profile_image4 { background: url('../images/guide/profile_4.png') no-repeat; } #guidebox .profile_image5 { background: url('../images/guide/profile_5.png') no-repeat; } #guidebox .tomrwang_image1 { background: url('../images/guide/tomrwang_1.png') no-repeat; } #guidebox .paging { padding: 7px 0 20px 0px; text-align: right; margin-top: 10px; margin-right: 25px; } /* =paging button */ #guidebox .paging a.btn { display:-moz-inline-box; display:inline-block; background:url('../images/guide/paging_btn.gif') left 0; padding-left:7px; text-decoration:none; height:24px; cursor:pointer; overflow:hidden; vertical-align:middle; letter-spacing: -1px; } #guidebox .paging a.btn:hover { text-decoration:none; } #guidebox .paging a.btn span { float:left; display:-moz-inline-box; display:inline-block; background:url('../images/guide/paging_btn.gif') right 0; padding-right:7px; padding-top: 6px; height:24px; overflow:hidden; color:#6c6c6c; font: bolder 11px 돋움; } #guidebox .paging a.btn:hover span{ text-decoration:none;color:#999999; }