@charset "utf-8"; /*--------------------------------------------------------------------------------------------------------------------------------------------------- - 그레이벨라 버젼:v2.1.3 - 레이아웃개발: 심플아이(*그레이브 디자인) - 고객센터: http://simpleeye.ivyro.net/xe/gdesign_sub_qna - 저작권: 개발코드(css+html)및 디자인도용, 소스재판매는 xe마켓 지적저작권법에 위반됩니다.(*마켓셀러 주의요망) - 라이선스: 1도메인(1웹사이트) 1라이선스 입니다. ----------------------------------------------------------------------------------------------------------------------------------------------------*/ /*기본설정*/ html, body, iframe, h1, h2, h3, h4, h5, h6, a, img, dl, dt, dd, fieldset, form, input, label, table, caption, tbody, tfoot, thead, tr, th, td, embed, hgroup{margin:0; padding:0;} img{border:0;} table{border-collapse:separate; border-spacing:1;} :focus{outline:0;} /*탑영역(로고+언어+검색)*/ #tgnb1_wrap0 {position:relative; margin:0 auto; width:980px; z-index:200;} /*로고*/ #logo {float:left; position:absolute; padding:0; left:0; top:0;} /*언어선택*/ .lang_grey #language{position:absolute; left:897px; margin:0;} .lang_grey #language dd{float:left;position:relative;width:79px;height:17px;margin:0; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background-color:#ffffff; line-height:16px; text-align:center; background:url(../imgs/lang_icon.jpg) no-repeat 65px 6px; } .lang_grey #language dd a{display:block; color:#000; font-size:12px; text-decoration:none;} .lang_grey #language ul{margin:0; padding:0; list-style:none; display:none;position:absolute;top:15px;left:-1px;width:79px; border:1px solid #d4d4d4; background-color:#d8d8d8;} .lang_grey #language ul li{border-bottom:1px solid #f5f5f5;} .lang_grey #language ul li a{display:block; color:#fff;font:11px Tahoma; text-align:left; text-decoration:none; padding:2px 0 2px 0; text-align:center;} .lang_grey #language ul li a:hover{background-color:#3a3a3a} /*검색*/ #gb_search {float:right; position:relative; top:12px; width:213px; height:38px; border-bottom:1px solid #ebebeb;} #gb_form_search .inputText{ color:#888; background:#fff; width:187px; height:20px; margin:14px 0 3px 0; vertical-align:bottom; *display:inline; border:0;} #gb_form_search .submit{ width:18px; height:20px; *padding-top:12px;} /*탑메뉴1,2타입*/ /*탑메뉴1타입*/ #tgnb2_wrap00 {width:100%;} #tgnb2_wrap0 {width:980px; height:36px; margin:0 auto; position:relative; z-index:199;} #menu{float:left; position:absolute; left:-9px; top:7px; z-index:100; letter-spacing:0.2px;} /* (1차메뉴설정)*/ #menu ul.topnav {float:left; margin:0; padding:0; list-style:none; text-transform:none;} #menu ul.topnav li.mnav_li{margin:0; position:relative; float:left; height:36px;} #menu ul.topnav a.mnav{display:block; text-decoration:none; float:left; padding:2px 9px 3px 10px; *padding:2px 10px 3px 10px; font-weight:900;} /* #menu ul.topnav a.mnav:hover{} */ /* (2차메뉴설정)*/ #menu ul.topnav li ul.subnav {position:absolute; left:-2px; top:29px; margin:0; padding:0; list-style:none; background-color:#fff; display:none; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-transform:none;} #menu ul.topnav li ul.subnav li {margin:0; clear:both; border-bottom:1px solid #f1f1f1; font-size:12px;} #menu ul.topnav li ul.subnav li a.snav {display:block; padding:6px 12px 6px 12px; text-decoration:none; font-weight:900;} /* #menu ul.topnav li ul.subnav li a.snav:hover{} */ /* (로그인+회원정보) */ #login{float:right; position:absolute; right:0; top:11px; text-transform:uppercase; font-size:11px; font-weight:normal; color:#000; letter-spacing:0.2px; margin-right:8px;} #login ul{float:right; margin:0; padding:0; list-style:none; border-right:1px dotted #d7d7d7;} #login li{float:right; padding:0 5px 0 5px; *padding:0 2px 0 5px; border-left:1px dotted #d7d7d7;} #login li a{color:#888; text-decoration:none;} #login li a:hover{color:#000; text-decoration:none;} /* (개인화영역[레이어]) */ #login { z-index :600;} #login .profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; overflow:visible;} #login .profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} #login .profile .memberProfile{display:none; position:absolute; top:22px; right:0; padding:10px 10px 3px 10px; background:#fcfcfc; border:2px solid #888;} #login .profile .memberProfile.active{ display:block;} #login .profile .memberProfile .authorName{ padding: 0 0 5px 0; font-size:14px; font-weight:900; color:#000; white-space:nowrap; border-bottom:1px solid #4e4e4e;} #login .profile .memberProfile ul{ margin:0; padding:0; list-style:none; padding:12px 0 0 0; border-right:none;} #login .profile .memberProfile li{ float:none; white-space:nowrap; padding:0 0 6px 0; font-size:11px; border-left:none;} #login .profile .memberProfile li a{ background:none; color:#535353; text-decoration:none;} #login .profile .memberProfile li a:hover, #login .profile .memberProfile li a:active, #login .profile .memberProfile li a:focus{ text-decoration:underline;} #login .profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:17px; height:17px; background:transparent url(../imgs/acc/buttonCloseX.gif) no-repeat center center;} #login .profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;} /*탑메뉴2타입*/ #tgnb2_wrap00_st2 {width:100%; margin-top:3px;} #tgnb2_wrap0_st2 {width:980px; height:34px; margin:0 auto; position:relative; z-index:199;} #menu_st2{float:left; position:absolute; left:-7px; top:0; z-index:100; letter-spacing:0.2px;} /* (1차메뉴설정)*/ #menu_st2 ul.topnav_st2 {float:left; margin:0; padding:0; list-style:none; text-transform:none; margin-top:6px; margin-top:7px\9;} #menu_st2 ul.topnav_st2 li.mnav_li{margin:0; position:relative; float:left; font-size:12px; height:34px; padding-right:8px;} #menu_st2 ul.topnav_st2 a.mnav{display:block; text-decoration:none; padding:3px 5px 10px 6px; *padding:3px 5px 9px 6px; font-weight:900;} @media screen and (-webkit-min-device-pixel-ratio:0){ #menu_st2 ul.topnav_st2 a.mnav{padding:4px 5px 10px 6px;} } /* (2차메뉴설정) */ #menu_st2 ul.topnav_st2 li ul.subnav_st2 {position:absolute; left:-1px; top:28px; top:27px\9; margin:0; padding:0; list-style:none; display:none; background-color:#fff; text-transform:none;} #menu_st2 ul.topnav_st2 li ul.subnav_st2 li {margin:0; clear:both; border-bottom:1px solid #f1f1f1; font-size:12px;} #menu_st2 ul.topnav_st2 li ul.subnav_st2 li a.snav{ display:block; padding:6px 10px 6px 10px; text-decoration:none; font-weight:900;} /* (로그인+회원정보) */ #login_st2{float:right; position:absolute; right:0; top:10px; top:8px\9; text-transform:uppercase; font-size:11px; font-weight:normal; color:#fff; letter-spacing:0.2px; margin-right:8px;} #login_st2 ul{float:right; margin:0; padding:0; list-style:none; border-right:1px dotted #b8b8b8;} #login_st2 li{float:right; padding:0 5px 0 5px; padding:3px 5px 0 5px\9; *padding:3px 1px 0 5px; border-left:1px dotted #b8b8b8;} #login_st2 li a{color:#f5f5f5; text-decoration:none;} #login_st2 li a:hover{color:#dddddd; text-decoration:none;} /* (개인화영역[레이어]) */ #login_st2 { z-index :600;} #login_st2 .profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; overflow:visible;} #login_st2 .profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} #login_st2 .profile .memberProfile{display:none; position:absolute; top:20px; right:0; padding:10px 10px 3px 10px; background:#fcfcfc; border:2px solid #888;} #login_st2 .profile .memberProfile.active{ display:block;} #login_st2 .profile .memberProfile .authorName{ padding: 0 0 5px 0; font-size:14px; font-weight:900; color:#000; white-space:nowrap; border-bottom:1px solid #4e4e4e;} #login_st2 .profile .memberProfile ul{ margin:0; padding:0; list-style:none; padding:12px 0 0 0; border-right:none;} #login_st2 .profile .memberProfile li{ float:none; white-space:nowrap; padding:0 0 6px 0; font-size:11px; border-left:none;} #login_st2 .profile .memberProfile li a{ background:none; color:#535353; text-decoration:none;} #login_st2 .profile .memberProfile li a:hover, #login_st2 .profile .memberProfile li a:active, #login_st2 .profile .memberProfile li a:focus{ text-decoration:underline;} #login_st2 .profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:17px; height:17px; background:transparent url(../imgs/acc/buttonCloseX.gif) no-repeat center center;} #login_st2 .profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;} /*메인+서브배너*/ /* 단일배너*/ #banner_wrap000 {width:100%; height:310px; border-bottom:1px solid #e6e6e6; background:url(../imgs/main_sc01.jpg) no-repeat center center;} /* 롤링배너*/ #banner_wrap00 { height:310px;} .headerimg { background-position: center center; background-repeat: no-repeat; width:100%; height:310px; position:absolute;} /* 배너스타일1 */ #headertxt_wrap { width:210px; height:310px; margin:0 auto; clear:both; position:relative; left:385px; top:-26px; background:url(../imgs/ban/mb_copy_bg.gif) repeat left top;} #firstline { width:132px; color:#fff; font-size:18px; margin:62px 0 0 44px; float:left; letter-spacing:1px; font-weight:900; overflow:hidden; white-space:nowrap; } #secondline { width:130px; color:#ddd; text-decoration:none; font-size:12px; margin:10px 0 0 44px; float:left; clear:both; height:121px; line-height:23px; letter-spacing:0.4px; overflow:hidden; white-space:normal; } #secondline a:hover { text-decoration:none;} .pictured { color:#FFF; font-size:12px; margin: 1px 0 0 44px; text-transform:uppercase; float:left; clear:both; font-weight:900;} .pictured a { letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; } .pictured a:hover { text-decoration:underline; } /* 배너스타일2 */ #headertxt_wrap_st2 { width:450px; margin:0 auto; clear:both; position:relative; left:-270px; top:50px;} #firstline_st2 { background-color:#fff; color:#333; font-size:19px; padding:4px 13px 7px; float:left; display:block; font-weight:900; } #secondline_st2 { background-image:url("../imgs/ban/textbg.png"); color:#CD2B3A; text-decoration:none; font-size:35px; padding:0 13px 10px; float:left; display:block; clear:both; overflow:hidden; white-space:normal; width:400px;} #secondline_st2 a:hover { text-decoration:none; color:#7F000C; } .pictured_st2 { color:#FFF; font-size:12px; padding: 5px 0 0 20px; text-transform:uppercase; float:left; clear:both; font-weight:900; } .pictured_st2 a { letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; } .pictured_st2 a:hover { text-decoration:underline; } /* 배너스타일3 */ #headertxt_wrap_st3 { width:450px; margin:0 auto; clear:both; position:relative; left:-265px; top:230px;} #firstline_st3 { background-color:#343434; color:#fff; font-size:14px; padding:4px 13px 7px; float:left; display:block; font-weight:900; text-decoration:none; } /* 배너스타일4 */ #headertxt_wrap_st4 { width:1px; margin:0 auto; clear:both; position:relative; left:436px; top:221px;} .pictured_st4 {background-color:#343434; color:#fff; font-size:11px; padding:1px 5px 3px 5px; float:left; display:block; font-weight:900; text-decoration:none; } .pictured_st4 a {color:#fff; text-decoration:none; } .pictured_st4 a:hover { text-decoration:underline; } /* 공통 좌우 컨트롤 위치및 버튼 */ #headernav_wrap{ position:relative; top:277px; z-index :400; margin:0 auto; width:980px; } #headernav { padding-left:922px;} .nav_btn { height:26px; width:26px; float:left; cursor:pointer;} #back { background-image:url("../imgs/ban/btn_back.png"); } #next { background-image:url("../imgs/ban/btn_next.png"); } /* #control { background-image:url("../imgs/ban/btn_pause.png"); } */ /*서브배너*/ #s_banner_wrap00 {width:100%; height:180px;} /*컨텐츠 상단스페이스*/ #space1 {height:50px;} #space1_of {height:47px;} #space1_st2 {height:40px;} #space1_user {height:50px;} #space1_de {height:40px;} /*메인_오피스1타입*/ #con0_wrap0 {width:980px; margin:0 auto; position:relative;} /*(about+shop)*/ #con1_wrap0 {width: 980px; float: left; position: relative;} /* (about) */ #cons11_wrap { width: 460px; float: left; position: relative;} #contit1 { width: 100%; float: left; position: relative; text-transform:uppercase; font-size: 25px; color:#000;} #contxt1 { width: 95%; float: left; position: relative; font-size:12px; font-weight:normal; color:#4e4e4e; line-height: 20px; padding: 10px 0 0 0;} /* (shop) */ #cons12_wrap {width: 483px; float: right; position: relative;} #contit2 { width:100%; float:lef; position:relative; text-transform:uppercase; font-size: 25px; color:#000;} #contxt2 { width: 100%; float: left; position: relative;} #contxt2 ul { float: left; margin:0; padding:0; list-style:none; padding: 21px 0 0 0;} #contxt2 li { float: left; padding: 0 10px 0 0;} /*(gal+key) */ #con2_wrap0 {width: 980px; float: left; position: relative; margin:32px 0 45px 0;} /* (gall) */ #cons21_wrap {width:735px; float:left; position:relative; margin-top:13px;} #cons21_wrap_st2{width:980px; float:left; position:relative; margin:45px 0 45px 0;} /* (design key) */ #constit2 {float:right; position:relative; text-align:right;} /*(컨텐츠(게시물추출+스타일) */ #con3_wrap0 { width: 980px; float:left; position: relative;} /* (게시물추출) */ #cons31_wrap { width: 430px; float: left; position: relative;} /* (스타일) */ #cons32_wrap { width: 483px; float: right; position: relative;} #contit3 { width: 100%; float: left; position: relative; text-transform:uppercase; font-size: 25px; color:#000;} #contxt3 { width: 100%; float: left; position: relative; font-size: 12px; font-weight: normal; color:#4e4e4e; line-height: 20px; padding: 10px 0 0 0;} /*메인_오피스2타입*/ #con0_wrap0_of {width:980px; margin:0 auto; position:relative;} #con1_wrap0_of {width: 980px; position: relative; float:left; margin:0 0 50px 0;} .con11_b1_of { width:250px; float:left; background:url(../imgs/of_banner_sum01_dot.jpg) no-repeat 231px 0;} .con11_b1_of_N1 { width:250px; float:left;} .con11_b2_of { width:250px; float:left; background:url(../imgs/of_banner_sum01_dot.jpg) no-repeat 231px 0;} .con11_b2_of_N1 { width:250px; float:left;} .con11_b3_of { width:250px; float:left; background:url(../imgs/of_banner_sum01_dot.jpg) no-repeat 231px 0;} .con11_b3_of_N1 { width:250px; float:left;} .con11_b4_of { width:230px; float:left; background:url(../imgs/of_banner_sum01_dot.jpg) no-repeat;} .con11_b4_of_N1 { width:230px; float:left;} #con2_wrap0_of {width: 980px; position:relative; float:left;} #con21_wrap_of{position: relative; float:left; width: 480px; margin:0 20px 0 0;} #con21_t_of {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 15px 0; } #con21_wg_of{position: relative;} #con22_wrap_of{position: relative; float:left; width: 230px; margin:0 20px 0 0;} #con22_t_of {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 15px 0; } #con22_wg_of{position: relative;} #con23_wrap_of {width: 230px; position:relative; float:left;} #con23_wrap_of ul {list-style:none; margin:0; padding:0;} #con23_wrap_of li.con23_b1_of {width:230px; float:left; padding:0 0 13px 0;} #con23_wrap_of li.con23_b2_of {width:230px; float:left;} #con3_wrap0_of {width: 980px; position:relative; float:left; margin:20px 0 0 0;} /*메인_3타입(커뮤니티)*/ #con0_wrap0_st2 {width:980px; margin:0 auto; position:relative;} /*(왼쪽 컨텐츠)*/ #left11_wrap0_st2 {width:206px;float:left; position:relative;} #left11_wrap_st2{position: relative;} #left11_t_st2 {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #left11_c_st2{position: relative;} #left12_wrap_st2{position: relative;} #left12_t_st2 {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #left12_c_st2{position: relative;} #left13_wrap_st2{position: relative;} #left13_t_st2 {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #left13_c_st2{position: relative;} #left14_wrap_st2{position: relative;} #left14_t_st2 {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #left14_c_st2{position: relative;} #left15_wrap_st2{position: relative;} #left15_t_st2 {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #left15_c_st2{position: relative;} #left16_wrap_st2{position: relative;} #left16_t_st2 {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #left16_c_st2{position: relative;} /*(중앙 컨텐츠)*/ #mid21_wrap0_st2{width:508px;float: left; position: relative; margin:0 30px 0 30px;} #mid21_wrap_st2{ position: relative;} #mid21_t_st2{position:relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 15px 8px 0; border-bottom:1px solid #e6e6e6; } #mid21_c_st2{position: relative;} #mid22_wrap_st2{ position: relative;} #mid22_t_st2{position:relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 15px 8px 0; border-bottom:1px solid #e6e6e6; } #mid22_c_st2{position: relative;} #mid23_wrap_st2{position: relative;} #mid23_t_st2{position:relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 15px 8px 0; border-bottom:1px solid #e6e6e6; } #mid23_c_st2{position: relative;} #mid24_wrap_st2{ position: relative;} #mid24_t_st2{position:relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 15px 8px 0; border-bottom:1px solid #e6e6e6; } #mid24_c_st2{position: relative;} #mid25_wrap_st2{ position: relative;} #mid25_t_st2{position:relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 15px 8px 0; border-bottom:1px solid #e6e6e6; } #mid25_c_st2{position: relative;} #mid26_wrap_st2{ position: relative;} #mid26_t_st2{position:relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 15px 8px 0; border-bottom:1px solid #e6e6e6; } #mid26_c_st2{position: relative;} /*(오른쪽 컨텐츠)*/ #right31_wrap0_st2 {width:206px; float:left; position:relative;} #right31_wrap_st2{ position: relative;} #right31_t_st2 {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #right31_c_st2{position: relative;} #right32_wrap_st2{ position: relative;} #right32_t_st2 {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #right32_c_st2{position: relative;} #right33_wrap_st2{ position: relative;} #right33_t_st2 {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #right33_c_st2{position: relative;} #right34_wrap_st2{ position: relative;} #right34_t_st2 {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #right34_c_st2{position: relative;} #right35_wrap_st2{ position: relative;} #right35_t_st2 {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #right35_c_st2{position: relative;} #right36_wrap_st2{ position: relative;} #right36_t_st2 {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #right36_c_st2{position: relative;} /*(오른쪽 배너)*/ #right37_wrap_st2{ position: relative; margin:0 0 0 0;} #right37_c_st2{position: relative; padding:10px 0 0 0;} #right37_c_st2 ul{ float: left; list-style:none; margin:0; padding:0;} #right37_c_st2 li{padding: 0 0 10px 0;} /*서브컨텐츠*/ /*(로케이션 맵)*/ #s_con0_map { width:980px; margin:0 auto; height:40px; position: relative; font-size: 10px; color:#000; letter-spacing:0.1px; border-bottom:1px dashed #e6e6e6;} #s_con0_map ul { margin:0; padding:0; list-style:none; padding:13px 0 0 0px; float:right; font-weight:900;} #s_con0_map li { float: left; padding: 0 0 0 19px; background: url(../imgs/icon_location.gif) no-repeat 10px 4px;} #s_con0_map li a{color:#000; text-decoration:none;} #s_con0_map li a:hover{color:#888; text-decoration:none;} /*(서브 좌측컨텐츠_왼쪽)*/ #s_con0_wrap0 {width:980px; margin:0 auto; position:relative; background-color:#fff; clear:both;} #s_left11_wrap0 {width:206px; float:left; position:relative; margin:10px 0 0 0;} #s_left11_wrap{position: relative;} /*(서브스타일1)*/ /*(1차메뉴 설정)*/ #s_left11_wrap h2 {text-transform:uppercase; font-size: 23px; font-weight:900; padding:10px 0 13px 0; border-bottom:1px solid #2e2e2e;} /*(2차메뉴 설정)*/ #s_left11_wrap ul {margin:0; padding:0; list-style:none; padding:20px 0 0 0;} #s_left11_wrap li {padding: 0 0 9px 0;} #s_left11_wrap li a.on2{padding-left:6px; padding-top:3px; padding-top:4px\9; height:20px; height:19px\9; width:200px; display:block; overflow:hidden; font-weight:900; text-decoration:none;} #s_left11_wrap li a.on2_no{color:#000; background-color:#f0f0f0; padding-left:5px; padding-top:3px; padding-top:4px\9; text-decoration:none; font-weight:900; height:20px; height:19px\9; width:201px; display:block; overflow:hidden; } #s_left11_wrap li a.on2_no:hover {padding-left:6px; padding-top:3px; padding-top:4px\9; height:20px; height:19px\9; width:200px; display:block; overflow:hidden; font-weight:900; text-decoration:none;} /*(3차메뉴 설정)*/ #s_left11_wrap ul li ul{ margin:0; padding:0; list-style:none; margin-top:5px; padding:3px 0 0 0; } #s_left11_wrap ul li ul li{ padding: 0 0 8px 12px; background: url(../imgs/icon_location.gif) no-repeat 6px 5px; } #s_left11_wrap ul li ul li a {color:#686868; text-decoration:none; } #s_left11_wrap ul li ul li a.on3{color:#000; font-weight:900;} #s_left11_wrap ul li ul li a:hover {color:#000; text-decoration:none; font-weight:900;} /*(서브스타일2)*/ /*(1차메뉴 설정)*/ #s_left11_wrap_st2 h2 { text-transform:uppercase; font-size: 16px; font-weight:900; padding:8px 0 8px 0; text-align:center; border-bottom:2px solid #e6e6e6; background-color:#ee4b27; color:#fff;} /*(2차메뉴 설정)*/ #s_left11_wrap_st2 ul {margin:0; padding:0; list-style:none; padding:20px 0 0 0;} #s_left11_wrap_st2 li {padding: 0 0 11px 0;} #s_left11_wrap_st2 li a{color:#000; text-decoration:none; } #s_left11_wrap_st2 li a.on2{text-decoration:none; font-weight:900; } /*(2차 선택됬을때 컬러)*/ #s_left11_wrap_st2 li a.on2_no{text-decoration:none; font-weight:900;} /*(2차 비선택시 기본컬러)*/ #s_left11_wrap_st2 li a.on2_no:hover{text-decoration:none;}/*(2차 마우스오버시 컬러)*/ /*(3차메뉴 설정)*/ #s_left11_wrap_st2 ul li ul{ margin:0; padding:0; list-style:none; margin-top:5px; padding:6px 0 0 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} #s_left11_wrap_st2 ul li ul li{ padding: 0 0 9px 12px; background: url(../imgs/icon_location.gif) no-repeat 6px 5px; } #s_left11_wrap_st2 ul li ul li a {color:#686868; text-decoration:none;} #s_left11_wrap_st2 ul li ul li a.on3{color:#000; font-weight:900;} #s_left11_wrap_st2 ul li ul li a.on3_no{color:#686868;} #s_left11_wrap_st2 ul li ul li a.on3_no:hover{color:#000; text-decoration:none; font-weight:900;} /*(서브2단,3단_좌측컨텐츠)*/ #s_left12_wrap{position: relative; margin:20px 0 0 0;} #s_left12_t {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #s_left12_c{position: relative;} #s_left13_wrap{position: relative;} #s_left13_t {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #s_left13_c{position: relative;} #s_left14_wrap{position: relative;} #s_left14_t {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #s_left14_c{position: relative; } #s_left15_wrap{position: relative;} #s_left15_t {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #s_left15_c{position: relative; } /*(서브2단형_중앙컨텐츠)*/ #s_mid21_wrap0{width:734px; float:left; position: relative; margin:9px 0 0 40px;} /*(서브3단형_중앙컨텐츠)*/ #s_mid21_wrap0_3area{float:left; position:relative;} /*(서브3단형_우측컨텐츠)*/ #s_right31_wrap0{float:left; position:relative;} #s_right32_wrap{position: relative; margin:20px 0 0 0;} #s_right32_t {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #s_right33_c{position: relative;} #s_right33_wrap{position: relative;} #s_right33_t {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #s_right33_c{position: relative;} #s_right34_wrap{position: relative;} #s_right34_t {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #s_right34_c{position: relative; } #s_right35_wrap{position: relative;} #s_right35_t {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #s_right35_c{position: relative; } #s_right36_wrap{position: relative;} #s_right36_t {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #s_right36_c{position: relative; } #s_right37_wrap{position: relative;} #s_right37_t {position: relative; text-transform:uppercase; font-size: 12px; font-weight:900; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #s_right37_c{position: relative; } /*컨텐츠 하단스페이스*/ #space2 { height: 50px; clear: both;} #space2_of {height:47px; *height:50px; clear: both;} #space2_st2 { height:40px; clear: both;} #space2_st3 { height:25px; clear: both;} #space2_user {height:50px; clear: both;} #space2_de {height:40px; clear: both;} /*하단 사이트맵*/ #con4_wrap00 { width: 100%; position: relative; background-color: #eaeaea; border-bottom:1px solid #fff; clear:both;} #cons41_wrap0 { margin:0 auto; position: relative; width: 980px; letter-spacing:0.2px;} /* (사이트맵 묶음) */ #cons41_wrap0 .section {float:left;} #cons41_wrap0 .section ul{margin:0; padding:0; list-style: none;} #cons41_wrap0 .section ul li{list-style: none;} /* (사이트맵 타이틀) */ #cons41_wrap0 .sectit {font-size:12px; font-weight:900; margin-bottom:12px; text-transform:uppercase;} #cons41_wrap0 .sectit a{color:#000; text-decoration:none;} #cons41_wrap0 .sectit a:hover{color:#888; text-decoration:none;} /* (사이트맵 리스트) */ #cons41_wrap0 .seclist {font-size:11px; font-weight:normal; line-height: 18px;} #cons41_wrap0 .seclist a{color: #4e4e4e; text-decoration: none;} #cons41_wrap0 .seclist a:hover{color: #888; text-decoration: none;} /*하단 풋터*/ #footer1_wrap00 { width:100%; height:66px; position: relative; clear: both; background:url(../imgs/mb_copy_bg.gif) repeat left top;} #footer1_wrap00_bg { width:100%; height:66px; position: relative; clear: both;} #footer1_wrap0 { width: 980px; margin:0 auto; position: relative;} /*(카피라이터)*/ #copytxt {float:left; position: relative; padding-top:26px;} /*(하단로고)*/ #copylogo {float:right; position:relative; text-align:right } /*팝업1,2*/ #divpop1{position:absolute; z-index:998;} #divpop1 .pop_area_out{border:1px solid #838892;} #divpop1 .pop_area_in{border:4px solid #f6f6f6;} #divpop1 .pop_middle{border:2px solid #fff; background-color:#fff;} #divpop1 .pop_bott{background-color:#f6f6f6; height:28px;} #divpop1 .pop_bott .pop_bott_1day{float:left; padding:8px 0 0 1px;} #divpop1 .pop_bott .pop_bott_close{float:right; padding:8px 1px 0 0;} #divpop2{position:absolute; z-index:998;} #divpop2 .pop_area_out{border:1px solid #838892;} #divpop2 .pop_area_in{border:4px solid #f6f6f6;} #divpop2 .pop_middle{border:2px solid #fff; background-color:#fff;} #divpop2 .pop_bott{background-color:#f6f6f6; height:28px;} #divpop2 .pop_bott .pop_bott_1day{float:left; padding:8px 0 0 1px;} #divpop2 .pop_bott .pop_bott_close{float:right; padding:8px 1px 0 0;} /*로그인레이어*/ .loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:1300;} .loginWindow.open{ display:block;} .loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%;_height:expression(body.scrollHeight); background:#000; opacity:.3; filter:alpha(opacity:35);} .loginWindow .loginLayer{ position:absolute; width:230px; top:150px; left:50%; padding:20px; border:3px solid #333; margin:0 0 0 -155px; background:#fff;} .loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 15px 0;} .loginWindow .loginLayer form:after{ content:""; display:block; clear:both;} .loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;} .loginWindow .loginLayer fieldset{ border:0; margin:0; padding:0;} .loginWindow .loginLayer.loginTypeA form.typeA, .loginWindow .loginLayer.loginTypeB form.typeB{ display:block;} .loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;} .loginWindow .loginLayer dt{ font-size:11px; color:#868d95; margin:2px 0 2px 0; } .loginWindow .loginLayer dd{ margin:0 0 10px 0;} .loginWindow .loginLayer .inputText{ width:229px; height:20px; padding:6px 0 0 0; border:1px solid #ddd; font:12px Tahoma; color:#333;} .loginWindow .loginLayer .inputText:focus{ background-color:#fbfbfb;} .loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;} .loginWindow .loginLayer.loginTypeA .inputText{ background:none;} .loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../imgs/acc/bgOpenidText.gif); background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px;} .loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap;} .loginWindow .loginLayer .keep label{color:#555;} .loginWindow .loginLayer .loginButton, .loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#fff; font-size:12px; background:transparent url(../imgs/acc/buttonLoginAction.gif) no-repeat center center; font-weight:900; display:inline-block; height:29px; line-height:32px; overflow:visible;} .loginWindow .loginLayer .loginButton{ float:right; background-position:0 0; right:11px;} .loginWindow .loginLayer .loginButton input{ left:11px; background-position:right 0; padding:0 11px 0 22px; cursor:pointer;} .loginWindow .loginLayer .help{ margin:0 -20px -20px -20px; padding:6px 0; list-style:none; text-align:center; background:#333; border-top:1px solid #1d1d1d;} .loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 5px 0 5px;} .loginWindow .loginLayer .help li.join{ } .loginWindow .loginLayer .help li.find{ border-left:1px solid #686868;} .loginWindow .loginLayer .help li.typeA, .loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #686868;} .loginWindow .loginLayer.loginTypeA .help li.typeA, .loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;} .loginWindow .loginLayer .help li a{ text-decoration:none; color:#fff;} .loginWindow .loginLayer .help li a:hover, .loginWindow .loginLayer .help li a:active, .loginWindow .loginLayer .help li a:focus{ text-decoration:underline;} .loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../imgs/acc/buttonCloseX.gif) no-repeat center center;} .loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}