/*--------------------------------------------------------------------------------------------------------------------------------------------------- - 그레이포탈 버젼:v1.2.1.1 - 레이아웃개발 : 심플아이 크레이티브 - 저작권: 개발코드(css+html)및 디자인도용및 소스재판매는 xe마켓 지적저작권법에 반드시 처벌받으니 이점유의하시기 바랍니다. - 라이선스: 1도메인 1라이선스 입니다. ----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* ------ 전체설정 css위치=> default_all.css -----*/ /* ------ 상단페이지탭 css위치=> topTAP.css -----*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------- ▼ 펼침메뉴(탑1,2공통) ▼ ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #tgnb_openM_wrap00 {width:100%; padding:14px 0 0 0; position:relative;} #tgnb_openM_wrap0 {width:979px; margin:0 auto; position:relative;} /*(2차메뉴 설정)*/ ul#openM_d_02_m{list-style:none; margin:0 0 0 0;} li#openM_d_02{float:left;} @media screen and (-webkit-min-device-pixel-ratio:0){ li#openM_d_02 a{letter-spacing:-0.1em;} } /* (크롬+사파리 핵)*/ li#openM_d_02 a.on2{text-decoration:none; font-weight: bold; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;} /*(2차 선택됬을때 컬러_블루 기본)*/ li#openM_d_02 a.on2_cg{text-decoration:none; font-weight: bold; background:url(../imgs/sub/left_d2_c_g_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;} /*(2차 선택됬을때 컬러_그린)*/ li#openM_d_02 a.on2_cr{text-decoration:none; font-weight: bold; background:url(../imgs/sub/left_d2_c_r_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;} /*(2차 선택됬을때 컬러_레드)*/ li#openM_d_02 a.on2_cp{text-decoration:none; font-weight: bold; background:url(../imgs/sub/left_d2_c_p_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;} /*(2차 선택됬을때 컬러_퍼플)*/ li#openM_d_02 a.on2_cy{text-decoration:none; font-weight: bold; background:url(../imgs/sub/left_d2_c_y_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;} /*(2차 선택됬을때 컬러_옐로우)*/ li#openM_d_02 a.on2_no{text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;} /*(2차 비선택시 기본컬러)*/ li#openM_d_02 a.on2_no_cg{text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_c_g_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;} /*(2차 비선택시 기본컬러)*/ li#openM_d_02 a.on2_no_cr{text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_c_r_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;} /*(2차 비선택시 기본컬러)*/ li#openM_d_02 a.on2_no_cp{text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_c_p_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;} /*(2차 비선택시 기본컬러)*/ li#openM_d_02 a.on2_no_cy{text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_c_y_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;} /*(2차 비선택시 기본컬러)*/ li#openM_d_02 a.on2_no:hover{text-decoration:none; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;}/*(2차 마우스오버시 컬러_블루 기본)*/ li#openM_d_02 a.on2_no_cg:hover{text-decoration:none; background:url(../imgs/sub/left_d2_c_g_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;}/*(2차 마우스오버시 컬러_그린)*/ li#openM_d_02 a.on2_no_cr:hover{text-decoration:none; background:url(../imgs/sub/left_d2_c_r_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;}/*(2차 마우스오버시 컬러_레드)*/ li#openM_d_02 a.on2_no_cp:hover{text-decoration:none; background:url(../imgs/sub/left_d2_c_p_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;}/*(2차 마우스오버시 컬러_퍼플)*/ li#openM_d_02 a.on2_no_cy:hover{text-decoration:none; background:url(../imgs/sub/left_d2_c_y_blet.png) no-repeat 0 4px; background:url(../imgs/sub/left_d2_c_b_blet.png) no-repeat 0 3px\9; padding-left:8px; letter-spacing:-0.1em;}/*(2차 마우스오버시 컬러_옐로우)*/ /*(3차메뉴 설정)*/ ul#openM_d_03_m{ list-style:none; margin:3px 0 0 0; padding:0 0 0 0; letter-spacing:-0.6px; font-size:11px;} *:first-child+html ul#openM_d_03_m{letter-spacing:-0.1em;} /* (익스7 핵)*/ @media screen and (-webkit-min-device-pixel-ratio:0){ ul#openM_d_03_m{letter-spacing:-0.1em;} } /* (크롬+사파리 핵)*/ li#openM_d_03{ padding:4px 0 0 8px; padding:6px 0 0 8px\9; background:url(../imgs/sub/left_d3_blet_de.png) no-repeat 0 9px; background:url(../imgs/sub/left_d3_blet_de.png) no-repeat 0 9px\9;} *:first-child+html li#openM_d_03{padding:7px 0 0 8px; background:url(../imgs/sub/left_d3_blet_de.png) no-repeat 0 11px;} /* (익스7 핵)*/ @media screen and (-webkit-min-device-pixel-ratio:0){ li#openM_d_03{ padding:5px 0 0 8px; background:url(../imgs/sub/left_d3_blet_de.png) no-repeat 0 9px;} } /* (크롬+사파리 핵)*/ li#openM_d_03 a{text-decoration:none;} li#openM_d_03 a.on3{text-decoration:none; font-weight:bold;} li#openM_d_03 a.on3_no{text-decoration:none;} li#openM_d_03 a.on3_no:hover{text-decoration:underline;} /*(메뉴그룹 중간라인 공백핵)*/ .wrap_space{position:absolute; bottom:0; left:979px; width:1px; height:15px;} /*(2타입선택후 bg설정시 좌우측라인 숨김핵)*/ .wrap_space_L{position:absolute; bottom:0; left:0; width:1px;} .wrap_space_R{position:absolute; bottom:0; left:979px; width:1px;} /*--------------------------------------------------------------------------------------------------------------------------------------------------- ▼ 탑영역_스타일1 ▼ ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #tgnb1_wrap00_st1 {width:100%; height:35px; z-index:179; background:url(../imgs/top/top_menu_bg_b.jpg) repeat left top;} #tgnb1_wrap00_st1_cg {width:100%; height:35px; z-index:179; background:url(../imgs/top/top_menu_bg_g.jpg) repeat left top;} #tgnb1_wrap00_st1_cr {width:100%; height:35px; z-index:179; background:url(../imgs/top/top_menu_bg_r.jpg) repeat left top;} #tgnb1_wrap00_st1_cp {width:100%; height:35px; z-index:179; background:url(../imgs/top/top_menu_bg_p.jpg) repeat left top;} #tgnb1_wrap00_st1_cy {width:100%; height:35px; z-index:179; background:url(../imgs/top/top_menu_bg_y.jpg) repeat left top;} #tgnb1_wrap0_st1 {width:1180px; height:35px; margin:0 auto; position:relative; z-index:178;} /* ------ 메뉴 css위치=> top_menu_de.css -----*/ /* ------ 메뉴 css위치=> top_menu_E7.css [익스7용] -----*/ /* 언어선택 */ .lang_grey {float:right; margin:9px 0 0 0;} /* 컬러(블루) */ .lang_grey #language_b dd{ background:url(../imgs/top/top_lang_bg_b.png) no-repeat; width:58px;height:16px; line-height:16px; text-align:left;} .lang_grey #language_b dd a{color:#2179a4; display:block; padding:0 0 0 7px; padding:1px 0 0 7px\9; font-size:11px; text-decoration:none; letter-spacing:-0.9px;} *:first-child+html .lang_grey #language_b dd a{padding:0 0 0 7px; letter-spacing:-0.1em;} @media screen and (-webkit-min-device-pixel-ratio:0){ .lang_grey #language_b dd a{letter-spacing:-0.1em; padding:1px 0 0 7px;} } .lang_grey #language_b ul{display:none; list-style:none; position:relative; top:0; left:-1px; width:58px; border:1px solid #d4d4d4; background-color:#fff; z-index:176;} .lang_grey #language_b ul li{border-bottom:1px solid #f5f5f5;} .lang_grey #language_b ul li a{color:#525252; display:block; font:11px Tahoma; text-decoration:none; padding:2px 0 2px 0; text-align:center; letter-spacing:-0.2px;} .lang_grey #language_b ul li a:hover{background-color:#eaeaea} /* 컬러(그린) */ .lang_grey #language_g dd{ background:url(../imgs/top/top_lang_bg_g.png) no-repeat; width:58px;height:16px; line-height:16px; text-align:left;} .lang_grey #language_g dd a{color:#1f7b2a; display:block; padding:0 0 0 7px; padding:1px 0 0 7px\9; font-size:11px; text-decoration:none; letter-spacing:-0.9px;} *:first-child+html .lang_grey #language_g dd a{padding:0 0 0 7px; letter-spacing:-0.1em;} @media screen and (-webkit-min-device-pixel-ratio:0){ .lang_grey #language_g dd a{letter-spacing:-0.1em; padding:1px 0 0 7px;} } .lang_grey #language_g ul{display:none; list-style:none; position:relative; top:0; left:-1px; width:58px; border:1px solid #d4d4d4; background-color:#fff; z-index:76;} .lang_grey #language_g ul li{border-bottom:1px solid #f5f5f5;} .lang_grey #language_g ul li a{color:#525252; display:block; font:11px Tahoma; text-decoration:none; padding:2px 0 2px 0; text-align:center; letter-spacing:-0.2px;} .lang_grey #language_g ul li a:hover{background-color:#eaeaea} /* 컬러(레드) */ .lang_grey #language_r dd{ background:url(../imgs/top/top_lang_bg_r.png) no-repeat; width:58px;height:16px; line-height:16px; text-align:left;} .lang_grey #language_r dd a{color:#a04037; display:block; padding:0 0 0 7px; padding:1px 0 0 7px\9; font-size:11px; text-decoration:none; letter-spacing:-0.9px;} *:first-child+html .lang_grey #language_r dd a{padding:0 0 0 7px; letter-spacing:-0.1em;} @media screen and (-webkit-min-device-pixel-ratio:0){ .lang_grey #language_r dd a{letter-spacing:-0.1em; padding:1px 0 0 7px;} } .lang_grey #language_r ul{display:none; list-style:none; position:relative; top:0; left:-1px; width:58px; border:1px solid #d4d4d4; background-color:#fff; z-index:76;} .lang_grey #language_r ul li{border-bottom:1px solid #f5f5f5;} .lang_grey #language_r ul li a{color:#525252; display:block; font:11px Tahoma; text-decoration:none; padding:2px 0 2px 0; text-align:center; letter-spacing:-0.2px;} .lang_grey #language_r ul li a:hover{background-color:#eaeaea} /* 컬러(퍼플) */ .lang_grey #language_p dd{ background:url(../imgs/top/top_lang_bg_p.png) no-repeat; width:58px;height:16px; line-height:16px; text-align:left;} .lang_grey #language_p dd a{color:#555f9f; display:block; padding:0 0 0 7px; padding:1px 0 0 7px\9; font-size:11px; text-decoration:none; letter-spacing:-0.9px;} *:first-child+html .lang_grey #language_p dd a{padding:0 0 0 7px; letter-spacing:-0.1em;} @media screen and (-webkit-min-device-pixel-ratio:0){ .lang_grey #language_p dd a{letter-spacing:-0.1em; padding:1px 0 0 7px;} } .lang_grey #language_p ul{display:none; list-style:none; position:relative; top:0; left:-1px; width:58px; border:1px solid #d4d4d4; background-color:#fff; z-index:76;} .lang_grey #language_p ul li{border-bottom:1px solid #f5f5f5;} .lang_grey #language_p ul li a{color:#525252; display:block; font:11px Tahoma; text-decoration:none; padding:2px 0 2px 0; text-align:center; letter-spacing:-0.2px;} .lang_grey #language_p ul li a:hover{background-color:#eaeaea} /* 컬러(옐로우) */ .lang_grey #language_y dd{ background:url(../imgs/top/top_lang_bg_y.png) no-repeat; width:58px;height:16px; line-height:16px; text-align:left;} .lang_grey #language_y dd a{color:#d2821a; display:block; padding:0 0 0 7px; padding:1px 0 0 7px\9; font-size:11px; text-decoration:none; letter-spacing:-0.9px;} *:first-child+html .lang_grey #language_y dd a{padding:0 0 0 7px; letter-spacing:-0.1em;} @media screen and (-webkit-min-device-pixel-ratio:0){ .lang_grey #language_y dd a{letter-spacing:-0.1em; padding:1px 0 0 7px;} } .lang_grey #language_y ul{display:none; list-style:none; position:relative; top:0; left:-1px; width:58px; border:1px solid #d4d4d4; background-color:#fff; z-index:76;} .lang_grey #language_y ul li{border-bottom:1px solid #f5f5f5;} .lang_grey #language_y ul li a{color:#525252; display:block; font:11px Tahoma; text-decoration:none; padding:2px 0 2px 0; text-align:center; letter-spacing:-0.2px;} .lang_grey #language_y ul li a:hover{background-color:#eaeaea} /* 로그인+개인화 */ #login_st1{float:right; position:relative;} #login_st1 ul{list-style:none; margin:10px 5px 0 0; margin:11px 5px 0 0\9; color:#fff; letter-spacing:-0.7px; font-size: 11px; text-transform:none;} *:first-child+html #login_st1 ul{letter-spacing:-0.1em;} @media screen and (-webkit-min-device-pixel-ratio:0){ #login_st1 ul{letter-spacing:-0.1em; margin:11px 5px 0 0;} } #login_st1 li{float:left;} #login_st1 li a{color:#fff; text-decoration:none;} #login_st1 li a:hover{text-decoration:underline;} .sns_space1 {} .m_space_type1_L{margin:0 6px 0 3px; margin:0 4px 0 3px\9; position:relative; top:1px;} /* 회원정보(탑메뉴 상단) */ #login_st1 {z-index:791;} #login_st1 .profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; overflow:visible;} #login_st1 .profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} #login_st1 .profile .memberProfile{display:none; position:absolute; top:28px; padding:15px; background:#fff; border:2px solid #585858;} #login_st1 .profile .memberProfile.active{display:block;} #login_st1 .profile .memberProfile .authorName{ padding: 0 0 5px 0; font-size:13px; font-weight:bold; color:#000; white-space:nowrap; border-bottom:1px solid #4e4e4e;} #login_st1 .profile .memberProfile ul{ margin:0; padding:10px 0 0 0; list-style:none;} #login_st1 .profile .memberProfile li{ float:none; white-space:nowrap; padding:0 0 5px 0 ; background:url(../images/account/bulletB.gif) no-repeat left center;} #login_st1 .profile .memberProfile li a{ background:none; color:#4e4e4e; text-decoration:none;} #login_st1 .profile .memberProfile li a:hover, #login_st1 .profile .memberProfile li a:active, #login_st1 .profile .memberProfile li a:focus{ text-decoration:underline;} #login_st1 .profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:5px; right:3px; width:15px; height:15px; background:transparent url(../imgs/default/login_pop_close.jpg) no-repeat center center;} #login_st1 .profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;} /* 회원정보2(메인3단형 로그인폼) */ #login_st1 {z-index:791;} #login_st1 .profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; overflow:visible;} #login_st1 .profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} #login_st1 .profile .memberProfile2{display:none; position:absolute; padding:15px; background:#fff; border:2px solid #585858;} #login_st1 .profile .memberProfile2.active{display:block;} #login_st1 .profile .memberProfile2 .authorName{ padding: 0 0 5px 0; font-size:13px; font-weight:bold; color:#000; white-space:nowrap; border-bottom:1px solid #4e4e4e;} #login_st1 .profile .memberProfile2 ul{ margin:0; padding:10px 0 0 0; list-style:none;} #login_st1 .profile .memberProfile2 li{ float:none; white-space:nowrap; padding:0 0 5px 0 ; background:url(../images/account/bulletB.gif) no-repeat left center;} #login_st1 .profile .memberProfile2 li a{ background:none; color:#4e4e4e; text-decoration:none;} #login_st1 .profile .memberProfile2 li a:hover, #login_st1 .profile .memberProfile2 li a:active, #login_st1 .profile .memberProfile2 li a:focus{ text-decoration:underline;} #login_st1 .profile .memberProfile2 .close{ position:absolute; cursor:pointer; border:0; padding:0; top:5px; right:3px; width:15px; height:15px; background:transparent url(../imgs/default/login_pop_close.jpg) no-repeat center center;} #login_st1 .profile .memberProfile2 .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;} #tgnb2_wrap00_st1 {width:100%; border-bottom:1px solid #c5c5c5; position:relative; *z-index:168;} #tgnb2_wrap0_st1 {width:1180px; margin:0 auto; position:relative; *z-index:168;} /* 로고 */ #logo {float:left; position:absolute; left:0; top:0; padding:0; z-index:67;} /* 검색 */ #search_bic{width:480px; height:41px; float:left; position:absolute; left:250px; top:28px; background:url(../imgs/top/top_search_bg_bic.jpg) no-repeat; *display:inline; *zoom:1;} #form_search_bic{position:relative; left:86px; top:4px;} #form_search_bic .inputText{ color:#333333; font-size:13px; font-weight:bold; background:#fff; width:353px; height:22px; margin:0 0 6px 0; vertical-align:bottom; border:0;} #form_search_bic .submit{ width:32px; height:31px; margin-top:1px;} #search{width:591px; height:35px; float:left; position:absolute; left:295px; top:31px; background:url(../imgs/top/top_search_bg.jpg) no-repeat;} #form_search{position:relative; left:86px; top:4px;} #form_search .inputText{ color:#333333; font-size:13px; font-weight:bold; background:#fff; width:469px; height:22px; margin:0 0 6px 0; vertical-align:bottom; border:0;} #form_search .submit{ width:28px; height:27px;} /* 전체메뉴 */ #menu_all {position:absolute; left:921px; top:0; z-index:165;} /* 탑배너(작은사이즈) */ #top_b_slides{position:absolute; left:931px; top:0;} #top_b_slides .slides_container{ width:249px; overflow:hidden; position:relative; display:none;} #top_b_slides .slides_container a { width:249px; height:94px; display:block;} #top_b_slides .slides_container a img {display:block;} #top_b_slides_dan1{position:absolute; left:731px; top:0;} #top_b_slides_dan1 .slides_container_dan1{ width:249px; overflow:hidden; position:relative;} #top_b_slides_dan1 .slides_container_dan1 a { width:249px; height:94px; display:block;} #top_b_slides_dan1 .slides_container_dan1 a img {display:block;} #top_b_slides .prev { position:absolute; top:74px; left:217px; width:15px; height:15px; display:block; z-index:64;} #top_b_slides .next { position:absolute; top:74px; left:232px; width:16px; height:15px; display:block; z-index:64;} /* Pagination => visibility:hidden; 옵션으로 가려났음*/ .gpSE_pagination {visibility:hidden;} /*--------------------------------------------------------------------------------------------------------------------------------------------------- ▼ 탑영역_스타일2 ▼ ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #tgnb0_wrap00_st2 {width:100%; height:22px; position:relative; z-index:179;} #tgnb0_wrap0_st2 {width:1180px; margin:0 auto; position:relative; z-index:178;} /* 언어선택 */ .lang_grey_st2 {float:right; margin:6px 0 0 0;} .lang_grey_st2 #language_st2 dd{ width:58px;height:16px; background:url(../imgs/top/top_lang_bg_st2.png) no-repeat; line-height:16px; text-align:left;} .lang_grey_st2 #language_st2 dd a{display:block; color:#888888; padding:0 0 0 7px; padding:1px 0 0 7px\9; font-size:11px; text-decoration:none; letter-spacing:-0.9px;} *:first-child+html .lang_grey_st2 #language_st2 dd a{padding:0 0 0 7px; letter-spacing:-0.1em;} @media screen and (-webkit-min-device-pixel-ratio:0){ .lang_grey_st2 #language_st2 dd a{letter-spacing:-0.1em; padding:1px 0 0 7px;} } .lang_grey_st2 #language_st2 ul{display:none; list-style:none; position:relative; top:0; left:-1px; width:58px; border:1px solid #d4d4d4; background-color:#fff; z-index:76;} .lang_grey_st2 #language_st2 ul li{border-bottom:1px solid #f5f5f5;} .lang_grey_st2 #language_st2 ul li a{display:block; color:#525252; font:11px Tahoma; text-decoration:none; padding:2px 0 2px 0; text-align:center; letter-spacing:-0.2px;} .lang_grey_st2 #language_st2 ul li a:hover{background-color:#eaeaea} /* 로그인+개인화 */ #login_st2{float:right; position:relative;} #login_st2 ul{list-style:none; margin:7px 5px 0 0; margin:9px 5px 0 0\9; color:#fff; letter-spacing:-0.7px; font-size: 11px; text-transform:none;} *:first-child+html #login_st2 ul{letter-spacing:-0.1em;} @media screen and (-webkit-min-device-pixel-ratio:0){ #login_st2 ul{letter-spacing:-0.1em; margin:8px 5px 0 0;} } #login_st2 li{float:left;} #login_st2 li a{color:#888888; text-decoration:none;} #login_st2 li a:hover{text-decoration:underline;} .sns_space1_st2 {color:#FFFFFF;} .m_space_type1_L_st2{margin:0 6px 0 2px; margin:0 3px 0 2px\9; position:relative; top:1px;} /* 회원정보(탑메뉴2 상단) */ #login_st2 {z-index:791;} #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 .memberProfile3{display:none; position:absolute; top:26px; padding:15px; background:#fff; border:2px solid #585858;} #login_st2 .profile .memberProfile3.active{display:block;} #login_st2 .profile .memberProfile3 .authorName{ padding: 0 0 5px 0; font-size:13px; font-weight:bold; color:#000; white-space:nowrap; border-bottom:1px solid #4e4e4e;} #login_st2 .profile .memberProfile3 ul{ margin:0; padding:10px 0 0 0; list-style:none;} #login_st2 .profile .memberProfile3 li{ float:none; white-space:nowrap; padding:0 0 5px 0 ; background:url(../images/account/bulletB.gif) no-repeat left center;} #login_st2 .profile .memberProfile3 li a{ background:none; color:#4e4e4e; text-decoration:none;} #login_st2 .profile .memberProfile3 li a:hover, #login_st2 .profile .memberProfile3 li a:active, #login_st2 .profile .memberProfile3 li a:focus{ text-decoration:underline;} #login_st2 .profile .memberProfile3 .close{ position:absolute; cursor:pointer; border:0; padding:0; top:5px; right:3px; width:15px; height:15px; background:transparent url(../imgs/default/login_pop_close.jpg) no-repeat center center;} #login_st2 .profile .memberProfile3 .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;} /* 회원정보2(메인3단형 로그인폼) */ #login_st2 {z-index:791;} #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 .memberProfile4{display:none; position:absolute; padding:15px; background:#fff; border:2px solid #585858;} #login_st2 .profile .memberProfile4.active{display:block;} #login_st2 .profile .memberProfile4 .authorName{ padding: 0 0 5px 0; font-size:13px; font-weight:bold; color:#000; white-space:nowrap; border-bottom:1px solid #4e4e4e;} #login_st2 .profile .memberProfile4 ul{ margin:0; padding:10px 0 0 0; list-style:none;} #login_st2 .profile .memberProfile4 li{ float:none; white-space:nowrap; padding:0 0 5px 0 ; background:url(../images/account/bulletB.gif) no-repeat left center;} #login_st2 .profile .memberProfile4 li a{ background:none; color:#4e4e4e; text-decoration:none;} #login_st2 .profile .memberProfile4 li a:hover, #login_st2 .profile .memberProfile4 li a:active, #login_st2 .profile .memberProfile4 li a:focus{ text-decoration:underline;} #login_st2 .profile .memberProfile4 .close{ position:absolute; cursor:pointer; border:0; padding:0; top:5px; right:3px; width:15px; height:15px; background:transparent url(../imgs/default/login_pop_close.jpg) no-repeat center center;} #login_st2 .profile .memberProfile4 .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;} #tgnb2_wrap00_st2 {width:100%; position:relative;} *:first-child+html #tgnb2_wrap00_st2{z-index:168;} /* (익스7 핵)*/ #tgnb2_wrap0_st2 {width:1180px; margin:0 auto; position:relative;} /* 로고 */ #logo_st2 {float:left; position:absolute; left:0; top:0; padding:0; z-index:167;} /* 검색 */ #search_bic_st2{width:480px; height:41px; float:left; position:absolute; left:250px; top:7px; background:url(../imgs/top/top_search_bg_bic.jpg) no-repeat;} #form_search_bic_st2{position:relative; left:86px; top:4px;} #form_search_bic_st2 .inputText{ color:#333333; font-size:13px; font-weight:bold; background:#fff; width:353px; height:22px; margin:0 0 6px 0; vertical-align:bottom; border:0;} #form_search_bic_st2 .submit{ width:32px; height:31px; margin-top:1px;} #search_st2 {width:391px; height:35px; float:left; position:absolute; left:295px; top:9px; background:url(../imgs/top/top_search_bg.jpg) no-repeat;} #form_search_st2{position:relative; left:86px; top:4px;} #form_search_st2 .inputText{ color:#333333; font-size:13px; font-weight:bold; background:#fff; width:269px; height:22px; margin:0 0 6px 0; vertical-align:bottom; border:0;} #form_search_st2 .submit{ width:28px; height:27px;} /* 탑배너(작은사이즈) */ #top_b_slides_st2{position:absolute; left:731px; top:0;} #top_b_slides_st2 .slides_container{ width:249px; overflow:hidden; position:relative; display:none;} #top_b_slides_st2 .slides_container a { width:249px; height:72px; display:block;} #top_b_slides_st2 .slides_container a img {display:block;} #top_b_slides_st2_dan1{position:absolute; left:731px; top:0;} #top_b_slides_st2_dan1 .slides_container_dan1{ width:249px; overflow:hidden; position:relative;} #top_b_slides_st2_dan1 .slides_container_dan1 a { width:249px; height:72px; display:block;} #top_b_slides_st2_dan1 .slides_container_dan1 a img {display:block;} #top_b_slides_st2 .prev { position:absolute; top:52px; left:217px; width:15px; height:15px; display:block; z-index:164;} #top_b_slides_st2 .next { position:absolute; top:52px; left:232px; width:16px; height:15px; display:block; z-index:164;} /* Pagination => visibility:hidden; 옵션으로 가려났음*/ .gpSE_pagination {visibility:hidden;} #tgnb1_wrap00_st2 {width:100%; z-index:159; position:relative;} #tgnb1_wrap0_st2 {width:1180px; margin:0 auto; position:relative; height:40px; z-index:157; background:url(../imgs/top/top_menu_bg_b_st2.jpg) no-repeat;} #tgnb1_wrap0_st2_cg {width:1180px; margin:0 auto; position:relative; height:40px; z-index:157; background:url(../imgs/top/top_menu_bg_g_st2.jpg) no-repeat;} #tgnb1_wrap0_st2_cr {width:1180px; margin:0 auto; position:relative; height:40px; z-index:157; background:url(../imgs/top/top_menu_bg_r_st2.jpg) no-repeat;} #tgnb1_wrap0_st2_cp {width:1180px; margin:0 auto; position:relative; height:40px; z-index:157; background:url(../imgs/top/top_menu_bg_p_st2.jpg) no-repeat;} #tgnb1_wrap0_st2_cy {width:1180px; margin:0 auto; position:relative; height:40px; z-index:157; background:url(../imgs/top/top_menu_bg_y_st2.jpg) no-repeat;} /* ------ 메뉴 css위치=> top_menu_de.css -----*/ /* ------ 메뉴 css위치=> top_menu_E7.css [익스7용] -----*/ /* 전체메뉴 */ #menu_all_st2 {position:absolute; left:916px; top:12px; z-index:158;} /* 메인메뉴, 컨텐츠 중간라인*/ #tgnb1_wrap0_st2_1 {width:1180px; margin:0 auto; height:2px; border-bottom:1px solid #c5c5c5;} /*--------------------------------------------------------------------------------------------------------------------------------------------------- ▼ 메뉴전체보기 ▼ ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #cons41_wrap0 {display:none; position:absolute; z-index:159; width:976px; letter-spacing:0.2px; background-color:#fff; clear:both; border-bottom:2px solid #585858; border-left:2px solid #585858; border-right:2px solid #585858;} #cons41_wrap0.active{ display:block;} #cons41_wrap0 .cons41_wrap0_close{position:absolute; top:5px; right:5px; cursor:pointer;} /* (사이트맵 묶음) */ #cons41_wrap0 .section {float:left;} #cons41_wrap0 .section ul{list-style:none;} #cons41_wrap0 .section ul li{list-style: none;} /* (사이트맵 타이틀/1차) */ #cons41_wrap0 .sectit { font-size:12px; margin-bottom:7px; text-transform:uppercase;} #cons41_wrap0 .sectit a{color:#000; text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_c_b_blet.jpg) no-repeat 0 4px; padding-left:8px; letter-spacing:-0.6px;} *:first-child+html #cons41_wrap0 .sectit a{letter-spacing:-0.1em;} @media screen and (-webkit-min-device-pixel-ratio:0){#cons41_wrap0 .sectit a{letter-spacing:-0.1em;} } #cons41_wrap0 .sectit a.cg{color:#000; text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_c_g_blet.jpg) no-repeat 0 4px; padding-left:8px; letter-spacing:-0.6px;} #cons41_wrap0 .sectit a.cr{color:#000; text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_c_r_blet.jpg) no-repeat 0 4px; padding-left:8px; letter-spacing:-0.6px;} #cons41_wrap0 .sectit a.cp{color:#000; text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_c_p_blet.jpg) no-repeat 0 4px; padding-left:8px; letter-spacing:-0.6px;} #cons41_wrap0 .sectit a.cy{color:#000; text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_c_y_blet.jpg) no-repeat 0 4px; padding-left:8px; letter-spacing:-0.6px;} #cons41_wrap0 .sectit a:hover{text-decoration:underline;} /* (사이트맵 리스트/2차) */ #cons41_wrap0 .seclist {font-weight:normal; line-height: 18px; font-size: 11px;} #cons41_wrap0 .seclist a{color:#4e4e4e; text-decoration:none; background:url(../imgs/sub/left_d3_blet_de.jpg) no-repeat 0 4px; padding-left:8px; letter-spacing:-0.6px;} *:first-child+html #cons41_wrap0 .seclist a{letter-spacing:-0.1em;} @media screen and (-webkit-min-device-pixel-ratio:0){#cons41_wrap0 .seclist a{letter-spacing:-0.1em;} } #cons41_wrap0 .seclist a:hover{text-decoration:none; font-weight:bold;} /*--------------------------------------------------------------------------------------------------------------------------------------------------- ▼ 슬라이드 배너(좌우측 따라다니는 배너) ▼ ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #slidemenu_L{position:absolute; right:1200px; z-index:300;} #slidemenu_L_top2{position:absolute; right:1200px; top:42px; z-index:300;} #slidemenu_L .ban_01_space{height:15px;} #slidemenu_L_top2 .ban_01_space{height:15px;} #slidemenu_R{position:absolute; left:1200px; z-index:300;} #slidemenu_R_top2{position:absolute; left:1200px; top:42px; z-index:300;} #slidemenu_R .ban_01_space{height:15px;} #slidemenu_R_top2 .ban_01_space{height:15px;} /*--------------------------------------------------------------------------------------------------------------------------------------------------- ▼ 컨텐츠_메인스타일1 (3단) ▼ ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #con0_wrap0_st1 {width:1180px; margin:0 auto; background:url(../imgs/default/conten_all_bg.jpg) repeat-y;} /*(왼쪽 컨텐츠)*/ #left11_wrap0_st1 {width:248px; float:left; border-left:1px solid #ececec; border-right:1px solid #efefef;} #left10_wrap_st1{position:relative; border-bottom:1px solid #ececec;} #left10_wrap2_st1{position:relative; border:1px solid #fff; background-color:#fafafa;} #left11_wrap_st1{position: relative;} #left11_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000;} #left11_c_st1{position: relative;} #left12_wrap_st1{position: relative;} #left12_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000;} #left12_c_st1{position: relative;} #left13_wrap_st1{position: relative;} #left13_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000;} #left13_c_st1{position: relative;} #left14_wrap_st1{position: relative;} #left14_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000;} #left14_c_st1{position: relative;} #left15_wrap_st1{position: relative;} #left15_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000;} #left15_c_st1{position: relative;} #left16_wrap_st1{position: relative;} #left16_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000;} #left16_c_st1{position: relative;} /*(중앙 컨텐츠)*/ #mid21_wrap0_st1{width:480px; float:left;} /*(중앙 메인배너)*/ #mid_b_slides_st1{width:480px; height:100px; position:relative; border-bottom:1px solid #ececec;} #mid_b_slides_st1 .slides_container{ width:480px; height:100px; overflow:hidden; position:relative; display:none;} #mid_b_slides_st1 .slides_container a { width:480px; height:100px; display:block;} #mid_b_slides_st1 .slides_container a img {display:block;} #mid_b_slides_st1_dan1{width:480px; height:100px; position:relative; border-bottom:1px solid #ececec;} #mid_b_slides_st1_dan1 .slides_container_dan1{ width:480px; height:100px; overflow:hidden; position:relative;} #mid_b_slides_st1_dan1 .slides_container_dan1 a { width:480px; height:100px; display:block;} #mid_b_slides_st1_dan1 .slides_container_dan1 a img {display:block;} #mid_b_slides_st1 .prev { position:absolute; width:15px; height:15px; display:block; z-index:64;} #mid_b_slides_st1 .next { position:absolute; width:16px; height:15px; display:block; z-index:64;} /* Pagination => visibility:hidden; 옵션으로 가려났음*/ .gpSE_pagination {visibility:hidden;} #mid21_wrap_st1{ position: relative;} #mid21_t_st1{position:relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000; } #mid21_c_st1{position: relative;} #mid22_wrap_st1{ position: relative;} #mid22_t_st1{position:relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000; } #mid22_c_st1{position: relative;} #mid23_wrap_st1{position: relative;} #mid23_t_st1{position:relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000; } #mid23_c_st1{position: relative;} #mid24_wrap_st1{ position: relative;} #mid24_t_st1{position:relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000; } #mid24_c_st1{position: relative;} #mid25_wrap_st1{ position: relative;} #mid25_t_st1{position:relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000; } #mid25_c_st1{position: relative;} #mid26_wrap_st1{ position: relative;} #mid26_t_st1{position:relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000; } #mid26_c_st1{position: relative;} /*(오른쪽 컨텐츠)*/ #right31_wrap0_st1{width:248px; float:left; border-left:1px solid #efefef; border-right:1px solid #ececec;} #right31_wrap_st1{ position: relative;} #right31_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #right31_c_st1{position: relative;} #right32_wrap_st1{ position: relative;} #right32_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #right32_c_st1{position: relative;} #right33_wrap_st1{ position: relative;} #right33_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #right33_c_st1{position: relative;} #right34_wrap_st1{ position: relative;} #right34_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #right34_c_st1{position: relative;} #right35_wrap_st1{ position: relative;} #right35_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #right35_c_st1{position: relative;} #right36_wrap_st1{ position: relative;} #right36_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; } #right36_c_st1{position: relative;} /*--------------------------------------------------------------------------------------------------------------------------------------------------- ▼ 컨텐츠(자유구성형) ▼ ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #con0_wrap0_st4 {width:1180px; margin:0 auto;} /*--------------------------------------------------------------------------------------------------------------------------------------------------- ▼ 중앙컨텐츠_서브1,2,3 타입 ( 왼쪽+오른쪽+좌우형) ▼ ----------------------------------------------------------------------------------------------------------------------------------------------------*/ /*(서브_왼쪽+중앙)*/ #s_con0_wrap0 {width:1180px; margin:0 auto; position:relative; background-color:#fff; clear:both; background:url(../imgs/sub/conten_sub_all_bg.jpg) repeat-y;} /*(서브1)*/ #s_con0_wrap0_R {width:1180px; margin:0 auto; position:relative; background-color:#fff; clear:both; background:url(../imgs/sub/conten_sub_all_bg_2.jpg) repeat-y;} /*(서브2)*/ #s_con0_wrap0_R3 {width:1180px; margin:0 auto; position:relative; background-color:#fff; clear:both; background:url(../imgs/sub/conten_sub_all_bg_3.jpg) repeat-y;} /*(서브3)*/ /*(서브스타일1+2+3 공통)*/ /*(서브2단_왼쪽+ 서브2단_오른쪽+ 서브3단_왼쪽 컨텐츠)*/ #s_left11_wrap0 {width:203px; float:left; position:relative; margin:0 0 0 0; border-left:1px solid #ececec; border-right:1px solid #ececec;} #s_left11_wrap_st1{position:relative;} /*(1차메뉴 설정)*/ #s_left11_wrap_st1 h2 {color:#4e4e4e; border-bottom:2px solid #4ea7ca; width:203px; height:56px; text-transform:uppercase; font-size:16px; font-weight: bold; text-align:left; background:url(../imgs/sub/left_top_bg.jpg) no-repeat;} #s_left11_wrap_st1 h2 p{padding:20px 0 0 17px; letter-spacing:-0.7px;} *:first-child+html #s_left11_wrap_st1 h2 p{letter-spacing:-0.1em;} /* (익스7 핵)*/ @media screen and (-webkit-min-device-pixel-ratio:0){ #s_left11_wrap_st1 h2 p{letter-spacing:-0.1em;} } /* (크롬+사파리 핵)*/ /*(2차메뉴 설정)*/ #s_left11_wrap_st1 ul#sleft_d_02_m{list-style:none; margin:10px 9px 0 9px; font-size:12px; letter-spacing:-0.7px;} *:first-child+html #s_left11_wrap_st1 ul#sleft_d_02_m{letter-spacing:-0.1em;} /* (익스7 핵)*/ @media screen and (-webkit-min-device-pixel-ratio:0){ #s_left11_wrap_st1 ul#sleft_d_02_m{letter-spacing:-0.1em;} } /* (크롬+사파리 핵)*/ #s_left11_wrap_st1 li#sleft_d_02 {padding:12px 0 11px 8px; *padding:12px 0 12px 8px; border-bottom:1px solid #e6e6e6; } #s_left11_wrap_st1 li#sleft_d_02 a{text-decoration:none;} #s_left11_wrap_st1 li#sleft_d_02 a.on2{text-decoration:none; font-weight: bold; background:url(../imgs/sub/left_d2_c_b_blet.jpg) no-repeat 163px; display:block; width:185px; } /*(2차 선택됬을때 컬러_블루 기본)*/ #s_left11_wrap_st1 li#sleft_d_02 a.on2_cg{text-decoration:none; font-weight: bold; background:url(../imgs/sub/left_d2_c_g_blet.jpg) no-repeat 163px; display:block; width:185px; } /*(2차 선택됬을때 컬러_그린)*/ #s_left11_wrap_st1 li#sleft_d_02 a.on2_cr{text-decoration:none; font-weight: bold; background:url(../imgs/sub/left_d2_c_r_blet.jpg) no-repeat 163px; display:block; width:185px; } /*(2차 선택됬을때 컬러_레드)*/ #s_left11_wrap_st1 li#sleft_d_02 a.on2_cp{text-decoration:none; font-weight: bold; background:url(../imgs/sub/left_d2_c_p_blet.jpg) no-repeat 163px; display:block; width:185px; } /*(2차 선택됬을때 컬러_퍼플)*/ #s_left11_wrap_st1 li#sleft_d_02 a.on2_cy{text-decoration:none; font-weight: bold; background:url(../imgs/sub/left_d2_c_y_blet.jpg) no-repeat 163px; display:block; width:185px; } /*(2차 선택됬을때 컬러_옐로우)*/ #s_left11_wrap_st1 li#sleft_d_02 a.on2_no{color:#535353; text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_blet_de.jpg) no-repeat 163px; display:block; width:185px; } /*(2차 비선택시 기본컬러)*/ #s_left11_wrap_st1 li#sleft_d_02 a.on2_no_cg{color:#535353; text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_blet_de.jpg) no-repeat 163px; display:block; width:185px; } /*(2차 비선택시 기본컬러)*/ #s_left11_wrap_st1 li#sleft_d_02 a.on2_no_cr{color:#535353; text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_blet_de.jpg) no-repeat 163px; display:block; width:185px; } /*(2차 비선택시 기본컬러)*/ #s_left11_wrap_st1 li#sleft_d_02 a.on2_no_cp{color:#535353; text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_blet_de.jpg) no-repeat 163px; display:block; width:185px; } /*(2차 비선택시 기본컬러)*/ #s_left11_wrap_st1 li#sleft_d_02 a.on2_no_cy{color:#535353; text-decoration:none; font-weight:bold; background:url(../imgs/sub/left_d2_blet_de.jpg) no-repeat 163px; display:block; width:185px; } /*(2차 비선택시 기본컬러)*/ #s_left11_wrap_st1 li#sleft_d_02 a.on2_no:hover{text-decoration:none; background:url(../imgs/sub/left_d2_c_b_blet.jpg) no-repeat 163px; display:block; width:185px;}/*(2차 마우스오버시 컬러_블루 기본)*/ #s_left11_wrap_st1 li#sleft_d_02 a.on2_no_cg:hover{text-decoration:none; background:url(../imgs/sub/left_d2_c_g_blet.jpg) no-repeat 163px; display:block; width:185px;}/*(2차 마우스오버시 컬러_그린)*/ #s_left11_wrap_st1 li#sleft_d_02 a.on2_no_cr:hover{text-decoration:none; background:url(../imgs/sub/left_d2_c_r_blet.jpg) no-repeat 163px; display:block; width:185px;}/*(2차 마우스오버시 컬러_레드)*/ #s_left11_wrap_st1 li#sleft_d_02 a.on2_no_cp:hover{text-decoration:none; background:url(../imgs/sub/left_d2_c_p_blet.jpg) no-repeat 163px; display:block; width:185px;}/*(2차 마우스오버시 컬러_퍼플)*/ #s_left11_wrap_st1 li#sleft_d_02 a.on2_no_cy:hover{text-decoration:none; background:url(../imgs/sub/left_d2_c_y_blet.jpg) no-repeat 163px; display:block; width:185px;}/*(2차 마우스오버시 컬러_옐로우)*/ /*(3차메뉴 설정)*/ #s_left11_wrap_st1 ul li ul{ list-style:none; margin:11px 0 0 6px; padding:0 0 0 0; letter-spacing:-0.8px; font-size:11px;} *:first-child+html #s_left11_wrap_st1 ul li ul{letter-spacing:-0.1em;} /* (익스7 핵)*/ @media screen and (-webkit-min-device-pixel-ratio:0){ #s_left11_wrap_st1 ul li ul{letter-spacing:-0.1em;} } /* (크롬+사파리 핵)*/ #s_left11_wrap_st1 ul li ul li#sleft_d_03{ padding: 0 0 6px 8px; padding: 0 0 7px 8px\9; background:url(../imgs/sub/left_d3_blet_de.jpg) no-repeat 1px 5px; background:url(../imgs/sub/left_d3_blet_de.jpg) no-repeat 1px 3px\9;} *:first-child+html #s_left11_wrap_st1 ul li ul li#sleft_d_03{ background:url(../imgs/sub/left_d3_blet_de.jpg) no-repeat 1px 4px;} /* (익스7 핵)*/ @media screen and (-webkit-min-device-pixel-ratio:0){ #s_left11_wrap_st1 ul li ul li#sleft_d_03{ background:url(../imgs/sub/left_d3_blet_de.jpg) no-repeat 1px 4px;} } /* (크롬+사파리 핵)*/ #s_left11_wrap_st1 ul li ul li#sleft_d_03 a{text-decoration:none;} #s_left11_wrap_st1 ul li ul li#sleft_d_03 a.on3{color:#000; font-weight:bold;} #s_left11_wrap_st1 ul li ul li#sleft_d_03 a.on3_no{color:#626262;} #s_left11_wrap_st1 ul li ul li#sleft_d_03 a.on3_no:hover{color:#626262; text-decoration:none; font-weight:bold;} #s_left12_wrap_st1{position: relative;} #s_left12_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000;} #s_left12_c_st1{position: relative;} #s_left13_wrap_st1{position: relative;} #s_left13_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000;} #s_left13_c_st1{position: relative;} #s_left14_wrap_st1{position: relative;} #s_left14_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000;} #s_left14_c_st1{position: relative;} #s_left15_wrap_st1{position: relative;} #s_left15_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000;} #s_left15_c_st1{position: relative;} #s_left16_wrap_st1{position: relative;} #s_left16_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000;} #s_left16_c_st1{position: relative;} #s_left17_wrap_st1{position: relative;} #s_left17_t_st1 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#000;} #s_left17_c_st1{position: relative;} /*(서브_중앙컨텐츠)*/ #s_mid21_wrap0{width:974px; float:left; position: relative; margin:0 0 0 0; padding:0 0 0 0; border-right:1px solid #ececec;} /*(서브1)*/ #s_mid21_wrap0_R{width:974px; float:left; position: relative; margin:0 0 0 0; padding:0 0 0 0; border-left:1px solid #ececec;} /*(서브2)*/ #s_mid21_wrap0_R3{width:601px; float:left; position: relative; margin:0 0 0 0; padding:0 0 0 0;} /*(서브3)*/ /*(로케이션 맵)*/ #s_con0_map { height:40px; position: relative; font-size:11px; color:#000; margin:0 20px 0 20px;} #s_con0_map ul {float:right; list-style:none; margin:16px 0 0 0px; letter-spacing:-0.8px;} #s_con0_map li { float:left; padding:0 0 0 0;} #s_con0_map .por_map_icon{margin:0 5px 0 6px;} #s_con0_map li a{color:#696969; text-decoration:none; font-weight:bold;} #s_con0_map li a:hover{color:#000; text-decoration:underline;} /*(실제 중앙컨텐츠 공간)*/ #s_mid22_wrap{width:950px; float:left; position: relative; margin:0 0 0 13px;} #s_mid22_wrap_R3{width:561px; float:left; position: relative; margin:0 20px 0 20px;} /*(서브3)*/ /*(서브스타일3 만 해당)*/ #s_right31_wrap0{width:172px; float:left; position: relative; border-left:1px solid #ececec; border-right:1px solid #ececec;} /*(서브3 [우측부분])*/ #s_right31_wrap_st3{position: relative;} #s_right31_t_st3 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#333; letter-spacing:-0.7px;} #s_right31_c_st3{position: relative;} #s_right32_wrap_st3{position: relative;} #s_right32_t_st3 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#333; letter-spacing:-0.7px;} #s_right32_c_st3{position: relative;} #s_right33_wrap_st3{position: relative;} #s_right33_t_st3 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#333; letter-spacing:-0.7px;} #s_right33_c_st3{position: relative;} #s_right34_wrap_st3{position: relative;} #s_right34_t_st3 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#333; letter-spacing:-0.7px;} #s_right34_c_st3{position: relative;} #s_right35_wrap_st3{position: relative;} #s_right35_t_st3 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#333; letter-spacing:-0.7px;} #s_right35_c_st3{position: relative;} #s_right36_wrap_st3{position: relative;} #s_right36_t_st3 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#333; letter-spacing:-0.7px;} #s_right36_c_st3{position: relative;} #s_right37_wrap_st3{position: relative;} #s_right37_t_st3 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#333; letter-spacing:-0.7px;} #s_right37_c_st3{position: relative;} #s_right38_wrap_st3{position: relative;} #s_right38_t_st3 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#333; letter-spacing:-0.7px;} #s_right38_c_st3{position: relative;} #s_right39_wrap_st3{position: relative;} #s_right39_t_st3 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#333; letter-spacing:-0.7px;} #s_right39_c_st3{position: relative;} #s_right390_wrap_st3{position: relative;} #s_right390_t_st3 {position: relative; text-transform:uppercase; font-size: 12px; font-weight: bold; color:#333; letter-spacing:-0.7px;} #s_right390_c_st3{position: relative;} /*--------------------------------------------------------------------------------------------------------------------------------------------------- ▼ 하단메뉴(제휴안내등등 유틸) + 탑버튼 + 패밀리사이트 ▼ ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #bottom_menu_wrap00 { width:100%; position: relative; border-top:1px solid #dadada; border-bottom:1px solid #dadada; clear:both;} #bottom_menu1_wrap0 { margin:0 auto; position:relative; width:1180px; height:38px;} /* 하단메뉴 */ #menu_bot{float:left; position:relative;} /* (1차메뉴설정)*/ #menu_bot ul {float:left; list-style:none; text-transform:none; margin:11px 0 0 3px; margin:12px 0 0 3px\9; letter-spacing:-0.07em;} *:first-child+html #menu_bot ul{letter-spacing:-0.1em;} @media screen and (-webkit-min-device-pixel-ratio:0){#menu_bot ul{letter-spacing:-0.1em;} } #menu_bot ul li {float:left; position:relative;} #menu_bot ul li a{text-decoration:none; font-size:11px; color:#535353;} #menu_bot ul li a:hover {text-decoration:underline;} .m_space_type1_bot{position:relative; top:1px; padding:0 12px 0 9px;} /* 탑버튼(위로) */ #bot_top{float:right; position:relative; margin:11px 0 0 0;} /* 버텀_HTML공간 */ #bot_code{float:right; position:relative; margin:0;} /* 패밀리사이트(셀렉트박스) */ #bot_top_sel{float:right; position:relative; margin:9px 0 0 0;} #bot_top_sel .select_gp{ display:inline-block; *display:inline; position:relative; background:#fff; line-height:normal; vertical-align:middle; *zoom:1} #bot_top_sel .select_gp *{ margin:0; padding:0; font-size:12px; cursor:pointer} #bot_top_sel .select_gp .gp_my_value{ overflow:visible; position:relative; top:0; left:0; z-index:2; border:1px solid #bababa; background:transparent; color:#666; text-align:left; line-height:19px; _line-height:normal;} #bot_top_sel .select_gp .gp_my_value.selected{ font-weight:bold} #bot_top_sel .select_gp.open .gp_my_value, #bot_top_sel .select_gp .gp_my_value.outLine{ border:1px solid #999} #bot_top_sel .select_gp button.gp_my_value{ width:100%; height:21px; *padding-left:5px; text-indent:5px; *text-indent:0} #bot_top_sel .select_gp div.gp_my_value{ height:19px; text-indent:8px} #bot_top_sel .select_gp .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff} #bot_top_sel .select_gp .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; border-top:3px solid #333; border-left:3px solid #fff; border-right:3px solid #fff; font-size:0; line-height:0} #bot_top_sel .select_gp ul{ overflow:hidden; position:absolute; left:0; width:100%; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; list-style:none} #bot_top_sel .select_gp ul.a_list{ display:none} #bot_top_sel .select_gp.open ul.a_list{ display:block} #bot_top_sel .select_gp ul.i_list{ left:-2000%} #bot_top_sel .select_gp.open ul.i_list{ left:0} #bot_top_sel .select_gp li{ overflow:hidden; position:relative; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa; white-space:nowrap} #bot_top_sel .select_gp li a{ display:block; height:18px; background:#fff; color:#767676; line-height:18px; text-indent:8px; *text-indent:6px; text-decoration:none} #bot_top_sel .select_gp li.hover *{ background:#999; color:#fff} .select_go{ overflow:visible; height:21px; width:28px; *margin:-1px 0 -1px 4px; padding:0; border:1px solid #bababa; background:#eee; font:bold 11px Tahoma; color:#767676; line-height:19px; _line-height:normal; vertical-align:middle; cursor:pointer} /*--------------------------------------------------------------------------------------------------------------------------------------------------- ▼ 하단 풋터(카피라이트+하단로고) ▼ ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer1_wrap00 { width:100%; height:88px; position:relative; clear:both; background-color:#f8f8f8;} #footer1_wrap00_bg { width:100%; height:88px; position: relative; clear:both;} #footer1_wrap0 { width: 1180px; margin:0 auto; position: relative;} /* (카피라이터) */ #copytxt {float:left; position: relative; padding-top:14px; line-height:18px;} /* (하단로고) */ #copylogo {float:right; position:relative; text-align:right } /*--------------------------------------------------------------------------------------------------------------------------------------------------- ▼ 레이어팝업 로그인창[모달창] ▼ ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #gp_loginWindow {position:fixed; height:100%; width:100%; z-index:1111000; display:none; top:0; left:0; } .login_modal_bg {position: fixed; height: 100%; width: 100%; background: #000; opacity:.3; filter:alpha(opacity:30); display:block; top: 0; left: 0; } /* (로그인스킨 삽입부분) */ .login_skin {position:absolute; top:200px; left:50%; margin-left:-300px; width:684px; height:284px; padding:41px 42px 42px 41px; background:url(../imgs/default/login_pop_bg.png) no-repeat;} .login_banners {position:absolute; top:40px; left:44%;} .login_skin .login_skin_close{position:absolute; top:20px; right:101px; cursor: pointer;} /*--------------------------------------------------------------------------------------------------------------------------------------------------- ▼ 팝업시스템 ▼ ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #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;} /*--------------------------------------------------------------------------------------------------------------------------------------------------- ▼ 위로가기 ▼ ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #back-top{position:fixed; right:20px; bottom:20px; z-index:999;} #back-top span {width:57px; height:57px; display:block; background:url(../imgs/default/up-arrow.png) no-repeat center center;} *:first-child+html #back-top span{cursor:pointer;} /*--------------------------------------------------------------------------------------------------------------------------------------------------- ▼ 위젯스킨 기본css ▼ ----------------------------------------------------------------------------------------------------------------------------------------------------*/ .floatLeft{ float:left;} .floatRight{ float:right;} .clearLeft{ clear:left;} .clearRight{ clear:right;} .widgetContainer .open{ display:block !important;} .widgetContainer a{ text-decoration:none;} .widgetContainer a:hover, .widgetContainer a:active, .widgetContainer a:focus{ text-decoration:underline;} .widgetContainer img{ border:0;} .widgetContainer em{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px; font-style:normal;} .widgetContainer form{ margin:0; padding:0;} .widgetContainer fieldset{ border:0; margin:0; padding:0;} dl.widgetDivider{ margin:0;} dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;} dl.widgetDivider dd{ display:none; margin:0;}