/*common*/ *{margin:0;padding:0;} *{font-family: 'Droid Sans', 'Droid Sans Fallback', sans-serif;} body,input,textarea,select,table{font-size:14px; font-weight:normal; font-family:dotum,"µ¸¿ò",gulim,"±¼¸²",Gulim,Helvetica,AppleGothic,Sans-serif; line-height:1.25em;} .click_input{margin:0 0 -2px 0;vertical-align:middle;border:none;} body{position:relative; background-color:#eeeeee; color:#707070; word-wrap:break-word;word-break:break-all;} img,fieldset{border:0;} img,input,select,textarea{vertical-align:middle;} select {font-size:12px; color:#393939; padding:2px 1px;} ul,ol,li{list-style:none;} a{color:#707070;text-decoration:none; cursor:pointer;} em,address{font-style:normal;} .hidden_phrase{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0;} hr{display:none !important;} .ir{overflow:hidden;text-indent:-1000em;} .clear {clear:both;} .input{z-index:1;} /*layout*/ #wrap{/*position:relative;*/ min-width:320px; margin:0; background-color:#FFF;} /* topmenu */ #header {position:relative;width:100%;height:36px;margin:2px 0 0 0px;} #header {z-index:0;border-bottom:2px solid #dddddd;} #header a.logo {width:50%;float:left;text-align:center;margin:0px 0 0 15px;} #header a.bt {width:20%;float:left;margin:4px 0 0 5px;} #header a.login {width:20%;float:right;text-align:right;margin:4px 5px 0 0;} /* submenu */ #topmenu {position:relative;width:100%;height:50px;background: url(http://www.mijinsoft.co.kr/html/mobile/img/common/topbg.gif) repeat-x 0 0 ;} #topmenu a.logo {width:45%;float:left;margin:5px 0 0 0px;} #topmenu a.bt {width:10%;float:left;margin:7px 0 0 0px;} #topmenu a.login {width:20%;float:right;text-align:center;margin-top:7px;} /* topmenu */ #mainbt {position:relative;width:100%;height:280px;margin-top:20px;text-align:center;} #footer_1 {clear:both; position:relative; width:100%; height:25px; padding-top:30px;} #footer_1 .prev {float:left;text-align:left;} #footer_1 .top {float:right;text-align:right;} #footer_1 .pc {float:right;text-align:right;margin-right:-2px;} .footer_3 {position:relative; width:100%; height:25px;} .footer_3 .prev {float:left;text-align:left;} #footer {clear:both; font-size:12px; position:relative; width:100%;height:100%;float:left;background-color:#efefef;text-align:center;padding-top:5px;padding-bottom:5px;} #footer {z-index:0;height:50px;width:100%;border-top:2px solid #ac141a;} #footer span {color:#d5d6d8;} #footer li {margin:5px 0 0 0;} #footer .corp {color:#848684;text-align:center; font-size:14px;} #footer_2 {width:100%;float:left;text-align:center;margin-top:19px; margin-bottom:10px;} /*font color*/ .txt01 {color:#000000;font-weight:bold;font-size:14px;} .txt01w {color:#ffffff;font-weight:bold;font-size:14px;} .txt01nb {color:#000000;font-weight:normal;font-size:14px;} .txt02nb {color:#000000;font-weight:normal;font-size:12px;} .txt03 {color:#000000;font-weight:bold;font-size:12px;} .orange {color:#FF4400;} .red {color:#DF002D;} .blue{color:#408BDF;} .gray {color:#555555;} .black {color:#000;} .b_no { font-weight:normal;} .bold {font-weight:bold;} /*font size*/ .font11 {font-size:11px;} .font12 {font-size:12px;} .font13 {font-size:13px;} .font14 {font-size:14px;} .font15 {font-size:15px;} .font16 {font-size:16px;} /*padding */ .pl_5 {padding-left:5px;} .pl_l0 {padding-left:10px;} .pl_l2 {padding-left:12px;} .pl_l5 {padding-left:15px;} .pl_20 {padding-left:20px;} .pl_30 {padding-left:30px;} .pl_40 {padding-left:40px;} .pl_50 {padding-left:50px;} .pr_5 {padding-right:5px;} .pr_l0 {padding-right:10px;} .pr_l5 {padding-right:15px;} .pr_20 {padding-right:20px;} /*margin*/ .ml0 {margin-left:8px; margin-right:8px;} .mtb5{margin-top:5px; margin-bottom:5px;} .mb5{margin-bottom:5px;} .mt5{margin-top:5px;} .mt10{margin-top:10px;} .mt15{margin-top:15px;} .mt20{margin-top:20px;} .mt30{margin-top:20px;} .mt40{margin-top:40px;} .margin10 {margin:0 10px;} .top-5 {margin:5px 0 0 0 ;} .top-20 {margin:20px 0 0 0 ;} .indent_10 {text-indent:1.2em;} /*align*/ .va_t {vertical-align:top;} .a_l {text-align: left;} .a_r1 {text-align: right;} .a_c {text-align: center;} .a_r{position:absolute; right:10px;; padding:0; margin:0;} .a_rr{position:absolute; right:20px;; padding:0; margin:0;} .a_r5 {position:absolute; right:5px;; padding:0; margin:0;} /* Page Navigation */ #pagination { clear: both; margin: 0 auto; text-align: center; font-size:15px; font-family: 'Helvetica'; letter-spacing: -1px; line-height: normal; padding-top: 15px; white-space: nowrap; } .cur_num, #pagination span{ display: inline-block; color: #656565; text-decoration: none; border: 1px solid #d4d4d4; vertical-align: middle; margin: 2px; } .num_prev { padding: 3px 8px; border: 1px solid #cdcdcd; color:#707070; background-color: #DEDFDE; } .num_next { padding: 3px 8px; border: 1px solid #cdcdcd; color:#707070; background-color: #DEDFDE; } .num_box { padding: 3px 8px; border: 1px solid #cdcdcd; color:#5a5d5a; background-color: #fff; font-weight:bold; } .cur_num {padding: 3px 8px; background-color: #8a8a8a; border: 1px solid #757575; color:#fff; } /*intro*/ #m_search{position:relative; height:35px; background:url(../ndomain/bar_bg.gif) repeat-x; margin:0; } #m_search h2{position:absolute;z-index:1;width:52px; margin:11px 0 0 6px; *margin:4px 0 0 6px} #m_search h3 {display:inline-block; margin:8px 0 0 8px; font:bold 16px dotum,"µ¸¿ò",gulim,"±¼¸²"; color:#fff; } .msh1{/*position:relative; */ padding:3px 70px 0 62px;} .msh1 .mitw{display:block;height:28px;padding:0 10px 0 0.35em; border:1px solid #AE1E28;background:#fff;} .msh1 .mit{width:100%; -webkit-border-radius:0;-webkit-appearance:none; border:0; font-size:14px; font-weight:bold; color:#333; text-transform:lowercase; padding:8px 0px 0px 0px; letter-spacing:0px; } .msh1 .mbtn_se1{width:58px; overflow:visible; position:absolute; right:8px;top:4px; letter-spacing:-1px; height:29px;line-height:25px; padding:0 1px; border:1px solid #383C41; -webkit-box-shadow:0 0; background:#5E6062 url(../ndomain/bt_black1.gif) repeat-x ; color:#fff; font-size:12px; font-weight:bold; vertical-align:middle; white-space:nowrap;cursor:pointer;-webkit-border-radius:0} .ds_name {position:relative; width:100%; height:46px; background:#F7F7F7 url(../main/bar_gray_bg.gif) repeat-x; padding:0; display:block; overflow:hidden;} .ds_name p{font-size:12px; line-height:1.4em; color:#8E8E8E; padding:9px 8px; overflow:hidden;} /*services*/ .ns{position:relative; width:100%; height:100%; overflow:hidden;display: inline-block; margin:0; background:#F7F7F7; padding:15px 0px; 0px 0px; } .ns li{position:relative;float:left; overflow:hidden;width:63px;height:82px; margin:0 6px 0 6px; } .ns a{overflow:hidden;display:block;width:100%;height:100%; text-align:center; font-size:0.86em;line-height:1em;letter-spacing:-1px; } .ns .i{display:block;width:56px; /*width:63px;*/ height:49px;margin:7px 0px 6px 5px; } .ns1 .i{background:url(../main/icon_1.gif) no-repeat;} .ns2 .i{background:url(../main/icon_2.gif) no-repeat;} .ns3 .i{background:url(../main/icon_3.gif) no-repeat;} .ns4 .i{background:url(../main/icon_4.gif) no-repeat;} .ns5 .i{background:url(../main/icon_5.gif) no-repeat;} .ns6 .i{background:url(../main/icon_6.gif) no-repeat;} .ns7 .i{background:url(../main/icon_7.gif) no-repeat;} /*°øÁö»çÇ×*/ #mnotice_area{position:relative; margin-top:15px; padding-top:10px; width:100%;} #mnotice_area h4 { display:block; height:17px; font-size:16px; border-bottom:2px solid #9C9E9C; color:#464646; padding:0 0 4px 7px; } #mnotice_area h4 a{ display:inline; color:#000000; padding:0 0 4px 0px; } .mtxt li{display:block; width:100%; background:url(../domain/bul_list.gif) no-repeat 7px 15px ; border-bottom:1px solid #EDEDED;} .mtxt li a{display:block; font-size:16px; color:#848684; line-height:20px; padding:6px 0 6px 15px; } .mtxt li.noline {background:url(../domain/bul_list.gif) no-repeat 7px 12px ; border-bottom:1px solid #fff; } /*·Î±×ÀÎ*/ #login_area {position:relative;margin:20px 10px; background-color:#efefef; border-top: solid 2px #9C9E9C; border-bottom: solid 2px #9C9E9C; padding:3px 0 10px 0;} .log_ip {padding:0 20px 0 20px;} .log_ip li{width:100%; padding-top:10px;} .log_ip li label{font-size:14px; font-weight:bold; position:absolute;z-index:1;width:60px; padding-top:7px;} .log_it1{display:block; border:1px solid #C9C9C9;background:#fff; padding:3px 3px; margin:2px 0 6px 70px; *margin:0px 0 3px 70px; } .log_it1 input{width:100%; border:0 none; -webkit-border-radius:0;-webkit-appearance:none; border:0; font-size:15px; font-weight:bold; color:#333; padding:2px 0} .log_sv{clear:both; margin-top:0px; padding:0 0 17px 0px; font-size:12px; color:#848684; white-space:nowrap; text-align:center;} .log_sv input{width:19px;height:19px;vertical-align:middle;} .log_sv label{margin-right:1em; vertical-align:-0.2em;} .log_text {padding-left:20px; margin-top:-10px; } .log_btn{ width:65px; overflow:visible; letter-spacing:-1px; height:30px;line-height:28px; padding:0 1px; border:1px solid #313131; -webkit-box-shadow:0 1px #8C8C8C; background:#5E6062 url(../ndomain/bt_black.gif) repeat-x ; color:#fff; font-size:14px; font-weight:bold; vertical-align:middle; white-space:nowrap;cursor:pointer;-webkit-border-radius:0} /*¿¡·¯*/ #error_area {position:relative;margin:20px 0px 0 0px; background-color:#F7F7F7; border-top: solid 2px #9C9E9C; border-bottom: solid 2px #9C9E9C; padding:10px 0 20px 0;} .btn_error{margin:0 3px; height:25px; /*line-height:27px;*/ padding:5px 0.6em; border:1px solid #313131; -webkit-border-radius:0px; -webkit-box-shadow: 0px #8C8C8C; background:url(../ndomain/bt_black.gif) repeat-x ;font-size:14px; color:#FFF; font-weight:bold; letter-spacing:-1px;} .info_error {position:relative; padding:2px 10px 5px 18px;background: url(../ndomain/icon_arrow1.gif) no-repeat 10px 6px;font-size:12px; letter-spacing:0;} /*ad-±¤°í*/ #ad_m { position:relative; text-align: center; margin:20px 5px 0 5px; border:0px solid #d5d5d5;} #ad{width:100%;margin:9px 0 0 0;} #ad span{display:block;padding:0 23px;} #adImg img{vertical-align:top; border:0} #adLink{display:block;cursor:pointer;} #adImg{display:block;margin:0 auto;overflow:hidden; text-align: center; } /**/ .ico_area {position:relative; margin:0 auto; margin:15px 8px; } .ico_area h3{margin:16px 0 9px 0;} .ico_area .info {color:#7995AF; font-size:12px;border-bottom:1px solid #BEC0BE; margin:0px 0 30px 0; padding-bottom:10px;} /* ¸Þ´º¹Ù */ .menubar{z-index:0;height:25px;width:100%;text-align:left;vertical-align:middle;margin-top:4px;border-bottom:1px solid #000000;background:#FFFFFF;} .menuline{z-index:0;height:5px;width:100%;text-align:left;vertical-align:middle;margin-top:4px;background:#FFFFFF;} /* ¸ÞÀÎÄÜÅÙÃ÷ */ .content{margin:0; background:#F7F7F7; padding:3px 0px; 0px 0px;width: 100%;text-align: center; } /* ¹öư */ .button{margin:0; background:#FFFFFF; padding:5px 0px; 0px 5px; text-align:center;} .popbuttonbig{font-size:14px;color:#ffffff;width:75px;height:34px;text-align:center;line-height:34px;letter-spacing:-1px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:6px;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.05);background:-webkit-gradient(linear,left top,left bottom,from(#006bf0),to(#005ed2));background-color:#005ed2;} .popbutton{font-size:14px;color:#ffffff;width:50px;height:34px;text-align:center;line-height:34px;letter-spacing:-1px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:6px;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.05);background:-webkit-gradient(linear,left top,left bottom,from(#006bf0),to(#005ed2));background-color:#005ed2;} .testbutton{font-size:14px;color:#ffffff;width:135px;height:34px;text-align:center;line-height:34px;letter-spacing:-1px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:6px;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.05);background:-webkit-gradient(linear,left top,left bottom,from(#006bf0),to(#005ed2));background-color:#005ed2;} .cbutton{font-size:14px;color:#ffffff;width:34px;height:34px;text-align:center;line-height:34px;letter-spacing:-1px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:6px;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.05);background:-webkit-gradient(linear,left top,left bottom,from(#006bf0),to(#005ed2));background-color:#005ed2;} /*µî·Ï°ü¸® Å×À̺í */ .rline { border-right:1px solid #D5D5D5; } .bline { border-bottom:1px solid #D5D5D5;} .lline { border-left:1px solid #D5D5D5; } /* ÀÚ¹Ù ½ºÅ©·Ñ */ .scroller_container{ position:relative; border:1px solid #CCC; overflow:hidden; top:0;left:0 } .scroller{ position:relative; float:left; } .scroller_navigator{ float:right;border:1px solid #CCC; height:150px; width:45px; } .scroll_down, .scroll_up{ clear:left;padding:8px } .scroller_navigator_spacer{ width:10px; height:48px; clear:left; } /* »õ¸Þ´º */ /****** COMMON ******/ html { .overflow:scroll; .overflow-x:auto; } html,body { margin:0; padding:0; color:#5A5A5A; } body { color:#666; font-size:15px; font-family:'µ¸¿ò', Dotum, '±¼¸²', Gulim, Apple-Gothic, sans-serif; letter-spacing:-1px; line-height:1em; background-color:#f3f3f3; -webkit-text-size-adjust:none; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } strong { font-weight:bold; } button { margin:0; padding:0; border:none; font-family:'µ¸¿ò', Dotum, '±¼¸²', Gulim, Apple-Gothic, sans-serif; cursor:pointer; } li { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; font-variant:normal; } hr { display:none; } /* to preserve line-height and selector appearance */ sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input,textarea,select{ font-family:inherit; font-size:inherit; font-weight:inherit; } textarea, input { outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; } textarea { resize:none; } input[type="button"], input[type="text"], input[type="image"], textarea {-webkit-appearance:none;-webkit-border-radius:0;} input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;} /* to enable resizing for IE */ input,textarea,select{ *font-size:100%; } /* because legend doesn't inherit in IE */ legend{ color:#000; } label { cursor:pointer; } a { color:#333; text-decoration:none; font-family:'µ¸¿ò', Dotum, '±¼¸²', Gulim, Apple-Gothic, sans-serif; } /* float ÇØÁ¦ */ .f_clear:after { content:""; height:0; display:block; visibility:hidden; clear:both; } * html .f_clear { height:1px; } .f_clear { display:block; min-height:1px; } /* °øÅë */ .wrap { background:#FFF; } .num { letter-spacing:0; } span.bar { padding:0 7px; color:#cfcfcf; } /* header */ .snb { position:relative; background:url('http://www.mijinsoft.co.kr/html/adminmobile/img/common/topbg2.gif') repeat-x 0 0; text-align:center; border-top:1px solid #212121;} .snb ul { padding:6px 11px 0 11px; } .snb ul li { position:relative; float:left; height:32px; background:url('http://www.mijinsoft.co.kr/html/adminmobile/img/common/topbgtab.gif') no-repeat left 45%; } .snb ul li.menu1 { width:32%; background:none; } .snb ul li.menu2 { width:32%; } .snb ul li.menu3 { width:32%; } .snb ul li a { display:block; height:26px; text-align:center; padding-top:6px; color:#FFF; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; letter-spacing:-1px; } .snb ul li.on { z-index:1; } .snb ul li.on a { height:24px; margin:0 -2px 0; padding-top:7px; border:1px solid #161616; border-bottom:none; color:#333; background:#FFF; } .snb_sub { clear:both; float:left; width:100%; background:url('http://www.mijinsoft.co.kr/html/adminmobile/img/common/topbgon.gif') repeat-x 0 bottom; } .snb_sub ul { padding:3px; } .snb_sub ul li { float:left; height:33px; } .snb_sub ul li a { display:block; padding:9px 12px 8px 12px; font-size:14px; } .snb_sub ul li.talk a, .snb_sub ul li.video a { color:#dd1e14; } .snb_sub ul li.on a { color:#ff6600; } .snb_sub ul li.beauty a { color:#f24180; } .snb_sub ul li.review a { color:#458eed; } .snb_sub ul li.travel a { color:#17b0a7; } .snb_sub ul li.food a { color:#97b604; } .menuWrap {background:url('http://nimg.nate.com/etc/ui/images/mnews/bg_subMenu_list.gif') repeat left top; padding:0 0 0 3px;} .subMenu .menuWrap li {float:left; display:inline; height:36px; margin-right:10px;} .subMenu .menuWrap li a {display:inline-block; color:#333; height:24px; padding:12px 6px 0; font-size:14px; white-space:nowrap;} .subMenu .menuWrap li.selected a {color:#f52622;} .subMenu .menuWrap ul.homeTab {padding:0 30px 0 0;} .subMenu .menuWrap ul.homeTab li {margin-right:1px;} .subMenu a.setting {position:absolute; right:10px; top:9px; width:20px; height:20px; display:block; background:url('http://nimg.nate.com/etc/ui/images/mnews/btn_setting.gif') no-repeat left top; text-indent:-1000em; overflow:hidden;} .snb h3{ text-align:center; font-size:16px; color:#fff; line-height:39px; } /* 2010-07-26 */ /* Çì´õ - agreement */ #header_setting { position:relative; height:35px; background:url('http://image.nate.com/mobileimg/main/bg_header_setting.gif') repeat-x; } #header_setting h1 { position:absolute; top:11px; right:10px; background:url('http://image.nate.com/mobileimg/main/nate_bi2.gif') 0 0 no-repeat; width:52px; height:15px; text-indent:-1000em; } #header_setting h1 a { display:block; width:52px; height:15px;overflow:hidden; text-indent:-1000em; font:0/0; } #header_setting h2 { width:100%; text-align:center; padding:9px 0 0 0; color:#fff; } #header_setting h2.cy_setting { position:absolute; top:10px; left:18px; width:auto; text-align:left; padding:0 0 0 12px; background:url('http://image.nate.com/mobileimg/main/set_ico_0526.gif') 0 -47px no-repeat; } #header_setting .setting_complete { position:absolute; top:4px; left:10px; width:142px; height:48px; overflow:hidden; } #header_setting .setting_complete button { padding:1px 8px 0 8px; height:26px; background:url('http://image.nate.com/mobileimg/main/bg_btn3.gif') repeat left bottom; border:1px solid #5a5a5a; color:#fff; font-size:90%; letter-spacing:-1px; text-align:center; white-space:nowrap; box-shadow:1px 1px 1px #a0a0a0; -moz-box-shadow:1px 1px 1px #a0a0a0; -webkit-box-shadow:1px 1px 1px #a0a0a0; } #header_setting .setting_complete button span { margin:0 0 0 -4px; padding:0 0 0 10px; line-height:22px; background:url('http://image.nate.com/mobileimg/main/ico_arrow.gif') no-repeat 0 3px } /****** FOOTER ******/ #footer { width:100%; border-top:1px solid #bfbfbf; background-color:#f3f3f3; text-align:center; color:#5A5A5A; } #footer .foot_wrap { padding:0 0 20px 0; border-top:1px solid #e2e2e2; } #footer ul { margin:17px 0 15px; } #footer ul li { display:inline-block; width:65px; height:16px; padding-left:3px; margin:0; background:url('../img/bg_bar.gif') no-repeat right 50%; text-align:left; } #footer ul li.app { width:109px; } #footer ul li.end { width:65px; background:none; } #footer ul li a { color:#666; text-decoration:none; } #footer a { color:#5A5A5A; } #footer p.privacy { width:100%; margin:12px 0 0 0; height:10px; font-size:12px; letter-spacing:-1px; } #footer p.copyright { width:100%; height:8px; margin-top:17px; font-size:9px; letter-spacing:0; } #footer button { height:26px; padding:1px 8px 0 8px; border:1px solid #aaaaaa; background:url('../img/bg_btn.gif') repeat-x left bottom; font-size:90%; letter-spacing:-1px; text-align:center; white-space:nowrap; box-shadow:1px 1px 0 #d3d3d3; -moz-box-shadow:1px 1px 0 #d3d3d; -webkit-box-shadow:1px 1px 0 #d3d3d3; } #footer button span { line-height:22px; } /* WEB */ * html #footer ul li { display:inline; } *:first-child+html #footer ul li { display:inline; } * html #footer button { margin:0 1px; padding:0; } *:first-child+html #footer button { margin:0 1px; padding:0; } /* List */ .list-wrap { clear:both; width:100%; } .list-wrap h3 { position:relative; clear:both; padding:20px 0 5px 10px; .height:15px; color:#000; border-bottom:2px solid #3c404c; } .list-wrap h3.talk { color:#e82a1e; border-bottom:2px solid #e82a1e; } .list-wrap .more { position:absolute; bottom:2px; right:10px; padding:5px 11px 2px 5px; font-size:0.8em; color:#333; background:url('../img/icon_set.gif') right 7px no-repeat; } div.talk, div.video { background:url('../img/bg_top_talk.gif') repeat-x 0 0; padding-top:6px; border-top-width:0; border-top:1px solid #c9c9c9;} div.culture { background:url('../img/bg_top_culture.gif') repeat-x 0 0; padding-top:6px; border-top-width:0; border-top:1px solid #c9c9c9;} div.review { background:url('../img/bg_top_review.gif') repeat-x 0 0; padding-top:6px; border-top-width:0; border-top:1px solid #c9c9c9;} div.beauty { background:url('../img/bg_top_beauty.gif') repeat-x 0 0; padding-top:6px; border-top-width:0; border-top:1px solid #c9c9c9;} div.travel { background:url('../img/bg_top_travel.gif') repeat-x 0 0; padding-top:6px; border-top-width:0; border-top:1px solid #c9c9c9;} div.food { background:url('../img/bg_top_food.gif') repeat-x 0 0; padding-top:6px; border-top-width:0; border-top:1px solid #c9c9c9;} .list-wrap .list:after { content:""; height:0; display:block; visibility:hidden; clear:both; } * html .list-wrap .list { height:1px; } .list-wrap .list li { clear:both; float:left; width:100%; border-bottom:1px solid #d5d5d5; } .list-wrap .list a.cnbox { width:100%; display:inline-block; } .list-wrap .list .thumb { position:relative; float:left; width:110px; margin:0 12px 0 0; border-right:1px solid #d5d5d5; } .list-wrap .list .thumb img { vertical-align:top; } .list-wrap .list .thumb .timebox { position:absolute; bottom:0; left:0; display:block; width:110px; height:17px; background:#000000; filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0.70; } .list-wrap .list .thumb .time { position:absolute; bottom:1px; left:10px; font-size:70%; color:#efefee; z-index:1; letter-spacing:0; } .list-wrap .list .cont { display:block; margin:8px 10px 5px 123px; } .list-wrap .list .nothumb .cont { margin:8px 10px 7px 10px !important; display:inline-block; } .list-wrap .hot .cont { margin:9px 10px 4px 123px; } /* ¸ÞÀÎ */ .list-wrap .video .cont { margin:15px 10px 5px 123px; } .list-wrap .list .tit { font-size:90%; line-height:1.4; color:#111; word-break:break-all; } .list-wrap .list .tit em { display:inline-block; font-size:80%; color:#FFF; line-height:1.2; margin:-4px 6px 0 0; padding:0 1px; vertical-align:middle; border:1px solid #000; background:#3c404c; } .list-wrap .list .tit em.talk { border:1px solid #cb1f12; background:#e1372a; } .list-wrap .list .tit em.culture { border:1px solid #ec5600; background:#ff6c00; } .list-wrap .list .tit em.beauty { border:1px solid #cb3f70; background:#f84a88;} .list-wrap .list .tit em.review { border:1px solid #3e7dd2; background:#468cec; } .list-wrap .list .tit em.travel { border:1px solid #37918b; background:#64b0ab;} .list-wrap .list .tit em.food { border:1px solid #85a511; background:#a4bf18;} .list-wrap .list .tit em.video { border:1px solid #000; background:#303030;} .list-wrap .list .tit em.ranking { text-align:center; padding:0 4px 0 3px; } .list-wrap .list .tit .count { position:relative; top:-1px; padding-left:3px; font-size:0.8em; color:#de0000; letter-spacing:0; word-break:break-all; white-space:nowrap; } .list-wrap .list .tit img { margin-top:-3px; padding-left:3px; vertical-align:middle; } .list-wrap .list .sub { display:block; margin:2px 0 0 0; font-size:0.8em; color:#b3b3b3; } .list-wrap .list .sub .num { padding:0 1px; } .list-wrap .list .sub .bar { padding:0 4px; } .photo-list { width:auto; margin-left:-1px; } .photo-list:after { content:""; height:0; display:block; visibility:hidden; clear:both; } * html .photo-list { height:1px; } .photo-list li { float:left; width:33.1%; text-align:center; border-left:1px solid #d5d5d5; } .photo-list .photobox { position:relative; display:block; width:106px; margin:0 auto; padding-bottom:12px; } .photo-list .photobox .tit { display:block; height:35px; font-size:90%; color:#111; line-height:1.4; margin:10px 5px 0 5px; overflow:hidden; white-space:normal; word-break:break-all; word-wrap:break-word; } .photo-list .photobox .thumb .p-count { position:absolute; top:50px; right:0; width:30px; height:15px; background:url('../img/bg_c_photo.png') 0 0 no-repeat; } * html .photo-list .photobox .thumb .p-count { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg_c_photo.png', sizingMethod='crop'); } .photo-list .photobox .thumb .p-count em { position:relative; top:1px; display:block; padding-left:14px; font-size:10px; line-height:1.4; color:#fff; letter-spacing:0; } .btn_wrap { font-size:13px; position:relative; padding:15px 0; text-align:center; height:27px; .float:left; width:100%; background:#FFF; } .btn_wrap .more { display:inline-block; padding:5px 14px 4px 5px; background:url('../img/icon_set.gif') right -36px no-repeat; } .btn_wrap .top { position:absolute; top:15px; right:12px; border:1px solid #c6c6c6; padding:4px 5px 3px 18px; background:url('../img/icon_set.gif') 3px -77px no-repeat; height:20px; line-height:1.5;} /* view */ .view-wrap { clear:both; width:100%; border-top:1px solid #c9c9c9; } .pann-title { padding:19px 10px 0 10px; } .pann-title h3 { font-size:16px; line-height:1.2; color:#111; } .pann-title .sub { display:block; padding-top:4px; font-size:0.8em; color:#b3b3b3; } .pann-title .sub a { color:#b3b3b3; } .pann-title .sub a img { position:relative; top:-2px; width:13px; height:11px; margin:0 4px; vertical-align:middle; } .pann-title .bar { padding:0; margin:1px 4px 0 0; } .pann-title em { padding:1px 4px 0 0; } .pann-title em.talk, .pann-title em.video { color:#f40500; } .pann-title em.culture { color:#ff6d00; } .pann-title em.beauty { color:#f14182; } .pann-title em.review { color:#3e7dd2; } .pann-title em.travel { color:#37918b; } .pann-title em.food { color:#85a511; } .video-title { position:relative; clear:both; float:left; width:100%; background:#33373a; border-bottom:1px solid #4e5255; } .video-title .thumb { position:absolute; top:0; left:0; width:120px; margin:0 10px 0 0; border-right:1px solid #4e5255; } .video-title .thumb img { vertical-align:middle; } .video-title .thumb .timebox { position:absolute; bottom:0; left:0; display:block; width:120px; height:17px; background:#000000; filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0.70; } .video-title .thumb .time { position:absolute; bottom:1px; left:10px; font-size:70%; color:#efefee; z-index:1; letter-spacing:0; } .video-title .thumb .play { position:absolute; top:21px; left:48px; } .video-title h3 { padding:10px 0 2px; line-height:1.1; color:#fff; } .video-title .sub { display:block; padding-top:3px; font-size:0.8em; color:#999; } .video-title .sub a { color:#999; } .video-title .sub a img { position:relative; top:-2px; width:13px; height:11px; margin:0 4px; vertical-align:middle; } .video-title .bar { padding:0; margin:1px 4px 0 0; color:#4e5255; } .video-title .cont { position:relative; margin:0 10px 6px 130px; height:auto; min-height:84px; _height:84px; } .view-wrap .content { clear:both; padding:17px 10px; font-size:0.95em; line-height:1.6em; color:#111111; white-space:normal; word-break:break-all; word-wrap:break-word; border-top:1px solid #d5d5d5; margin-top:8px; } div.video .content { border-top-width:0; margin-top:0; } .view-wrap .content img { display:block; margin:7px 0 10px 0; } .navi-btn-top { clear:both; padding:7px 10px 10px 10px; border-bottom:1px solid #d5d5d5; background:#FFF; } div.video .navi-btn-top { padding:10px; } .navi-btn-bot { position:relative; padding:0 10px 20px 10px; margin-top:20px; } .navi-btn a { display:inline-block; height:20px; margin-right:2px; padding:5px 6px 1px; font-size:12px; text-align:center; line-height:1.4; background:url('../img/bg_click_btn.gif') repeat-x left center; border:1px solid #c6c6c6; } .navi-btn a em { color:#de0000; letter-spacing:0; } .navi-btn-bot .social_plugin { position:absolute; top:0; right:0; line-height:1; } .navi-btn-bot .social_plugin a { font-family:verdana; } .view-plus { font-size:13px; border-top:1px solid #d5d5d5;} .view-plus .listBoard { clear:both; } .view-plus .listBoard a, .view-plus .listBoard span { display:block; padding:8px 10px; border-bottom:1px solid #d5d5d5; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .view-plus .listBoard a em, .view-plus .listBoard span em { padding:0 15px 3px 0; margin-right:15px; color:#777; background:url('../img/icon_list.gif') 100% 3px no-repeat; } .view-plus .listBoard a em.next, .view-plus .listBoard span em.next { background:url('../img/icon_list.gif') 100% -27px no-repeat; } .view-plus .btn { text-align:right; padding:15px 10px; } .view-plus .btn a.back { height:25px; text-align:center; display:block; background:url('../img/bg_click_btn.gif') repeat-x left center; border:1px solid #c6c6c6; padding:8px 0 0; } .view-plus .btn a.top { height:20px; display:inline-block; background:url('../img/icon_set.gif') no-repeat 3px -77px; padding:4px 5px 3px 18px; border:1px solid #c6c6c6; margin:15px 0 0; line-height:1.5; } .revision { color:#999; font-size:0.8em; line-height:1.8; margin:-8px 10px 18px; } .revision strong { display:block; background:url('../img/icon_view.gif') 0 -108px no-repeat; padding-left:16px; padding-top:1px; line-height:1.5; } div.updown { margin:0 auto 23px auto; } /* Ãßõ&¹Ý´ë */ div.updown:after { content:""; height:0; display:block; visibility:hidden; clear:both; } * html div.updown { height:1px; } div.updown .btnbox { position:relative; float:left; width:49.9%; text-align:right; } div.updown .btnbox button { float:right; width:40px; height:40px; background:url('../img/icon_view.gif') -5px 0 no-repeat; margin:0 3px; } div.updown .btnbox button span { display:none; } div.updown .btnbox span { display:block; margin:15px 48px 0 0; color:#f40500; font-size:14px; letter-spacing:0; } div.updown .down { float:right; width:50%; text-align:left; } div.updown .down button { float:left; width:40px; height:40px; background:url('../img/icon_view.gif') -52px 0 no-repeat; } div.updown .down span { display:block; margin:15px 0 0 48px; color:#333; } /* reply */ .reply-navi { font-size:0.85em; padding:10px 5px; .float:left; } .reply-navi:after { content:""; height:0; display:block; visibility:hidden; clear:both; } * html .reply-navi { height:1px; } .reply-navi .total { float:left; padding:0 5px; } .reply-navi .total em { color:#f40500; letter-spacing:0; } .reply-navi .sort { float:right; color:#ccc; } .reply-navi .sort a { color:#999; padding:0 5px 0 4px; line-height:1.4; } .reply-navi .sort a.on { color:#333; } .reply-list { clear:both; border-top:1px solid #ddd; margin-top:-1px; } .reply-list dl { clear:both; position:relative; background:#FFF;padding:12px 10px 0 10px; } .reply-list dl.best { background:#f3f3f3; } .reply-list dl dt { font-size:0.8em; color:#333333; line-height:1.6; } .reply-list dl dt em { color:#999; letter-spacing:0; } .reply-list dl dt em.best { position:relative; top:-1px; font-size:11px; line-height:1.2; display:inline-block; margin:0 6px 1px 0; padding:1px 2px 0 4px; letter-spacing:-1px; color:#fff; border:1px solid #fc240d; background-color:#fc240d; } .reply-list dl dt a img { position:relative; top:-2px; width:13px; height:11px; padding-left:4px; vertical-align:middle; } .reply-list dl dt .bar { padding:0 5px; color:#cfcfcf; } .reply-list dl dd.userText { padding-top:5px; font-size:0.85em; line-height:1.4em; color:#333; white-space:normal; word-break:break-all; word-wrap:break-word; } .reply-list dl dd.userText img { display:block; margin:7px 0 4px 0; } /* border:2px solid #dadada; */ .reply-list dl dd.userText .report { color:#999999; } .reply-list dl dd.btn { border-bottom:1px solid #dbdbdb; margin:0 -10px; padding:7px 10px 10px 10px; } .reply-list dl dd.btn a { display:inline-block; margin:0 5px 5px 0; padding:4px 7px 4px 7px; font-size:12px; color:#666666; border:1px solid #cccccc; background-color:#ffffff; height:14px; line-height:1.1; } .reply-list dl dd.btn em { color:#f40500; } .reply-list dl dd.btn a.delete { padding:4px 5px 4px 16px; background:url('../img/icon_set.gif') 5px -105px no-repeat; background-color:#fff; } .reply-list dl dd.report { color:#999; font-size:0.85em; line-height:1.4em; padding:5px 0 4px 0; } .reply-list dl dd.report .btnOpen { margin-left:9px; padding-right:11px; color:#999; text-decoration:underline; background:url('../img/bg_open.gif') right 0 no-repeat; cursor:pointer; } .reply-list dl dd.report .hide { background-position:right -16px; } .reply-list dl .del { color:#999; font-size:0.85em; line-height:1.4em; padding:0 0 4px 0; } .reply-list dl.best .del { padding:0 0 12px 0; } .reply-list dl dd.updown { position:absolute; top:13px; right:11px; font-size:0.85em; letter-spacing:0; } .reply-list dl dd.updown .btnbox { float:left; color:#f72417; } .reply-list dl dd.updown .btnbox button { float:left; background:url('../img/icon_view.gif') no-repeat 8px -60px; width:20px;height:15px; text-indent:-1000em; overflow:hidden; } .reply-list dl dd.updown .btnbox span { float:left; display:inline-block; } .reply-list dl dd.updown .down { color:#29abf2; } .reply-list dl dd.updown .down button { background-position:1px -84px; width:20px; margin:0 0 0 5px; } .view-best { clear:both; border-top:1px solid #DDD; border-bottom:1px solid #DDD; padding-bottom:12px; background:#f3f3f3; } .view-reply { clear:both; border-top:1px solid #DDD; border-bottom:1px solid #DDD; } .reply-best { clear:both; border-top:1px solid #DDD; background:#f3f3f3; } .reply-reply { clear:both; background:#fff; padding-bottom:15px; padding-top:2px; border-bottom:1px solid #ddd; margin-top:-1px; border-top:1px solid #FFF; position:relative; text-align:center; } .reply-reply dl { margin:0 0 0 15px; padding:10px 10px 0 15px; background:url('../img/ico_replysOfReply.gif') 0 12px no-repeat; text-align:left; } .reply-reply dl dd.userText { padding-top:1px; } .reply-reply dl dd.btn { border-bottom-width:0 !important; padding:3px 0 0 10px !important; } .reply-reply dl dd.updown { position:absolute; top:11px; right:11px; font-size:0.85em; letter-spacing:0; } .no-list { padding:40px 0; font-size:14px; text-align:center; color:#333; } .reply-reply .no-list { display:inline-block; background:url('../img/ico_replysOfReply.gif') 0 41px no-repeat; padding-left:14px; margin:40px auto; .width:150px; } /* reply write */ .reply-wrap .reply-write { padding:13px 10px 0; font-size:0.85em; color:#999; } .reply-wrap .reply-write .user { float:left; color:#111; height:21px; line-height:1.5; margin-top:-2px; vertical-align:middle; text-indent:0; } .reply-wrap .reply-write .user .name { color:#999; padding-right:8px; display:inline-block; _float:left; } .reply-wrap .reply-write .user .nameTxt { display:inline-block; width:52px; height:16px; overflow:hidden; vertical-align:top; } .reply-wrap .reply-write .user .nick { width:76px; height:15px; padding:2px 0 2px 4px; border:1px solid #d6d6d6; color:#999; line-height:1.1; } .reply-wrap .reply-write .user em.re { display:inline-block; width:12px; height:16px; background:url('../img/ico_replysOfReply.gif') 0 3px no-repeat; text-indent:-10em; vertical-align:top; _float:left; } .reply-wrap .reply-write .select { float:right; margin-top:-2px; height:17px; line-height:1.6; } .reply-wrap .reply-write .select input { margin:-2px 4px 3px 10px; vertical-align:middle; } .reply-wrap fieldset.write { position:relative; padding:9px 12px 20px 10px; } .reply-wrap fieldset.write legend { display:none; } .reply-wrap fieldset.write textarea { width:100%; height:118px; border:1px solid #d6d6d6; background-color:#fff; line-height:1.4; } .reply-wrap fieldset.write .btn { position:relative; _width:100%; margin:10px 0 0; } .reply-wrap fieldset.write .btn a { display:inline-block; height:18px; padding:5px 14px 3px; font-size:12px; background:url('../img/bg_click_btn.gif') repeat-x left top; border:1px solid #c6c6c6; cursor:pointer; line-height:1.4; } .reply-wrap fieldset.write .btn a.ok { position:absolute; top:0; right:0; padding:5px 10px 3px 10px; } .reply-wrap fieldset.write .btn a.ok span { padding:0 0 0 15px; background:url('../img/ico_ok.gif') 0 1px no-repeat; display:block; } .reply-reply-write { padding-top:4px; margin-top:-1px; border-top:1px solid #FFF; position:relative; } .reply-agree { padding:14px 10px 12px 10px; background-color:#f3f3f3; border-bottom:1px solid #d5d5d5; } .reply-agree dt { padding-bottom:5px; font-size:0.82em; color:#333333; } .reply-agree dd.txt { padding-bottom:5px; font-size:0.8em; line-height:1.6; color:#666; } .reply-agree dd.detail a { font-size:0.8em; color:#69b1de; text-decoration:underline; } .reply-agree dd.check { margin-top:15px; font-size:0.8em; } .reply-agree dd.check input { position:relative; top:2px; margin-right:5px; } /* photo */ .photo_view { position:relative; width:100%; background:#33373a; padding-bottom:21px; } .theme_select { width:232px; padding:0 10px; position:relative; margin:0 auto 9px auto; top:11px; z-index:1; } .theme_select .tit_theme { display:inline-block; width:242px; height:22px; font-size:0.9em; line-height:1.5; color:#fff; margin:0 auto; background:url('../img/bg_photo.gif') top right no-repeat; cursor:pointer; overflow:hidden; } .theme_select .tit_theme span { display:inline-block; width:210px; white-space:nowrap; word-break:break-all; word-wrap:break-word; overflow:hidden; } .theme_select .tit_theme em { font-size:0.95em; margin-left:4px; } .open { background-color:#212326; } .open .theme_select .tit_theme { background-position:right -27px; } .theme_select .slist-wrap { display:none; } .open .theme_select .slist-wrap { display:block; position:absolute; top:29px; left:-1px; width:252px; border:1px solid #0c0c0c; background:#43494e; } .theme_select .slist-wrap ul { padding:6px 7px; } .theme_select .slist-wrap ul li { margin:0 0 2px 0; } .theme_select .slist-wrap ul li a { display:block; width:200px; height:19px; color:#fff; font-size:0.85em; line-height:1.2; padding:3px 4px 0 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;} .theme_select .slist-wrap ul li.select { background:#2b2c2f url('../img/bg_photo.gif') right -57px no-repeat; padding-right:25px; } .photo_info { position:relative; top:9px; left:0; width:100%; display:inline-block; z-index:0; _left:-5px;} .photo_info dt { position:relative; margin:0 auto; margin-top:238px; width:240px; color:#fff; font-size:14px; line-height:1.2; white-space:normal; word-break:break-all; word-wrap:break-word; } .photo_info dt a { color:#fff; font-size:14px; line-height:1.2; white-space:normal; word-break:break-all; word-wrap:break-word; } .photo_info dt em { color:#f40500; font-size:0.8em; letter-spacing:0; margin-left:3px; } .photo_info dd { position:absolute; top:0; left:50%; display:table; width:253px; height:230px; margin:0 auto; background:#1c1e21; text-align:center; margin-left:-127px; } .photo_info dd * { vertical-align:middle; } .photo_info dd div { display:table-cell; margin:0 auto; background:#1c1e21; text-align:center; overflow:hidden; } *:first-child+html .photo_info dd div span { display:inline-block; height:100%; } .navi_btn { position:absolute; /*top:40px;*/ top:138px; left:0; width:100%; } .navi_btn a, .navi_btn span { position:absolute; top:0; display:block; /*width:30%; height:230px;*/ width:34px;height:30px; background:url('../img/arrow.gif') 0 0 no-repeat; text-indent:-1000em; overflow:hidden; cursor:pointer; } .navi_btn .prev { left:0; } .navi_btn .next { right:0; background-position:right -199px; /*right -100px*/} .open .navi_btn .prev { left:0; background-position:0 -420px; /*0 -321px*/} .open .navi_btn .next { right:0; background-position:right -631px; /*right -532px*/ } .cmt-write { position:relative; top:0; left:0; padding:13px 56px 11px 10px; } .cmt-write legend { color:#333; font-size:0.85em; padding:0 0 5px; height:15px; } .cmt-write input { color:#999; font-size:0.85em; height:18px; border:1px solid #d6d6d6; width:100%; padding:5px 0 0 4px; letter-spacing:-1px; _width:98%; } .cmt-write em { color:#f40500; font-size:0.85em; letter-spacing:0; margin-left:3px; } .cmt-write a.ok { position:absolute; right:10px; top:33px; color:#333; font-size:0.85em; padding:4px 6px; font-size:12px; background:#FFF; border:1px solid #c6c6c6; cursor:pointer; } .cmt-list { padding:0 10px; border-bottom:1px solid #d5d5d5; } .cmt-list li { padding-bottom:12px; } .cmt-list li span.reply { display:block; color:#333; font-size:0.85em; line-height:1.2; white-space:normal; word-break:break-all; word-wrap:break-word; } .cmt-list li span.info { display:block; color:#999; font-size:0.8em; padding:4px 0; } .cmt-list li a.del { display:inline-block; width:16px; height:16px; text-indent:-1000em; overflow:hidden; background:url('../img/icon_set.gif') 3px -109px no-repeat; vertical-align:middle; margin:0 1px; } /* agreement */ .agreement { clear:both; padding:0 10px 20px; } .agreement h3 { color:#333; display:none; } .agreement dl { margin-top:19px; line-height:1.5em; font-size:0.8em; } .agreement dl dt { margin-bottom:15px; color:#333; font-size:1.2em; } .agreement dl dd { margin-bottom:10px; letter-spacing:0; color:#666; } .agreement .btn { margin-top:16px; text-align:center; } .agreement .btn a { display:inline-block; height:19px; padding:5px 6px 0; font-size:0.8em; text-align:center; background:url('../img/bg_click_btn.gif') repeat-x left center; border:1px solid #c6c6c6; } /* blind : 2010.04 +±èÇý³ª */ .blind { padding:20px 10px; border-top:1px solid #d5d5d5; font-size:0.9em; } .blind .info_txt { padding:11px 0 8px 50px; border:1px solid #dfdfdf; background:url('../img/bg_blind.gif') no-repeat 10px 14px; line-height:1.5em; } .blind p { margin-top:26px; line-height:1.5em; font-size:0.9em; } .blind p strong { color:#f72417; } .blind p span { display:block; margin:16px 0; } .blind p span.mail { display:inline; color:#5c8cb0; } .blind .btn { margin-top:20px; text-align:center; } .blind .btn a { display:inline-block; height:20px; padding:4px 5px 0; font-size:0.9em; text-align:center; background:url('../img/bg_click_btn.gif') repeat-x left top; border:1px solid #c6c6c6; } /*banner*/ .main_banner { width:100%; height:100px; border-top:1px solid #dbdbdb; overflow:hidden; text-align:center; } .main_banner a { display:block; width:100%; height:100px; }