/*----------------------------------------------------------------------------- //////////////////////////////////// 공통 스타일 //////////////////////////////////// -----------------------------------------------------------------------------*/ body {padding:0; margin:0;} /* IE 5.5 이하 텍스트 정렬 추가 hack */ body {_text-align /**/:center;} body, div, td {color:#333; font-family:gulim; font-size:9pt; line-height: 1.4;} select,form,input,option,textarea {font-size:9pt; font-family:gulim;} hr { display:none; visibility:hidden; } A:link {color:#333; text-decoration:none;} A:visited {color:#333; text-decoration:none;} A:hover {color:#333; text-decoration:underline;} A img {border:0;} .form {font: 9pt gulim; COLOR:#213744; border:1px solid #FFF; text-align:left;} .t0 {text-decoration:none;} .t1 {font-size:9pt; font-family:gulim; color:#333;} .bigtext {font-size:13pt; font-family:gulim;} .bodytext {font-family:gulim; font-size:9pt; line-height:25px; color:#333;} .bodytext1 {font-family:gulim; font-size:9pt; line-height:16px; color:#333;} .bodytext2 {font-family:dotum; font-size:8pt; line-height:16px; color:#4D4E4F;} .bold {font-family:gulim; font-size:9pt; font-weight:bold; color:#413A70;} .top-menu {font-size:8pt; font-family:dotum; color:#e4e4e4;} .top-menu a:link, .top-menu a:visited, .top-menu a:hover {color:#e4e4e4 ! important;text-decoration:none;} form {padding:0; margin:0;} .invisible {text-indent:-200px; height:1px; width:1px; margin:0px; padding:0px; font-size:1px; line-height:1px; position:absolute; left:-1000px; top:-1000px; visibility:hidden; overflow:hidden;} a.button {text-decoration:none;display:inline-block;background:#f1f1f1 url(/webgear/dlg_buttons/buttonWhite.gif) no-repeat left top;position:relative;vertical-align:top;white-space:nowrap;padding:0;font:0px/23px Sans-serif;margin-right:4px;} a.button span {display:inline-block;background:#f1f1f1 url(/webgear/dlg_buttons/buttonWhite.gif) no-repeat right top;padding:0 10px 0 8px;font-size:12px;color:#000;position:relative;vertical-align:top;cursor:pointer;left:2px;} /*----------------------------------------------------------------------------- //////////////////////////////////// 공통레이아웃 //////////////////////////////////// -----------------------------------------------------------------------------*/ #skipNavigationDiv {text-indent:-2000px;clear:both;height:0px;margin:0px;padding:0px;font-size:0px;line-height:1px;position:absolute;visibility:hidden;overflow:hidden;} #outWrap {clear:both;display:block;width:960px;position:relative;margin:0 auto;text-align:left;} /* util navigation and global navigation */ #topDiv {float:left; display:block; width:960px;} #topDiv strong {float:left; margin:40px 0 0 55px;} #topUtilDiv {float:right; margin:15px 15px 7px 0; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:7pt; font-weight:bold;} #topUtilDiv ul {padding:0; margin:0; list-style:none;} #topUtilDiv ul li {display:inline; margin-left:5px;} #topUtilDiv ul li.line {padding-right:8px;background:url(/resource/images/home/bg_bottom_ui.gif) no-repeat right 50%;} #topUtilDiv a {color:#706B68;} .search {border:1px solid #999; margin:0 5px 0 20px;} #search_btn {padding-bottom:1px; margin:0; vertical-align:middle;} #topMenuDiv {float:right;width:650px;height:55px;} /* Footer */ #main #bottomDiv {background:url(/resource/images/home/bg_bottom.gif) no-repeat 20px -27px;} #bottomDiv {clear:both; display:block; height:70px; font-size:8pt;} #copyrightDiv {float:left; width:700px; padding:0; margin:15px 0 0 20px; list-style:none; font-family:dotum;} .copy {color:#ACACAC; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:7pt; font-weight:bold;} .copy strong {color:#00549D;} #bottomUI {float:right; display:block; padding-right:10px; margin-right:70px; background:url(/resource/images/home/bg_footer_menu.gif) no-repeat right 0;} #bottomUI ul {padding:4px 0 4px 6px; margin:0; list-style:none; font-family:dotum; font-size:8pt; background:url(/resource/images/home/bg_footer_menu.gif) no-repeat 0 0;} #bottomUI ul li {display:inline; margin-left:5px; letter-spacing:-1px;} #bottomUI ul li a {color:#333;} #bottomUI ul li.line {padding-right:6px;background:url(/resource/images/home/bg_bottom_ui.gif) no-repeat right top;} /*----------------------------------------------------------------------------- //////////////////////////////////// 메인 //////////////////////////////////// -----------------------------------------------------------------------------*/ body#main {background:url(/resource/images/home/bg.gif) repeat-x 0 0;} #main #topDiv strong {float:left; margin:40px 0 0 55px;} #mainTopDiv { clear:both; display:block; width:960px; height:355px; background:url(/resource/images/home/bg_main_top.jpg) no-repeat 19px bottom;} #mainMidDiv { clear:both; display:block; width:960px; height:205px; background:url(/resource/images/home/bg_main_mid.gif) no-repeat 20px 0;} #mainBottomDiv { clear:both; display:block; width:960px; height:100px; background:url(/resource/images/home/bg_main_mid.gif) no-repeat 20px bottom;} #sideLeftDiv {float:left; width:312px; margin-top:25px; text-align:right;} #containerDiv {float:right; width:610px;} #centerDiv {float:left; width:260px; margin-top:25px;} #sideRightDiv {float:right; width:325px;} #text {float:right; position:relative; left:-170px; top:14px;} #page_go {position:relative; width:175px; left:34px; top:7px;} #page_go2 {position:relative; width:175px; left:34px; top:0;} #mainBottomDiv ul {padding:0; margin:0 0 0 25px; list-style:none;} #mainBottomDiv ul li {float:left; display:inline; width:150px; _width /**/:200px; padding-right:45px; margin-left:20px;} #mainBottomDiv ul li a {display:block; color:#9A9796; font-size:8pt; font-family:dotum; letter-spacing:-1px; line-height:1.4em;} #mainBottomDiv ul li a h4 {color:#333; font-size:9pt; padding:0; margin:0 0 5px 0;} #mainBottomDiv ul li a:hover h4 {color:#295F8E;} #mainBottomDiv ul li a:hover {color:#333; text-decoration:none; line-height:1.4em;} #mainBottomDiv #bt1 {background:url(/resource/images/home/bg_main_bottom1.gif) no-repeat right 0;} #mainBottomDiv #bt2 {background:url(/resource/images/home/bg_main_bottom2.gif) no-repeat right 0;} #mainBottomDiv #bt3 {background:url(/resource/images/home/bg_main_bottom3.gif) no-repeat right 0;} #mainBottomDiv #bt4 {background:url(/resource/images/home/bg_main_bottom4.gif) no-repeat right 0;} #bannerAreaDiv { clear:both; display:block; width:960px; background:url(/resource/images/home/bg_main_mid.gif) no-repeat 20px bottom;} /* class all */ #class_all {position:absolute; left:337px; top:660px; width:600px; text-align:right;} /* faq */ #faq h3 {padding:0 0 15px 0; margin:0 0 10px 0; border-bottom:1px solid #ddd; width:255px;} #faq ul {padding:0; margin:0; list-style:none;} #faq ul li {display:block;white-space:nowrap;line-height:1.6;width:255px;overflow:hidden;text-overflow:ellipsis;} /* photo_gallery */ #photo_gallery h3 {padding:0 0 15px 0; margin:0 0 10px 0; border-bottom:1px solid #ddd; width:255px;} #photo_gallery ul {padding:0; margin:0; list-style-type:none; list-style-position:outside;} #photo_gallery ul li {display:block;width:80px;height:60px;float:left;padding:1px;background:#f1f1f1;} #photo_gallery ul a img {width:78px;height:58px;border:0px;} /* info */ #info {position:relative; left:0; top:-72px;} /* tourNews index */ #boardIndex {position:relative;} #boardIndex ul {position:absolute;display:none;width:308px;padding:10px 0 0 0;margin:0;left:0px;top:-36px;list-style-type:none;list-style-position:outside; border-top:1px solid #E2E2E2;} /*ie5.5 hack*/ #boardIndex ul {_margin /**/:0;} #boardIndex ul li {display:block;white-space:nowrap;line-height:1.7;width:270px;overflow:hidden;text-overflow:ellipsis;} #boardTab0 {position:absolute;display:block;width:61px;height:19px;top:-55px;left:5px;background:url(/resource/images/home/nt1.gif) no-repeat left top;} #boardTab1 {position:absolute;display:block;width:61px;height:19px;top:-55px;left:68px;background:url(/resource/images/home/nt2.gif) no-repeat left top;} #boardIndex.boardIndex0 #boardTab0 {background-image:url(/resource/images/home/nt1_o.gif);} #boardIndex.boardIndex1 #boardTab1 {background-image:url(/resource/images/home/nt2_o.gif);} #boardIndex.boardIndex0 #boardIndex0, #boardIndex.boardIndex1 #boardIndex1 {display:block;} @media print { body {font: 9pt/1.5 } }