/* ==== xe.min.css ==== */ @charset "utf-8";body,table,input,textarea,select,button{font-family:Tahoma,Geneva,sans-serif;font-size:12px}body{word-wrap:break-word}a img{border:0}.xe_content img{max-width:100%;height:auto}@media \0screen{.xe_content img{max-width:none}}.btnArea{margin:1em 0;text-align:right;zoom:1;clear:both}.btnArea:after{content:"";display:block;clear:both}.btnArea .etc{float:left}.btn{position:relative;display:inline-block;vertical-align:middle}.btn *{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0;font-weight:bold!important;color:#fff;text-decoration:none!important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1}.btn *[disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)}.btn a,.btn *[type=button]{border-color:#ccc;color:#333!important;background:#eee -webkit-gradient(linear,0% 0,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff,endColorStr=#dddddd)}.btn *[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000))!important;background:#333 -moz-linear-gradient(top,#777,#000)!important;background-color:#333!important;color:#ffc!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777,endColorStr=#333333)}.btn a{height:22px}.btn.medium *{padding:0 12px;font-size:16px;height:30px;line-height:28px}.btn.medium a{height:28px}.btn.large *{padding:0 18px;font-size:22px;height:36px;line-height:34px}.btn.large a{height:34px}input[type=submit].text,input[type=button].text,button[type=submit].text,button[type=button].text{border:0;overflow:visible;padding:0;margin:0 4px 0 0;color:#33a!important;background:0;text-decoration:underline;cursor:pointer}#popup_menu_area{position:absolute;background:#fff;border:1px solid #e9e9e9;border-radius:5px;padding:10px;line-height:1.3;box-shadow:0 0 6px #666;font-size:12px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=5)}#popup_menu_area ul{list-style:none;margin:0;padding:0}#popup_menu_area li{margin:0;padding:0}#popup_menu_area a{text-decoration:none;color:#333}#popup_menu_area a:hover,#popup_menu_area a:avtive,#popup_menu_area a:focus{text-decoration:underline}.message{border:1px solid #ddd;background:#f8f8f8;margin:1em 0;padding:0 1em;border-radius:5px;line-height:1.4;font-size:12px}.message p{margin:1em 0!important}.message em{font-style:normal;color:#e00}.message.info,.message.error,.message.update{padding-left:55px}.message.info{border-color:#e0e8ec;background:#edf9ff url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/common/img/msg.Info.png) no-repeat 1em .5em}.message.error{border-color:#efdcdc;background:#ffecec url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/common/img/msg.error.png) no-repeat 1em .5em}.message.update{border-color:#eae9dc;background:#fffdef url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/common/img/msg.update.png) no-repeat 1em .5em}.wfsr{display:none;position:absolute;position:fixed;left:0;top:0;z-index:100;border:1px solid #eae9dc;background:#fffdef url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/common/img/msg.loading.gif) no-repeat 1em .5em;margin:1em;padding:1em 1em 1em 55px;border-radius:5px;line-height:1.4;font-size:12px;font-weight:bold}.wfsr_fog{position:absolute;top:0;left:0;width:100%;_height:100%;min-height:100%;z-index:100}.wfsr_fog .bg{position:absolute;position:fixed;background:#000;_background:0;width:100%;height:100%;opacity:.5;z-index:2;filter:alpha(opacity=50);zoom:1}.wfsr_fog .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1} /* ==== style.css ==== */ /* 레이아웃 기본 제한 설정 ------------------------------------------------------------- */ #container { position:relative; clear:both; *zoom:1; } #container:after{ content:""; display:block; clear:both;} /* 레이아웃 스타일링 --------------------------------------------------------------------- */ #container { margin:0 auto; height:100%; } /* 바디 컬러셋 */ #container.white #body { background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/layouts/we_home/img/black/main_ment_bg.png) repeat #151515; color:#aaa; border-color:#222; } #container.black #body { background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/layouts/we_home/img/white/main_ment_bg.png) repeat #ddd; color:#444; border-color:#eee #e0e0e0; } /* 기본 설정 */ body { font:11px "굴림","돋움",Dotum; padding:0; margin:0; overflow-y:scroll;} img { border:0; } .top_box ul, .layout_head ul, .layout_content .leftside ul, .page_title ul, .layout_foot ul { list-style-type:none; margin:0; padding:0; } /* 상단 로그인 로그아웃등 글자색상 바꾸기 2차메뉴 왼쪽메뉴색상도 같이 변함*/ a { color:#b8b8b8; cursor:pointer; text-decoration:none;} .clear { clear:both; } /* 메뉴 통으로 전체 높이 조절 전체다 따라올라옴 */ .top_box { position:relative; z-index:50; height:0px; } .top_box a { text-decoration:none;} .top_box a:active { color:#000000; text-decoration:none; } /* 상단 로그인 아웃등 마우스 올려지면 글자색상 바뀌기 */ .top_box a:hover { color:#a6a6a6; text-decoration:none; } /* 상단1줄 라인 색상 바꾸기 */ .top_box { border-bottom:0px solid #fff; } .top_box .layout_width { width:1110px; margin:0 auto; text-align:right; height:5px; position:relative; } .top_box .layout_width .box_right { position:absolute; right:-5px; top:0; font-size:11px; } .top_box .layout_width .box_right li { float:left; margin:0; color:#444; font-family:"돋움",Dotum; height:25px; } .top_box .layout_width .box_right li a { display:block; height:25px; line-height:25px; padding:0 5px; } .top_box .layout_width .bookmark { position:absolute; height:25px; line-height:25px; left:0; margin:0; } .top_box .layout_width .bookmark a { display:block; height:25px; } .top_box .layout_width .box_right .select_lang { position:relative; } .top_box .layout_width .box_right .select_lang ul { position:absolute; left:50%; top:25px; margin-left:-52px; text-align:center; background:#fff; border:2px solid #ccc; width:100px; z-index:1002; display:none; } .top_box .layout_width .box_right .select_lang li { display:block; margin:0; float:none; } .top_box .layout_width .box_right .select_lang li a { display:block; text-decoration:none; } .top_box .layout_width .box_right .select_lang li a:hover { background:#ccc; color:#fff; font-weight:bold; } /* Layout_head */ .layout_head { clear:both; width:1110px; margin:0 auto; position:relative; z-index:30; } .layout_head .logo_line { width:1110px; margin:10px 0 0 0; position:relative; z-index:1002; } .layout_head .logo_line h1 { position:absolute; } .layout_head .logo_line .head_ad { position:absolute; word-break:break-all; overflow:hidden; } /* GNB * 메뉴만 높이 top으로 조절 폭조절은 width */ .layout_head .layout_topmenu { margin:0 auto; top:80px; height:86px; width:1310px; position:relative; z-index:1; background: url("https://d1kdw48hwet1m9.cloudfront.net/static/legacy/layouts/we_home/images/menu_bg.png") no-repeat left top; } .layout_head .layout_topmenu a { color:#fff; cursor:pointer; text-decoration:none; } /* 2차메뉴 젤뒤에 백그라운드*/ .layout_head .layout_topmenu ul ul { background:#transparent; } .layout_head .layout_topmenu .main_menu { height:36px; margin-left:80px; display:inline-block;} .layout_head .layout_topmenu .home_menu { position:absolute; top:-14px; left:-6px; z-index:10; } .layout_head .layout_topmenu .home_menu img { background:#666; } /* 1차메뉴 글자만 왼쪽 폭 조절 left로 조절*/ .layout_head .layout_topmenu .menu_top { float:left; left:-10px; height:188px; position:relative; text-align:center; } .layout_head .layout_topmenu .menu_top:hover { background:url("https://d1kdw48hwet1m9.cloudfront.net/static/legacy/layouts/we_home/images/MenuBarOn.png") repeat-x left top; } .layout_head .layout_topmenu .menu_top:hover>a { color:#00aff0; } .layout_head .layout_topmenu .menu_top.selected>a { color:#00aff0; background:url("https://d1kdw48hwet1m9.cloudfront.net/static/legacy/layouts/we_home/images/MenuBarOn.png") repeat-x left top; } .layout_head .layout_topmenu .menu_top.bgnone { background:none; } /* 메인메뉴 1차 글자만 높이 조절 1차메뉴 글자 폰트 색깔 color ★height조절은 1차메뉴 마우스 오버시 서브네뉴 선택되는 영역조절함 */ .layout_head .layout_topmenu .menu_top>a { font-family: arial, serif; display:block; height:48px; line-height:56px; padding:0 25px; position:relative; z-index:20; font-weight:bold; color:#fff; font-size:15px;} /* 서브내려오는거 높이 조절 top:00px 조절하면됨 min-width는 2차 외각영역 크기 설정 boder-width는 상자 테두리 굵기 조절*/ /* live 메인: 하위메뉴 상시 오픈 (호버로 열고 닫는 타입 아님) */ .layout_head .layout_topmenu .menu_top .sub { position:absolute; top:50px; left:0px; min-width:100px; white-space:nowrap; border:solid #d2d2d2; border-width:0px 0px 0px 0px; display:block; } .layout_head .layout_topmenu .menu_top .sub li { position:relative; text-align:left; border-top:0px solid #dfdfdf; } /* 2차메뉴 글자색 padding 0 0 0 xxpx는 2차 왼쪽 폭 조절*/ .layout_head .layout_topmenu .menu_top .sub li a { display:block; height:20px; line-height:20px; padding:0px 0px 0px 30px; color:#fff; } .layout_head .layout_topmenu .menu_top .sub li.selected>a { font-weight:bold; color:#fff000;} /* 2차 마우스 오버했을떼 나오는 배경색 */ .layout_head .layout_topmenu .menu_top .sub li:hover { background:#e5e5e5; } /* 2차 마우스 오버했을떼 글자 색 */ .layout_head .layout_topmenu .menu_top .sub li:hover>a { color:#000; } .layout_head .layout_topmenu .menu_top .sub li:first-child>a { border-top:none; } /* Update News */ .layout_head .update_news {top:134px; margin:0px; background:#302b25; border:0px solid #ccc; border-top:none; padding:0px; height:125px; line-height:125px; position:relative; } .layout_head .update_news .update_widget { padding:0; margin:0; font-size:12px; height:125px; } .layout_head .update_news .update_widget .rows { float:left; height:125px; } /* Search Form */ .layout_search { position:absolute; z-index:1000; } .layout_search .search_text { position:relative; width:100px; height:14px; font-size:12px; vertical-align:bottom; margin:0; padding:2px 5px; background:#f7f7f7; border:1px solid #aaa; } .layout_search .search_text:hover, .layout_search .search_text:focus { background:#fff; } .layout_search .submit { vertical-align:bottom; padding:0; } /* Layout_content 로고와 게시판 사이 폭 조절 */ .layout_content { margin:190px auto; width:1110px; position:relative; z-index:20; } /* 2차메뉴 왼쪽 가로폭 설정 */ .layout_content .leftside { width:225px; float:left; margin:0 25px 0 0; } .layout_content .leftside .layout_login { margin:0 0 3px 0; } .layout_content .lnb a { display:block; text-decoration:none; } /* 왼쪽메뉴 타이틀 배경 글자 가운데 정렬*/ .layout_content .lnb>.top_menu { background:#575757; border:1px solid #ccc; text-align:center; } /* 왼쪽메뉴 타이틀 메뉴 글자크기 상하폭조절은 padding로 조절*/ .layout_content .lnb>.top_menu a { border:none; padding:20px 5px; font-size:14px; font-weight:bold; color:#f7f7f7;} .layout_content .lnb>ul { border:1px solid #ccc; padding:3px; border-top:none; } /* 왼족메뉴 글자크기 색상지정 */ .layout_content .lnb>ul li>a { font-size:12px; color:#000; margin-left:12px; border-top:1px solid #ccc; padding-left:15px; height:25px; line-height:25px; background:url('https://d1kdw48hwet1m9.cloudfront.net/static/legacy/layouts/we_home/images/icons.gif') no-repeat 4px -6px; } .layout_content .lnb>ul li.has_sub>a { border-bottom:1px dashed #d5d5d5; } .layout_content .lnb>ul li:hover>a { font-weight:bold; color:#ff7e7e; background:url('https://d1kdw48hwet1m9.cloudfront.net/static/legacy/layouts/we_home/images/icons.gif') no-repeat 4px 10px; } .layout_content .lnb>ul li.selected>a { font-weight:bold; color:#ff7e7e; background:url('https://d1kdw48hwet1m9.cloudfront.net/static/legacy/layouts/we_home/images/icons.gif') no-repeat 4px 10px; } .layout_content .lnb>ul>li:first-child>a { border-top:none; } .layout_content .lnb ul li ul { margin:0 0 0 10px; border:none; padding:0; } .layout_content .lnb ul ul a { margin:0 0 0 20px; height:22px; line-height:22px; font-size:11px; border:none; background:url('https://d1kdw48hwet1m9.cloudfront.net/static/legacy/layouts/we_home/images/icons.gif') no-repeat 4px -8px; } .layout_content .lnb ul ul li:hover>a { font-weight:bold; background:url('https://d1kdw48hwet1m9.cloudfront.net/static/legacy/layouts/we_home/images/icons.gif') no-repeat 4px 8px; } .layout_content .lnb ul ul li.selected>a { font-weight:bold; background:url('https://d1kdw48hwet1m9.cloudfront.net/static/legacy/layouts/we_home/images/icons.gif') no-repeat 4px 8px; } .layout_content .rightside { width:270px; float:left; margin:0 0 0 30px; } /* Layout_foot */ .layout_foot { margin:0 auto; padding-top:5px; width:1100px; clear:both; position:relative; z-index:20; } .layout_foot .notice { padding:10px 5px; position:relative; height:20px; line-height:20px; border-top:2px solid #d1d1d1; } .layout_foot .notice .family_site { height:24px; line-height:24px; position:absolute; } .layout_foot .notice .family_site>span { border:1px solid #ccc; width:100px; text-align:center; display:block; text-decoration:none; position:relative; z-index:20; cursor:pointer; } .layout_foot .notice .family_site ul { position:absolute; bottom:23px; border:1px solid #ccc; border-bottom:none; width:100px; background:#ffffff; z-index:10; display:none; } .layout_foot .notice .family_site li { border-bottom:1px dashed #ccc; } .layout_foot .notice .family_site li a { display:block; text-decoration:none; padding:2px 4px; } .layout_foot .bottom_menu_copy { border-top:0px solid #ccc; } .layout_foot .bottom_menu_copy .bottom_menu { overflow:hidden; margin:0; text-align:center; } .layout_foot .bottom_menu_copy .bottom_menu ul { padding:5px 0; height:20px; line-height:20px; margin-left:-20px; white-space:nowrap; display:inline-block; } .layout_foot .bottom_menu_copy .bottom_menu li { padding-left:20px; display:inline; } .layout_foot .bottom_menu_copy .bottom_menu li.selected a { font-weight:bold; color:#000; } .layout_foot .bottom_menu_copy .bottom_menu li:first-child { background:none; } .layout_foot .bottom_menu_copy .bottom_menu li a:hover { text-decoration:underline; } .layout_foot .bottom_menu_copy .copy { text-align:center; } /* Skin By */ .designedby { padding:0 10px 10px; margin:0; text-align:right; } /* ==== sitemap.css ==== */ /* Sitemap */ #sitemap { position:absolute; display:none;left:0px; top:127px; margin:0px;padding:10px; z-index:1; letter-spacing:7pt;line-height:200%;} #sitemap.is-open { display:block; } #sitemap[hidden], #sitemap_button [hidden] { display:none !important; } #sitemap {background:#333;} /* 안쓰는것*/ #sitemap .section {position:relative; float:left; margin:0 15px 0 0; padding:0;text-decoration:none;} #sitemap .section a {position:relative; top:-12px;*top:4px;left:5px;display:inline; height:14px; line-height:14px;font-weight:bold; padding: 3px 6px 3px 5px;font:12px Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; color:#FBB917;} #sitemap .section a:hover{color:#fff;} #sitemap .section ul{ margin:-12px 0 0 0; *margin:-17px 0 0 0; padding:1px 6px 4px 0px;} #sitemap .title {position:absolute; width:210px; height:33px; left:0px; top:12px; background:url(https://d1kdw48hwet1m9.cloudfront.net/dynamic/legacy/css/img/default/sitemapRibbon.png) 0 0 no-repeat;} /* 서비스맵 보기 버튼 */ #sitemap_button { z-index:1;position:absolute;margin:0;padding:0; top:28px; right:0px; background:transparent; } #sitemap_button button {margin:0;padding:0; z-index:1; background:transparent;cursor:pointer; width:151px; height:41px; border:0;} #sitemap_button button:hover { width:151px; height:41px; } #sitemap_button .sitemap_open {position:relative;margin:0;padding:0; top:0px;*top:0px;right:0px; background:transparent; display:block; } #sitemap_button .sitemap_close {position:relative;margin:0;padding:0; top:0px;*top:0px;right:0px; background:transparent; display:none; } #sitemap_button .sitemap_open:not([hidden]) { display:block; } #sitemap_button .sitemap_close:not([hidden]) { display:inline-block; } /* ==== character_select.css ==== */ /*character icon출력 --------------------------------------------------------------------- */ #character_select { position:relative; clear:both; *zoom:1; width:1030px; margin:20px 10px 10px 40px; } /* 안쓰는것*/ #character_select .character_icons { position:relative; margin:0; padding:0; list-style:none; display:inline; } #character_select .character_icons:after { content:""; display:block; clear:both;} #character_select .character_icons li { display:inline; width:69px; height:69px; padding:0; margin:0; } #character_select .character_icons li a span {visibility:hidden; text-indent:-9999px; } #character_select .character_icons li a { display:inline-block; width:69px; height:69px; cursor:pointer; } #character_select .character_icons li a { background:transparent url(https://d1kdw48hwet1m9.cloudfront.net/dynamic/legacy/css/img/character.png) no-repeat; } #character_select .character_icons li a.Tak { background-position:0 0; } #character_select .character_icons li a.Tak:hover { background-position:0 -138px; } #character_select .character_icons li a.Aki { background-position:-70px 0; } #character_select .character_icons li a.Aki:hover { background-position:-70px -138px; } #character_select .character_icons li a.Pai { background-position:-140px 0; } #character_select .character_icons li a.Pai:hover { background-position:-140px -138px; } #character_select .character_icons li a.Lau { background-position:-210px 0; } #character_select .character_icons li a.Lau:hover { background-position:-210px -138px; } #character_select .character_icons li a.Kag { background-position:-279px 0; } #character_select .character_icons li a.Kag:hover { background-position:-279px -138px; } #character_select .character_icons li a.Jef { background-position:-348px 0; } #character_select .character_icons li a.Jef:hover { background-position:-348px -138px; } #character_select .character_icons li a.Wol { background-position:-416px 0; } #character_select .character_icons li a.Wol:hover { background-position:-416px -138px; } #character_select .character_icons li a.Sar { background-position:-486px 0; } #character_select .character_icons li a.Sar:hover { background-position:-486px -138px; } #character_select .character_icons li a.Jac { background-position:-554px 0; } #character_select .character_icons li a.Jac:hover { background-position:-554px -138px; } #character_select .character_icons li a.Shu { background-position:-623px 0; } #character_select .character_icons li a.Shu:hover { background-position:-623px -138px; } #character_select .character_icons li a.Lio { background-position:-693px 0; } #character_select .character_icons li a.Lio:hover { background-position:-693px -138px; } #character_select .character_icons li a.Aoi { background-position:-762px 0; } #character_select .character_icons li a.Aoi:hover { background-position:-762px -138px; } #character_select .character_icons li a.Jea { background-position:-831px 0; } #character_select .character_icons li a.Jea:hover { background-position:-831px -138px; } /*--------character icon 가로 1줄 끝--------------- */ #character_select .character_icons li a.Eil { background-position:0 -70px; } #character_select .character_icons li a.Eil:hover { background-position:0 -208px; } #character_select .character_icons li a.Goh { background-position:-70px -70px; } #character_select .character_icons li a.Goh:hover { background-position:-70px -208px; } #character_select .character_icons li a.Bra { background-position:-140px -70px; } #character_select .character_icons li a.Bra:hover { background-position:-140px -208px; } #character_select .character_icons li a.Van { background-position:-210px -70px; } #character_select .character_icons li a.Van:hover { background-position:-210px -208px; } #character_select .character_icons li a.Lei { background-position:-279px -70px; } #character_select .character_icons li a.Lei:hover { background-position:-279px -208px; } #character_select .character_icons li a.Elb { background-position:-348px -70px; } #character_select .character_icons li a.Elb:hover { background-position:-348px -208px; } /*--------character icon 가로 2줄 끝--------------- */ /* ==== quick_scroll.css ==== */ /* 좌측 */ #quick_scroll { position:absolute; z-index:99; top:150px; margin:0; padding:2px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #quick_scroll .quick_scroll_body { margin:0; padding:5px; overflow:hidden; *zoom:1; } #quick_scroll .quick_scroll_body img { vertical-align:top; } #container.black #quick_scroll { background:#111; border:1px solid #222; } #container.black #quick_scroll .quick_scroll_body { background:#2b2b2b; color:#aaa; } #container.white #quick_scroll { background:#fff; border:1px solid #c1c1c1; } #container.white #quick_scroll .quick_scroll_body { background:#f9f9f9; color:#555; } /* 우측 */ #quick_scroll2 { position:absolute; z-index:99; top:150px; margin:0; padding:2px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #quick_scroll2 .quick_scroll_body { margin:0; padding:5px; overflow:hidden; *zoom:1; } #quick_scroll2 .quick_scroll_body img { vertical-align:top; } #container.black #quick_scroll2 { background:#111; border:1px solid #222; } #container.black #quick_scroll2 .quick_scroll_body { background:#2b2b2b; color:#aaa; } #container.white #quick_scroll2 { background:#fff; border:1px solid #c1c1c1; } #container.white #quick_scroll2 .quick_scroll_body { background:#f9f9f9; color:#555; } /* ==== social.css ==== */ #social { z-index:99999; position:relative; bottom:20px; clear:both; *zoom:1; right:0px; margin:0 0 10px; } #social:after{ content:""; display:block; clear:both; } #social .social_icons { position:relative; float:right; padding:0; margin:0; list-style:none; } #social .social_icons li { float:left; width:24px; height:25px; padding:0; margin:0; } #social .social_icons li a span {visibility:hidden; text-indent:-9999px; } #social .social_icons li a { display:block; width:24px; height:25px; cursor:pointer; } #social .social_icons li a { background:transparent url("https://d1kdw48hwet1m9.cloudfront.net/static/legacy/layouts/we_home/plugins/social/sns_icons.png") no-repeat; } #social .social_icons li a.twitter { background-position:0 0; } #social .social_icons li a.twitter:hover { background-position:0 -25px; } #social .social_icons li a.facebook { background-position:-25px 0; } #social .social_icons li a.facebook:hover { background-position:-25px -25px; } #social .social_icons li a.me2day { background-position:-50px 0; } #social .social_icons li a.me2day:hover { background-position:-50px -25px; } #social .social_icons li a.rss { background-position:-75px 0; } #social .social_icons li a.rss:hover { background-position:-75px -25px; } /* ==== widget.css ==== */ @charset "utf-8"; .widgetContainer{font-size:12px;line-height:18px;} .floatLeft{float:left;} .floatRight{float:right;} .clearLeft{clear:left;} .clearRight{clear:right;} .HanbiMore {position:absolute;top:5px;left:5px;height:0;overflow:hidden;background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/sp.gif) repeat left top;z-index:1;*display:inline-block;*zoom:1; cursor:pointer;} .HanbiWrapImg{display:block;position:relative;margin:0;margin-bottom:5px;padding:4px;background:#fcfcfc;border:1px solid #ddd;*zoom:1;} .HanbiWrapImg img{display:block;position:relative;width:100%;} .HanbiwidgetZineA .HanbiWrapImg{margin:0;margin-right:10px;} .widgetContainer .open{display:block !important;} .widgetContainer a{text-decoration:none;} .widgetContainer img{border:0;} .widgetContainer em{position:relative;display:inline-block;font-style:normal;} .widgetContainer form{margin:0;padding:0;} .widgetContainer fieldset{border:0;margin:0;padding:0;} .widgetContainer em {line-height: 1;font-style: normal;} /* Class */ .replyNum a{padding:0 0 0 15px;background-position:left top;position:relative;display:inline-block;_display:inline;} .Hanbidate span{padding:0 0 0 15px;background-position:left -17px;position:relative;display:inline-block;height:18px;line-height:18px;} .HanbiIcon span{display:inline-block;padding-top:3px;position:relative;} .Hanbititle span{ line-height:18px;overflow:hidden;position:relative;display:inline;*display:inline-block;*zoom:1;color:#444 !important;} .HanbiWrapNick{position:relative;*zoom:1;display:inline-block;line-height:0;overflow:hidden;margin:0;padding:0;white-space:nowrap;} .HanbiWrapNick:after{content:"";display:block;clear:both;} .HanbiWrapNick li{float:left;position:relative;display:inline-block;margin:0;margin-right:10px;white-space:nowrap;line-height:18px;} .widgetClear{display:block;font-size:0;height:1px;clear:both;position:relative;} /* font */ /*.Malgun{font-family:Arial, "Malgun Gothic", AppleGothic, Dotum, Sans-serif;}*/ .widgetA .Hanbititle, .normalAwidget a.Hanbititle, .normalATable a.Hanbititle{color:#444; line-height} .Hanbiauthor span, .Hanbiauthor a, .Hanbititle a{color:#555;} .Hanbidate a, .replyNum a{color:#666;} .HanbiContent a, .widgetA, .widgetA a, .normalAwidget, .normalAwidget a, .Hanbidate, .normalATable, .normalATable a{color:#777;} /* img colection */ .Hanbiproducts .replyNum, .normalAwidget li, .widgetA li, .Hanbidate span, .widgetA .Hanbidate, .normalAwidget .Hanbidate, .normalATable span.Hanbidate, .normalAwidget span.HanbiAuthor, .widgetGalleryA span.HanbiAuthor, .Hanbiauthor span.HanbiAuthor, .widgetA span.HanbiAuthor, .normalATable span.HanbiAuthor, .replyNum a{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/widgetColection.png);background-repeat:no-repeat;} /* image */ div.HanbidateArea, .wrap_thumb .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/date.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/date.gif);background-repeat:no-repeat;} .HanbiDateStyleYT div.HanbidateArea, .wrap_thumb.HanbiDateStyleYT .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/dateT.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/dateT.gif);background-repeat:no-repeat;} /* -- HanbidateArea & HanbiIcon -- */ .wrap_thumb{position:relative;*zoom:1; z-index:1;} div.HanbidateArea{position:absolute;color:#fff;width:60px;height:50px;display:block;*zoom:1;background-position:left top;overflow:hidden;} div.HanbidateArea em{margin-top:2px;} div.HanbidateArea span{position:absolute;display:inline-block;} .wrap_thumb .HanbiIcon{display:none;width:48px;height:48px;*zoom:1;background-position:left -50px;position:absolute;} .wrap_thumb .HanbiIcon img{display:none;} .AddNew div.HanbidateArea{display:none;} .wrap_thumb.AddNew .HanbiIcon{display:block;top:0;left:0;} .wrap_ZineA .HanbiIcon{display:inline-block;} .HanbiIcon img.NoneNew{display:none;} .ClearNew .HanbiIcon img.NoneNew{display:inline-block;*display:inline;} /* HanbidateArea date */ .forhanbiM{width:14px;height:12px;top:6px;left:5px;background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/ForhanbiD.png);background-repeat:no-repeat;text-indent:-6669px} .HanbiSubSlide .forhanbiM{_text-indent:0px;_background:none;_top:2px} .HanbiDateStyleYT .forhanbiM{left:9px;top:5px;} .HanbiSubSlide .HanbiDateStyleYT .forhanbiM{_left:6px;_top:1px;} .forhanbiM.MJan{background-position:left top} .forhanbiM.MFeb{background-position:left -30px} .forhanbiM.MMar{background-position:left -60px} .forhanbiM.MApr{background-position:left -90px} .forhanbiM.MMay{background-position:left -120px} .forhanbiM.MJun{background-position:left -150px} .forhanbiM.MJul{background-position:left -180px} .forhanbiM.MAug{background-position:left -210px} .forhanbiM.MSep{background-position:left -240px} .forhanbiM.MOct{background-position:left -270px} .forhanbiM.MNov{background-position:left -300px} .forhanbiM.MDec{background-position:left -330px} .forhanbiD{width:14px;height:12px;top:6px;left:25px;background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/ForhanbiD.png);background-repeat:no-repeat;text-indent:-6669px} .HanbiSubSlide .forhanbiD{_text-indent:0px;_background:none;_top:2px;_left:28px;} .HanbiDateStyleYT .forhanbiD{left:29px;top:5px;} .HanbiSubSlide .HanbiDateStyleYT .forhanbiD{_top:1px;_left:31px;} .forhanbiD.D01{background-position:left top} .forhanbiD.D02{background-position:left -30px} .forhanbiD.D03{background-position:left -60px} .forhanbiD.D04{background-position:left -90px} .forhanbiD.D05{background-position:left -120px} .forhanbiD.D06{background-position:left -150px} .forhanbiD.D07{background-position:left -180px} .forhanbiD.D08{background-position:left -210px} .forhanbiD.D09{background-position:left -240px} .forhanbiD.D10{background-position:left -270px} .forhanbiD.D11{background-position:left -300px} .forhanbiD.D12{background-position:left -330px} .forhanbiD.D13{background-position:left -360px} .forhanbiD.D14{background-position:left -390px} .forhanbiD.D15{background-position:left -420px} .forhanbiD.D16{background-position:left -450px} .forhanbiD.D17{background-position:left -480px} .forhanbiD.D18{background-position:left -510px} .forhanbiD.D19{background-position:left -540px} .forhanbiD.D20{background-position:left -570px} .forhanbiD.D21{background-position:left -600px} .forhanbiD.D22{background-position:left -630px} .forhanbiD.D23{background-position:left -660px} .forhanbiD.D24{background-position:left -690px} .forhanbiD.D25{background-position:left -720px} .forhanbiD.D26{background-position:left -750px} .forhanbiD.D27{background-position:left -780px} .forhanbiD.D28{background-position:left -810px} .forhanbiD.D29{background-position:left -840px} .forhanbiD.D30{background-position:left -870px} .forhanbiD.D31{background-position:left -900px} .forhanbidot{width:6px;height:12px;top:6px;left:18px;background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Forhanbidot.png) no-repeat 2px top;text-indent:-6669px} .HanbiSubSlide .forhanbidot{_text-indent:0px;_background:none;_top:2px;_left:23px;} .HanbiDateStyleYT .forhanbidot{left:22px;top:5px;} .HanbiSubSlide .HanbiDateStyleYT .forhanbidot{_top:1px;_left:25px;} .Hanbiproducts .forhanbiM{width:28px;left:6px;} .Hanbiproducts .forhanbiD{left:39px;} .Hanbiproducts .forhanbidot{left:33px;} /* -- colorset -- */ /* Blue */ .BlueColor .ColorBorder{border-color:#95a2fc} .PurpleColor .ColorBorder{border-color:#b0a2f2} .GreenColor .ColorBorder{border-color:#bbcd95} .RedColor .ColorBorder{border-color:#cd4833} .LightPurpleColor .ColorBorder{border-color:#b19bba} .OrangeColor .ColorBorder{border-color:#ef8d49} .LightRedColor .ColorBorder{border-color:#e66e69} .GoldColor .ColorBorder{border-color:#d5c286} .BrownColor .ColorBorder{border-color:#b3a289} .LightBrownColor .ColorBorder{border-color:#c9c299} .PinkColor .ColorBorder{border-color:#f9a7b0} .GreyColor .ColorBorder{border-color:#666392} .BlackColor .ColorBorder{border-color:#aaa} .BlueColor .ProfileZineDiv .TTcolor{color:#95a2fc} .PurpleColor .ProfileZineDiv .TTcolor{color:#b0a2f2} .GreenColor .ProfileZineDiv .TTcolor{color:#bbcd95} .RedColor .ProfileZineDiv .TTcolor{color:#cd4833} .LightPurpleColor .ProfileZineDiv .TTcolor{color:#b19bba} .OrangeColor .ProfileZineDiv .TTcolor{color:#ef8d49} .LightRedColor .ProfileZineDiv .TTcolor{color:#e66e69} .GoldColor .ProfileZineDiv .TTcolor{color:#d5c286} .BrownColor .ProfileZineDiv .TTcolor{color:#b3a289} .LightBrownColor .ProfileZineDiv .TTcolor{color:#c9c299} .PinkColor .ProfileZineDiv .TTcolor{color:#f9a7b0} .GreyColor .ProfileZineDiv .TTcolor{color:#666392} .BlackColor .ProfileZineDiv .TTcolor{color:#aaa} .BlueColor .HanbiDateStyleY div.HanbidateArea, .BlueColor .wrap_thumb.HanbiDateStyleY .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Blue/date.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Blue/date.gif);background-repeat:no-repeat;} .GreenColor .HanbiDateStyleY div.HanbidateArea, .GreenColor .wrap_thumb.HanbiDateStyleY .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Green/date.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Green/date.gif);background-repeat:no-repeat;} .LightPurpleColor .HanbiDateStyleY div.HanbidateArea, .LightPurpleColor .wrap_thumb.HanbiDateStyleY .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/LightPurple/date.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/LightPurple/date.gif);background-repeat:no-repeat;} .PurpleColor .HanbiDateStyleY div.HanbidateArea, .PurpleColor .wrap_thumb.HanbiDateStyleY .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Purple/date.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Purple/date.gif);background-repeat:no-repeat;} .OrangeColor .HanbiDateStyleY div.HanbidateArea, .OrangeColor .wrap_thumb.HanbiDateStyleY .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Orange/date.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Orange/date.gif);background-repeat:no-repeat;} .RedColor .HanbiDateStyleY div.HanbidateArea, .RedColor .wrap_thumb.HanbiDateStyleY .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Red/date.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Red/date.gif);background-repeat:no-repeat;} .LightRedColor .HanbiDateStyleY div.HanbidateArea, .LightRedColor .wrap_thumb.HanbiDateStyleY .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/LightRed/date.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/LightRed/date.gif);background-repeat:no-repeat;} .GoldColor .HanbiDateStyleY div.HanbidateArea, .GoldColor .wrap_thumb.HanbiDateStyleY .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Gold/date.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Gold/date.gif);background-repeat:no-repeat;} .BrownColor .HanbiDateStyleY div.HanbidateArea, .BrownColor .wrap_thumb.HanbiDateStyleY .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Brown/date.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Brown/date.gif);background-repeat:no-repeat;} .LightBrownColor .HanbiDateStyleY div.HanbidateArea, .LightBrownColor .wrap_thumb.HanbiDateStyleY .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/LightBrown/date.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/LightBrown/date.gif);background-repeat:no-repeat;} .PinkColor .HanbiDateStyleY div.HanbidateArea, .PinkColor .wrap_thumb.HanbiDateStyleY .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Pink/date.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Pink/date.gif);background-repeat:no-repeat;} .GreyColor .HanbiDateStyleY div.HanbidateArea, .GreyColor .wrap_thumb.HanbiDateStyleY .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Grey/date.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Grey/date.gif);background-repeat:no-repeat;} .BlackColor .HanbiDateStyleY div.HanbidateArea, .BlackColor .wrap_thumb.HanbiDateStyleY .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Grey/date.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Grey/date.gif);background-repeat:no-repeat;} .BlueColor .HanbiDateStyleYT div.HanbidateArea, .BlueColor .wrap_thumb.HanbiDateStyleYT .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Blue/dateT.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Blue/dateT.gif);background-repeat:no-repeat;} .GreenColor .HanbiDateStyleYT div.HanbidateArea, .GreenColor .wrap_thumb.HanbiDateStyleYT .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Green/dateT.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Green/dateT.gif);background-repeat:no-repeat;} .LightPurpleColor .HanbiDateStyleYT div.HanbidateArea, .LightPurpleColor .wrap_thumb.HanbiDateStyleYT .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/LightPurple/dateT.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/LightPurple/dateT.gif);background-repeat:no-repeat;} .PurpleColor .HanbiDateStyleYT div.HanbidateArea, .PurpleColor .wrap_thumb.HanbiDateStyleYT .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Purple/dateT.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Purple/dateT.gif);background-repeat:no-repeat;} .OrangeColor .HanbiDateStyleYT div.HanbidateArea, .OrangeColor .wrap_thumb.HanbiDateStyleYT .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Orange/dateT.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Orange/dateT.gif);background-repeat:no-repeat;} .RedColor .HanbiDateStyleYT div.HanbidateArea, .RedColor .wrap_thumb.HanbiDateStyleYT .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Red/dateT.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Red/dateT.gif);background-repeat:no-repeat;} .LightRedColor .HanbiDateStyleYT div.HanbidateArea, .LightRedColor .wrap_thumb.HanbiDateStyleYT .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/LightRed/dateT.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/LightRed/dateT.gif);background-repeat:no-repeat;} .GoldColor .HanbiDateStyleYT div.HanbidateArea, .GoldColor .wrap_thumb.HanbiDateStyleYT .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Gold/dateT.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Gold/dateT.gif);background-repeat:no-repeat;} .BrownColor .HanbiDateStyleYT div.HanbidateArea, .BrownColor .wrap_thumb.HanbiDateStyleYT .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Brown/dateT.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Brown/dateT.gif);background-repeat:no-repeat;} .LightBrownColor .HanbiDateStyleYT div.HanbidateArea, .LightBrownColor .wrap_thumb.HanbiDateStyleYT .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/LightBrown/dateT.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/LightBrown/dateT.gif);background-repeat:no-repeat;} .PinkColor .HanbiDateStyleYT div.HanbidateArea, .PinkColor .wrap_thumb.HanbiDateStyleYT .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Pink/dateT.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Pink/dateT.gif);background-repeat:no-repeat;} .GreyColor .HanbiDateStyleYT div.HanbidateArea, .GreyColor .wrap_thumb.HanbiDateStyleYT .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Grey/dateT.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Grey/dateT.gif);background-repeat:no-repeat;} .BlackColor .HanbiDateStyleYT div.HanbidateArea, .BlackColor .wrap_thumb.HanbiDateStyleYT .HanbiIcon{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Grey/dateT.png);_background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Grey/dateT.gif);background-repeat:no-repeat;} .HanbiDateStyleYT div.HanbidateArea{top:2px;} .HanbiDateStyleY div.HanbidateArea{top:3px;left:3px !important} .widgetTabC{margin:0;padding:0;font-size:12px;border-top:1px solid;} .widgetTabC li{list-style:none;border-bottom:1px solid;*zoom:1;margin-bottom:1px;} .widgetTabC li a{display:block;padding:7px 0 6px 10px;*zoom:1;} .widgetNavigator{margin:0;padding:0;text-align:right;clear:both;} .widgetNavigator li{list-style:none;display:inline;} .widgetNavigator li button{width:16px;height:16px;padding:0;background-color:transparent;background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/white/buttonWidgetNavigation.gif);border:1px solid #666;cursor:pointer;} .widgetNavigator li button.prev{background-position:left center;*background-position:-1px center;} .widgetNavigator li button.next{background-position:right center;*background-position:13px center;} .widgetNavigator li button span{position:absolute;display:block;width:0;height:0;overflow:hidden;visibility:hidden;} /* 기타 */ .imgNone{display:block;position:relative;cursor:pointer;background:#eee url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/NoImage.gif) no-repeat 50% 50%;color:#eeeeee;font-size:1px;} .slides_container div a{text-decoration:none;color:#666;} /* imgSlide */ .Hanbiproducts, .Hanbiproducts .slides_container a{background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/HanbiproductsSC.png);background-repeat:no-repeat} .Hanbiproducts {position:absolute;overflow:hidden;left:0;width:980px;height:300px;background-position:7px 8px;} .Hanbiproducts:after{content:"";display:block;clear:both;} .Hanbiproducts .slides_container{height:260px;width:390px;position:relative;*zoom:1;float:left;overflow:hidden;padding:20px;display:none;} .Hanbiproducts .slides_container .inner_slides_container{position:relative;width:390px;height:260px;} .Hanbiproducts .slides_container .wrap_TC{position:absolute;overflow:hidden;top:195px;left:5px;height:50px;width:370px;padding:5px;background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/BgHanbiproductsTitle.png) no-repeat left top;color:#fcfcfc;} .Hanbiproducts .slides_container a {width:416px;height:0;padding-top:286px;position:absolute;top:-12px;left:-13px;background-position:left top;} .Hanbiproducts .slides_container .HanbiproductsTitle{display:block;font-weight:bold;width:370px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .Hanbiproducts .HanbiproductsDate{color:#fff;top:3px;left:3px;font-size:12px;height:25px;width:60px;padding:0 4px 12px 2px;background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/HanbiproductsDate.png) no-repeat left top;position:absolute;} div.HanbiproductsDate span{position:absolute;display:inline-block;} div.HanbiproductsDate .forhanbiM{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/ForhanbiM_B.png);top:7px;left:4px;} div.HanbiproductsDate .forhanbiD{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/ForhanbiD_B.png);top:7px;left:37px;} div.HanbiproductsDate .forhanbidot{background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Forhanbidot_B.png) no-repeat 2px top;} .Hanbiproducts .pagination{float:right;height:300px;width:530px;padding-left:20px;margin:0;position:relative;*zoom:1;background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/HanbiproductsPagination.png) repeat-y right top;} .Hanbiproducts .pagination:after{content:"";display:block;clear:both;} .Hanbiproducts .pagination li{list-style:none;float:left;display:inline;width:150px;height:100px;margin:16px 0 19px 0;padding:9px 12px 6px 12px;overflow:hidden;background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/Hanbiproducts_li.png) no-repeat left top;position:relative;opacity:.7;filter:alpha(opacity=70);} .Hanbiproducts .pagination li.current{opacity:1;filter:alpha(opacity=100);background-position:left -200px;} .Hanbiproducts .pagination li a{font-size:0;text-decoration:none;height:100px;overflow:hidden;position:relative;} .Hanbiproducts .HanbiIcon img{display:none;position:relative;} .HanbiReplies .replyNum a{background-position:left 3px;} /* -- MainBanner -- */ #MainBanner a, #MainBannerA a{font-size:0;} /* -- widgetGalleryA 이미지 -- */ .widgetGalleryA{position:relative;margin:0;padding:0;*zoom:1;} .widgetGalleryA:after{content:"";display:block;clear:both;} .widgetGalleryA li{float:left;display:inline-block;*display:inline;position:relative;overflow:hidden;list-style:none;} .widgetGalleryA.ImgBanner li{display:inline;} .widgetGalleryA li li{float:none;clear:both;white-space:normal;display:block;} .widgetGalleryA .HanbiWrapNick li{float:left;display:inline-block;clear:none;} .widgetGalleryA ul{margin:0;padding:0;} .wrap_GalleryA li{line-height:0;} .wrap_GalleryA li a, .wrap_GalleryA li a span{line-height:18px;} .NormalGallery .wrap_GalleryA .Hanbititle span{font-weight:normal} .NormalGallery .wrap_GalleryA.normalfont .Hanbititle span{font-weight:bold} .widgetGalleryA span.HanbiAuthor{background-position:left -36px;_background-position:left -17px;padding-left:15px;line-height:18px;height:18px;*zoom:1;display:inline-block;} .widgetGalleryA .replyNum a{background-position:left 3px;} /* widgetGalleryA - galleryA 이미지 마우스오버 효과 */ .ForhanbiHide{position:absolute;top:100%;left:1px;background:#fff;overflow:hidden;z-index:1;opacity:.9;} /* -- HanbiwidgetZineA 이미지 제목 내용(가로 배열 - 라운드처리) -- */ .Hanbiauthor span.HanbiAuthor{background-position: left -36px;_background-position: left -37px;padding-left: 15px;line-height: 18px;height: 18px;display: inline-block;} .HanbiwidgetZineA{position:relative;margin:0;padding:0;*zoom:1;} .HanbiwidgetZineA:after{content:"";display:block;clear:both;} .HanbiwidgetZineA li{list-style:none;line-height:0;} .HanbiwidgetZineA a, .HanbiwidgetZineA span{line-height:18px;} .HanbiwidgetZineA li.HanbiZineA_li {position:relative;*zoom:1;*display:inline-block;background:#fafafa;margin-bottom:10px;} .topHanbiZineA, .bottomHanbiZineA{position:relative;height:3px;display:block;clear:both;} .topHanbiZineA{border-top:1px solid #e2e2e2;} .bottomHanbiZineA{border-bottom:1px solid #e2e2e2;} .topHanbiZineA span, .bottomHanbiZineA span{width:4px;height:4px;position:absolute;font-size:0;background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/4pxRound.gif);background-repeat:no-repeat;} .topHanbiZineA span.TL{left:0;top:-1px;background-position:left top;} .topHanbiZineA span.TR{right:0;top:-1px;background-position:right top;} .bottomHanbiZineA span.BL{left:0;bottom:-1px;_bottom:-2px;background-position:left bottom;} .bottomHanbiZineA span.BR{right:0;bottom:-1px;_bottom:-2px;background-position:right bottom;} .WrapHanbiZineA{position:relative;padding:2px 5px 1px 5px;*zoom:1;} .WrapHanbiZineA:after{content:"";display:block;clear:both;} .borderHanbiZineA{border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;} .HanbiwidgetZineA .wrap_thumb{float:left;} .HanbiwidgetZineA ul{margin:0;padding:0;} .wrap_ZineA .Hanbititle{font-weight:bold;} .HanbiZineE_li .wrap_ZineA .Hanbititle{font-weight:normal;} .HanbiZineE_li .wrap_ZineA .Hanbititle span{color:#888;} .HanbiwidgetZineA li li.HanbiContent{margin-top:5px;} .HanbiZineB_li {position:relative;padding:5px 0;margin:5px 0;*zoom:1;*display:inline-block;border-width:3px;border-style:solid;border-color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .HanbiZineC_li{position:relative;*zoom:1;*display:inline-block;margin-bottom:10px;} .HanbiZineC_li .wrap_ZineA li.ZineAContent{margin-top:0px;} .HanbiZineDColor{background:#f5f5f5;border:3px solid #f2f2f2;} .ColorBorder{border-color:#e2e2e2;} .HanbiZineD_li div.Hanbititle{font-weight:bold;} .HanbiExtraVar{line-height:18px !important;color: #555;} .HanbiExtraVar span{position:relative; padding:0 8px;background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/BgZineCLi.gif) no-repeat 3px 4px;white-space: nowrap;} /* -- 이미지 제목 -- */ /* widgetThumb */ .widgetThumb{position:relative;margin:0;margin-top:3px;z-index:1;} .widgetThumb .thumb{display:block;margin-bottom:5px;position:relative;*zoom:1;_float:left;color:#555;} .widgetThumb .thumb img{display:block;width:100%;background:white;padding:4px;border:1px solid #e2e2e2;} .widgetThumb .thumb span{height:20px;overflow:hidden;position:relative;display:block;margin-top:5px;font-weight:bold;text-align:center} /*widgetA*/ .WrapWidgetA{position:relative;float:left;} ul.widgetA {margin:0;padding:0;} ul.widgetA li{list-style:none;*margin-bottom:2px;background-position:left -82px;padding-left:10px;line-height:18px;margin-bottom:5px;} .widgetA span.Hanbidate{background-position:left -18px;_background-position:left -17px;padding-left:15px;line-height:18px;height:18px;*zoom:1;display:inline-block;} .widgetA span.HanbiIcon{*display:inline;} .widgetA span.HanbiAuthor{background-position: left -36px;padding-left: 15px;line-height: 18px;height: 18px;display: inline-block;} .widgetA .replyNum{padding-left:3px;} .widgetA span.HanbiIcon img {line-height:0;top:1px;position:relative;} .widgetA span{margin-left:3px;} /* -- 제목 -- */ /*리스트 */ .normalAwidget {margin:0;padding:0;} .normalAwidget li {list-style:none;padding-left:15px;line-height:18px;margin-bottom:5px;} .normalAwidget a.board {padding-right:5px;background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/white/lineTextDiv.gif) no-repeat right center;} .normalAwidget .notice{background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/white/lineTextDiv.gif) no-repeat right center;} .normalAwidget .category{color:#555;background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/white/lineTextDiv.gif) no-repeat right center;padding-right:5px;} .normalAwidget span.Hanbidate{background-position:left -17px;padding-left:15px;line-height:18px;height:18px;*zoom:1;display:inline-block;} .normalAwidget span.HanbiAuthor{background-position:left -36px;_background-position:left -37px;padding-left:15px;line-height:18px;height:18px;*zoom:1;display:inline-block;} .normalAwidget span.HanbiIcon{*display:inline;} .normalAwidget .replyNum{padding-left:3px;} .normalAwidget span.HanbiIcon img {line-height:0;top:1px;position:relative;} .normalAwidget span{margin-left:3px;} .normalAwidget li.WidgetListA{background-position:left -82px;_background-position:left -81px;} .normalAwidget li.WidgetListB{background-position:left -127px;} .normalAwidget li.WidgetListC{background-position:left -173px;} .normalAwidget li.WidgetListD{background-position:left -224px;} .normalAwidget li.WidgetListE{background-position:left -276px;} /* 테이블 */ .normalATable {width:100%;position:relative;border:0;} .normalATable td{border:0;white-space:nowrap;vertical-align:top;padding:2px;} .normalATable td.title{width:100%;white-space:normal;} .normalATable td .board{padding-right:5px;} .normalATable td .notice{padding-right:5px;} .normalATable td .category{padding-right:5px;font-weight:normal;} .normalATable td .replyNum, .normalATable td span{margin-left:3px;} .normalATable td span.HanbiAuthor{background-position: left -36px;_background-position: left -37px;padding-left: 15px;line-height: 18px;height: 18px;display: inline-block;} .normalATable span.HanbiIcon{*display:inline;} .normalATable span.HanbiIcon img {line-height:0;top:1px;position:relative;} .normalATable span.Hanbidate{background-position:left -17px;padding-left:15px;*zoom:1; line-height:18px; height:18px;display:inline-block;} .normalATable td .board, .normalATable td .notice, .normalATable td .category{color:#555;background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/white/lineTextDiv.gif) no-repeat right center;} /* -- TabA -- */ .wrapwidgetTab, .widgetTabA{position:relative;*zoom:1;} .wrapwidgetTab:after, .widgetTabA:after{content:"";display:block;clear:both;} .WrapTabA, .WrapTabA .widgetTabA, .WrapTabA .widgetTabA li a, .WrapTabA .widgetTabA li a span{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/widgetTabA.gif);background-repeat:no-repeat;*zoom:1;position:relative;} .WrapTabA{background-position:right top;} .widgetTabA{margin:0;padding:0;} .WrapTabA .widgetTabA{padding-left:5px;margin-right:5px;background-position:left top;height:33px;border:0;} .widgetTabA li.active a{color:#333;*display:inline-block;} .WrapTabA .widgetTabA li a, .WrapTabA .widgetTabA li a span{background-position:-5000px -5000px;} .WrapTabA .widgetTabA li.active a{background-position:left -100px;} .WrapTabA .widgetTabA li.active a span{background-position:right -100px;*display:inline-block;} .widgetTabA li{float:left;margin-right:1px;list-style:none;background-repeat:no-repeat;position:relative;} .widgetTabA li a{position:relative;text-decoration:none !important;font-size:12px;padding-left:8px;display:inline-block;color:#888;} .widgetTabA li a span{height:20px;padding:10px 13px 3px 5px;display:inline-block;position:relative;} .WrapTabA dl.widgetDivider{padding:5px;padding-top:10px;} dl.widgetDivider{margin:0;padding-top:10px;z-index:1;clear:both;background:#fff;position:relative;*zoom:1;} dl.widgetDivider:after{content:"";display:block;clear:both;} dl.widgetDivider dt{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;} dl.widgetDivider dd{display:none;margin:0;} .WrapTabB, .WrapTabC{border:1px solid #ddd;} .WrapTabB .widgetTabA, .WrapTabC .widgetTabA{background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/BgTabBwidgetTabA.gif) repeat-x left bottom;border:1px solid #fff;border-bottom:0;height:29px;} .WrapTabC .widgetTabA{overflow:hidden;position:relative;} .WrapTabB .widgetTabA li{border-right:1px solid #ddd;height:30px;top:-1px;_top:0;} .WrapTabC .widgetTabA li{background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/white/lineTextDiv.gif) no-repeat left center;left:-1px;} .WrapTabB .widgetTabA li a, .WrapTabC .widgetTabA li a{padding:0;} .WrapTabB .widgetTabA li a span{height:20px;padding:7px 15px 3px 15px;} .WrapTabC .widgetTabA li a span{height:20px;padding:6px 15px 3px 15px;} .WrapTabB .widgetTabA li.active a{background:#fff;padding-bottom:1px;} .WrapTabB dl.widgetDivider, .WrapTabC dl.widgetDivider{padding:5px;padding-top:10px;} .WrapTabD .widgetTabA{background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/BgwidgetTabA.gif) repeat-x left bottom;} .WrapTabD .widgetTabA a, .WrapTabD .widgetTabA li{background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/buttonWidgetTab.gif);background-repeat:no-repeat;} .WrapTabD .widgetTabA li{float:left;margin-right:1px;list-style:none;background-repeat:no-repeat;background-position:0 0;} .WrapTabD .widgetTabA li.active{background-position:0 -30px;z-index:3;} .WrapTabD .widgetTabA li a{position:relative;left:2px;float:left;height:20px;padding:5px 15px 3px 15px;text-decoration:none;font-size:12px;background-repeat:no-repeat;background-position:right 0;} .WrapTabD .widgetTabA li.active a{background-position:right -30px;} .WrapTabD .widgetTabA li a span{height:20px;padding:0;} /* -- HanbiSubSlide -- */ .HanbiSubSlide{padding:10px 20px;overflow:hidden;position:relative;} .HanbiSubSlide.HanbiSubSlideTitle{padding-top:0;} .slides_container{display:none;} .HanbiSubSlide ul{margin:0;padding:0;} .HanbiSubSlide ul li{list-style:none;float:left;_display:inline;} .HanbiSubSlide .prev, .HanbiSubSlide .next{position:absolute;top:50px;height:12px;width:8px;overflow:hidden;display:inline-block;background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/BgPN.gif);background-repeat:no-repeat;text-indent:-9999px} .HanbiSubSlide.HanbiSubSlideTitle .prev, .HanbiSubSlide.HanbiSubSlideTitle .next{top:70px;} .HanbiSubSlide .prev{right:5px;background-position:left -50px;} .HanbiSubSlide a.prev:hover{background-position:right -50px;} .HanbiSubSlide .next{left:5px;background-position:left top;} .HanbiSubSlide a.next:hover{background-position:right top;} .slides_container{z-index:1;} .slides_container .Hanbititle a{color:#444;} .slides_container div .HanbiContent a{color:#888;} .HanbiSubSlide .board, .HanbiSubSlide .category{text-align:center;height:25px;line-height:25px;display:block;font-weight:bold;} .HanbiSubSlideB{background:#fafafa;border:1px solid #eee;} .HanbiSubSlide.HanbiSubSlideTitle.HanbiSubSlideB{padding-top:5px;} /* -- line -- */ .widget_line{position:relative;height:15px;clear:both;} .widget_line div{height:15px;} .HanbilineA{background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/BgWidgetLine.gif) repeat-x left 5px;} .HanbilineB div{ background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/HanbilineB.png); background-repeat:repeat-x} .HanbilineC{background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/HanbilineC.gif) repeat-x left 7px;} .HanbilineD div{ background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/HanbilineD.png); background-repeat:repeat-x} .HanbilineCenter{margin:0 30px; background-position:left -16px;} .HanbilineLeft, .HanbilineRight{position:absolute; top:0; width:30px;} .HanbilineLeft{left:0;background-position:left 4px;} .HanbilineRight{right:0;background-position:left -36px;} /* ImgBanner */ .ImgBanner{font-size:0; } .ImgBanner a{background:#fff; padding:4px; border:1px solid #e2e2e2;display:inline-block;} .WrapQuickBanner {background: url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/QM.gif) repeat-y left top;display:block;text-align:center; width:120px;position:relative; margin-bottom:5px;} .WrapQuickBanner .quick_menuT{background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/QT.gif) no-repeat left top;padding-top:5px;font-size:0;margin-bottom:0 !important;} .WrapQuickBanner .quick_menuB {background: url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/QB.gif) no-repeat left bottom;height:5px;font-size:0;} .WrapQuickBanner a{position:relative; display:inline-block; *display:block; width:110px;} .WrapQuickBanner a span{z-index:3;width:110px;height:3px;display:inline-block;font-size:0;} .WrapQuickBanner .quick_image img{display:block;} .WrapQuickBanner .quick_sp1{background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/quick_sp1.png) no-repeat left top;position:absolute; top:0; left:0;} .WrapQuickBanner .quick_sp2{background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/quick_sp2.png) no-repeat left bottom;position:relative; top:-3px; margin-bottom:-3px; } /* 롤링 배너 */ .HBbanner{padding:0;margin:0;list-style:none;} .HBbanner li{margin-bottom:5px;} .HBbanner p{padding:0;margin:0} .HDDateStyle{background:#f5f5f5;border:1px solid #eee;padding:5px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;} .HBbanner .imgNone{text-indent:-9999px;overflow:hidden;} /*profile*/ .ProfileZine{margin:0;padding:0;list-style:none;} .ProfileZine li .wrap_profile{position:relative;width:70px;height:70px;margin:0;padding:4px;float:left;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background:#ccc;border:1px solid #c5c5c5;} .wrap_profile a{position:absolute;width:70px;height:18px;line-height:18px;_padding-top:2px;_height:16px;top:56px;left:4px;background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/black4.png) repeat; text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;} .ProfileZine li .wrap_profile .author{color:#fff !important;} .HBprofile{width:70px;height:70px;} .ProfileZine li a{text-decoration:none !important} .ProfileZine li .category{color:#666;} .ProfileZine li .title, .ProfileZine li .data_replay .replyNum{font-size:13px;font-weight:normal;font-family:NanumGothic,나눔고딕,Tahoma,Arial, Geneva,applegothic,sans-serif;position:relative; margin-right:10px;} .ProfileZine li{position:relative;*zoom:1;padding:5px;margin-bottom:5px;*margin-bottom:3px;*display:inline-block;} .ProfileZine li:after{content:"";display:block;clear:both;} .ProfileZine li .data_replay{position:absolute;right:5px;bottom:3px;font-size:12px;} .ProfileZine li .data_replay .date, .ProfileZine li .data_replay .hour{font-size:12px; font: 12px Tahoma;} .ProfileNone{width:70px;height:70px;display:inline-block;position:relative;text-indent:-999px;background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/anonym.gif) no-repeat left top;} .FBwidgetContainer .ProfileZine .text{position:relative; padding-bottom:15px;} .ProfileZine li .board {background: url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/white/lineTextDiv.gif) no-repeat right center;padding-right: 5px;} .HBwidgetZineB li.HBZinetitle, .ProfileZine li .board, .ProfileZine li .category{font-size:13px;font-weight:normal;font-family:NanumGothic,나눔고딕,Tahoma,Arial, Geneva,applegothic,sans-serif;} .ProfileZineDiv{position:relative;*zoom:1;padding:3} .ProfileZineDiv:after{content:"";clear:both;display:block;} .ProfileZineDiv p{margin:0;padding:0;} .ProfileZineDiv .Tcolor{color:#333;} .ProfileZineDiv .Ccolor{color:#777;} /* 서브 롤링 배너 */ .subRolling{position:relative;} .spansubRolling{width:5px;height:5px;font-size:0;overflow:hidden;position:absolute;background-image:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/forhanbicontent/skins/default/img/BgSubRolling.png);background-repeat:no-repeat;z-index:999;} .subRollingTL{top:0;left:0;background-position:left top;} .subRollingTR{top:0;right:0;background-position:-10px top;} .subRollingBL{bottom:0;left:0;background-position:left -10px;} .subRollingBR{bottom:0;right:0;background-position:-10px -10px;} /* ==== style.css ==== */ div.hanbisimpleWidgetStyle{position:relative;margin-bottom:20px;overflow:hidden;*zoom:1;} div.hanbisimpleWidgetStyle h2{margin:0 0 10px 0;padding:10px 0;font:bold 14px "Malgun Gothic", AppleGothic, Dotum, Sans-serif;height:24px;line-height:24px;color:#575757;} div.simpleWidgetStyleA h2{background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgetstyles/ForhanbiStyle/WidgetStyleA.gif) repeat-x left bottom;} div.hanbisimpleWidgetStyle a.widgetMoreLink{text-decoration:none; color:#575757; padding-right:20px;height:24px;line-height:24px;display:inline-block;background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgetstyles/ForhanbiStyle/BgAniH2WSA.gif) no-repeat right 50%} div.hanbisimpleWidgetStyle.black h2{color:#333;} div.hanbisimpleWidgetStyle.black h2{color:#999;} div.simpleWidgetStyleB{border:1px solid #ddd;} div.simpleWidgetStyleB .widgetContainer{padding:0 5px 10px 5px;} div.simpleWidgetStyleB h2{background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgetstyles/ForhanbiStyle/simpleWidgetStyleB.gif) repeat-x left bottom;padding:5px 15px;border:1px solid #fff;} div.simpleWidgetStyleC h2{background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgetstyles/ForhanbiStyle/simpleWidgetStyleC.gif) repeat-x left bottom;padding:5px 15px;} div.simpleWidgetStyleD h2{padding:5px 15px;border-bottom:1px solid #ddd;} /* ==== live head styles ==== */ /* 배경색, 배경이미지 설정 */ body { background:url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/files/attach/images/205/c2a58668cc1d29ea1ce1995133cf3040.jpg) no-repeat center top scroll ; } /* Layout Style */ .layout_content .main_content { width:1100px; margin:0; } .layout_head .logo_line .head_ad { left:200px; top:10px; } .layout_search { right:150px; top:40px; } .layout_foot .notice .family_site { right:10px; top:7px; } .layout_head .logo_line h1 { top:10px; } /* 스크롤 배너 위치 조절 */ #quick_scroll2 { top:250px; } #quick_scroll { width:110px; left:-120px; } #quick_scroll2 { width:130px; right:-140px; } #quick_scroll .quick_scroll_body img { width:100px; } #quick_scroll .quick_scroll_body2 img { width:120px; } .textT1_wowSlider_298176236, .textT1_wowSlider_298176236 a, .textT1_wowSlider_298176236 a:visited { color:#000; font-family: Tahoma,Arial,Helvetica; font-size: 14px; font-weight: bold; text-decoration: none; display:block;} .textT1_wowSlider_298176236 a:hover, .textT1_wowSlider_298176236 a:focus { text-decoration: underline; } .textC1_wowSlider_298176236, .textC1_wowSlider_298176236 a, .textC1_wowSlider_298176236 a:visited { text-align:justify; color:; font-family: ; font-size: px; font-weight: normal; text-decoration: none; display:block;} .textC1_wowSlider_298176236 a:hover, .textC1_wowSlider_298176236 a:focus { text-decoration: underline; } #wowslider-container { /* overflow: hidden; */ zoom: 1; position: relative; width:400px; height:290px; margin:0 auto; z-index:100; } #wowslider-images{ position: absolute; width:400px; height:290px; overflow:hidden; cursor:pointer; } #wowslider-images a{ text-decoration: none; color:transparent; } #wowslider-images img{ top:0; left:0; border:none 0; } #wowslider-container a{ text-decoration: none; outline: none; border: none; } #wowslider-container .ws_bullets { font-size: 0px; padding: 10px; float: left; position:absolute; right: 10px; top: 10px; z-index:1001; } #wowslider-container .ws_bullets a { margin-left:4px; width:22px; height:22px; background: url('https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/contentslider/skins/wowSlider/js/bullet.png') left top; float: left; text-indent: -1000px; position:relative; } #wowslider-container .ws_bullets a.ws_selbull, #wowslider-container .ws_bullets a:hover{ background-position: 0 100%; } #wowslider-container a.ws_next, #wowslider-container a.ws_prev { position:absolute; display:none; font-size:0; top:50%; margin-top:-15px; position:absolute; z-index:1001; height: 30px; width: 30px; background-image: url('https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/contentslider/skins/wowSlider/js/arrows.png'); } #wowslider-container a.ws_next{ background-position: 100% 0; right:21px; } #wowslider-container a.ws_prev { left:21px; background-position: 0 0; } * html #wowslider-container a.ws_next,* html #wowslider-container a.ws_prev{display:block} #wowslider-container:hover a.ws_next, #wowslider-container:hover a.ws_prev {display:block} #wowslider-container:focus-within a.ws_next, #wowslider-container:focus-within a.ws_prev {display:block} #wowslider-container .ws-title{ position:absolute; display:block; bottom: 20px; left: 20px; margin-right:25px; padding:10px; background-color:white; color:#000; z-index: 50; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; font-family: Tahoma,Arial,Helvetica; font-size: 14px; } #wowslider-container .ws-title div{ padding-top:5px; font-size: 14px; } #wowslider-container .ws_bullets a img{ text-indent:0; display:block; top:20px; left:-80px; visibility:hidden; position:absolute; cursor:pointer; -moz-box-shadow: 0 0 5px #FFF; box-shadow: 0 0 5px #FFF; border: 2px solid #000; border-radius:4px; -moz-border-radius:4px; } #wowslider-container .ws_bullets a:hover img{ visibility:visible; } #wowslider-container .ws_bulframe div div{ height:60px; overflow:visible; position:relative; } #wowslider-container .ws_bulframe div { overflow:hidden; position:relative; width:80px; } #wowslider-container .ws_bulframe{ display:none; top:35px; overflow:visible; position:absolute; cursor:pointer; -moz-box-shadow: 0 0 5px #FFF; box-shadow: 0 0 5px #FFF; border: 2px solid #000; border-radius:4px; -moz-border-radius:4px; } #wowslider-container .ws_bulframe span{ display:block; position:absolute; top:-8px; margin-left:1px; left:32.5px; background:url('https://d1kdw48hwet1m9.cloudfront.net/static/legacy/widgets/contentslider/skins/wowSlider/js/triangle.png'); width:15px; height:6px; } a#vlb{display:none} /* WOWSlider blast parity: the legacy effect splits the outgoing frame into 4x3 pieces. */ #wowslider-images > a { position: absolute; inset: 0; display: block; opacity: 0; visibility: hidden; z-index: 1; } #wowslider-images > a.is-active { opacity: 1; visibility: visible; z-index: 2; } #wowslider-images > a img { display: block; width: 100%; height: 100%; object-fit: cover; } #wowslider-images .spf-blast-layer { position: absolute; inset: 0; z-index: 3; pointer-events: none; overflow: visible; } #wowslider-images.is-blasting { overflow: visible; } #wowslider-images .spf-blast-tile { position: absolute; display: block; opacity: 1; transform: translate3d(0, 0, 0); transform-origin: center; will-change: opacity, transform; transition: opacity 1000ms ease, transform 1000ms cubic-bezier(.2, .75, .25, 1); } #wowslider-images .spf-blast-outgoing { opacity: 1; } #wowslider-images .spf-blast-incoming { opacity: 0; transform: translate3d(var(--blast-x), var(--blast-y), 0); } #wowslider-images .spf-blast-layer.is-blasting .spf-blast-outgoing { opacity: 0; transform: translate3d(var(--blast-x), var(--blast-y), 0); } #wowslider-images .spf-blast-layer.is-blasting .spf-blast-incoming { opacity: 1; transform: translate3d(0, 0, 0); } @media (max-width: 640px) { #wowslider-container, #wowslider-images { width: 100%; height: auto; aspect-ratio: 400 / 290; } } /* auto from live inline positions */ .spf-pos-1 {margin-left:10px;} .spf-pos-2 {width:1100px;} .spf-pos-3 {overflow:hidden;background-position: 0px 0px; margin: 0px; border: 0px solid rgb(255, 255, 255); width: 35%; height: 340px; float: left; background-image: none; background-repeat: repeat; background-color: transparent; user-select: auto;} .spf-pos-4 {*zoom:1;padding:0px 0px 0px 0px !important; padding:none !important;} .spf-pos-5 {overflow:hidden;background-position: 0px 0px; margin: 0px 0px 0px 16px; border: 0px solid rgb(255, 255, 255); width: 30%; height: 340px; float: left; background-image: none; background-repeat: repeat; background-color: transparent; user-select: auto;} .spf-pos-6 {margin-right:2px;} .spf-pos-7 {font-weight:bold} .spf-pos-8 {display:none} .spf-pos-9 {overflow:hidden;background-position: 0px 0px; margin: 0px; border: 0px solid rgb(255, 255, 255); width: 365px; height: 170px; float: right; background-image: none; background-repeat: repeat; background-color: transparent; user-select: auto;} .spf-pos-10 {width:110px;margin-right:-110px} .spf-pos-11 {width:100px;height:75px} .spf-pos-12 {padding-left:120px} .spf-pos-13 {overflow:hidden;margin: 0px; border: 0px solid rgb(255, 255, 255); width: 369px; height: 134px; float: right; background-image: none; background-repeat: repeat; background-color: transparent; user-select: auto;} .spf-pos-14 {padding:0px 0px 0px 0px !important; padding:none !important;} .spf-pos-15 {} .spf-pos-16 {overflow:hidden;background-position: 0px 0px; margin: 0px; border: 0px solid rgb(255, 255, 255); width: 660px; height: 186px; float: left; background-image: none; background-repeat: repeat; background-color: transparent; user-select: auto;} .spf-pos-17 {width:640px;} .spf-pos-18 {width:140px; padding:10px; margin:0px 0px 0px 0px} .spf-pos-19 {width:130px;height:90px} .spf-pos-20 {width:130px;height:90px;} .spf-pos-21 {left:91px} .spf-pos-22 {width:130px;padding-top:90px} .spf-pos-23 {width:130px; padding:0 5px;} .spf-pos-24 {overflow:hidden;background-position: 0px 0px; border-width: 0px 0px 0px 1px; border-style: solid solid solid dotted; border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255) rgb(210, 210, 210); margin: 0px 0px 0px 10px; width: 420px; height: 190px; float: right; background-image: none; background-repeat: repeat; background-color: transparent; user-select: auto;} .spf-pos-25 {*zoom:1;padding:0px 0px 0px 10px !important; padding:none !important;} .spf-pos-26 {overflow:hidden;background-position: 0px 0px; margin: 0px; border: 0px solid rgb(255, 255, 255); width: 40%; height: 320px; float: left; background-image: none; background-repeat: repeat; background-color: transparent; user-select: auto;} .spf-pos-27 {overflow:hidden;background-position: 0px 0px; margin: 0px; border: 0px solid rgb(255, 255, 255); width: 30%; height: 160px; float: left; background-image: none; background-repeat: repeat; background-color: transparent; user-select: auto;} .spf-pos-28 {margin:0px 0px 0px 0px} .spf-pos-29 {left:61px} .spf-pos-30 {width:100px;padding-top:75px} .spf-pos-31 {height:20px;} .spf-pos-32 {color: rgb(99, 99, 99);} .spf-pos-33 {color: rgb(0, 0, 255);} /* === header parity: match live we_home header geometry === */ /* 메인 lake 배경은 main 전용 — mid(ksa_intro 등)의 25779 lake를 덮지 않음 */ body.spf-page-main { background: url(https://d1kdw48hwet1m9.cloudfront.net/static/legacy/files/attach/images/205/c2a58668cc1d29ea1ce1995133cf3040.jpg) no-repeat center top scroll !important; background-color: #0b1c2c; } /* logo_line must NOT gain flow height — h1 is absolute (live). Earlier min-height:90px pushed GNB from y≈90 to y≈180. */ .layout_head .logo_line { min-height: 0 !important; height: 0 !important; } .layout_head { min-height: 0 !important; } /* Live references ColorMenu1.png (404) → use menu_bg.png; keep bar dark enough for white text */ .layout_head .layout_topmenu { display: block !important; visibility: visible !important; position: relative !important; top: 80px !important; height: 86px !important; width: 1310px !important; margin: 0 auto !important; z-index: 1 !important; overflow: visible !important; /* live ColorMenu1.png 404 → transparent bar over lake (same effective look) */ background-color: transparent !important; background-image: none !important; } .layout_head .layout_topmenu .main_menu { display: inline-block !important; margin-left: 10px !important; height: 36px !important; } .layout_head .layout_topmenu .menu_top { display: block !important; float: left !important; position: relative !important; } .layout_head .layout_topmenu .menu_top > a.first_a, .layout_head .layout_topmenu .menu_top > a { color: #fff !important; font-size: 15px !important; font-weight: bold !important; font-family: arial, serif !important; } /* Submenus: live header keeps all .sub open (mega-menu), not hover-only */ .layout_head .layout_topmenu .menu_top .sub { display: block !important; } .layout_search { position: absolute !important; right: 150px !important; top: 40px !important; z-index: 1000 !important; } .layout_head .logo_line h1 { position: absolute !important; top: 10px !important; } .top_box .layout_width .box_right li a, .top_box .layout_width .bookmark a { color: #b8b8b8 !important; } .spf-row { display: block !important; }