/************************************************************BASIC (BEFORE)************************************************************/ /* reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;} fieldset,img{border:0 none;} dl,ul,ol,menu,li {list-style:none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} input,select,textarea,button {vertical-align:middle;font-size:100%;} button {border:0 none;background-color:transparent;cursor:pointer;} body{ -webkit-text-size-adjust: none} /* 뷰표트 변환시 폰트크기 자동확대 방지. */ input[type="text"],input[type="password"],input[type="submit"] { -webkit-appearance: none; border-radius: 0; } input:checked[type="checkbox"] { background-color: #666; -webkit-appearance: checkbox; } input,textarea {-webkit-tap-highlight-color: rgba(0,0,0,0)} input[type='search']::-webkit-search-cancel-button {-webkit-appearance: none;} button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"] {-webkit-appearance: button; border-radius: 0;} body {background:#fff;} body,th,td,input,select,textarea,button {color:#666;} /* color값은 디자인가이드에 맞게사용 */ a {color:#666;text-decoration:none;} address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;} /* common */ .ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px;} .ir_wa {display:block;overflow:hidden;position:relative;width:100%;height:100%;z-index:-1;} .screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;} .screen_hide {font-size:0;line-height:0;visibility:hidden;} .f_l {float:left;} .f_r {float:right;} .cl_b {clear:both;width:0;height:0;font-size:0;line-height:0;} .show {display:block;} .hide {display:none;} hr{display:none;} body,th,td,input,select,textarea,button {font-size:13px; line-height:1.3; font-family:'Malgun Gothic', '맑은 고딕', sans-serif} /* Border round 3px button style */ .bround {display:inline-block;padding:0;border:1px solid;border-radius:3px;font-size:12px;text-decoration:none;text-align:center} /* Padding round 3px button style */ .pround {display:inline-block;padding:1px;border-radius:3px;font-size:12px;text-decoration:none} .pround .inner {display:inline-block;width:100%;height:100%;border-radius:3px;text-align:center} a.round{border:1px solid;border-radius:3px;border-radius:3px;padding:1px;font-size:13px;display:inline-block;} a.round span{border-radius:3px;border-radius:3px;display:inline-block;width:100%;height:100%;text-align:center;} /*#daumHead{border-bottom:2px solid #617FFF;background:#4A598D url(http://m1.daumcdn.net/icon/mobile/m320/common/2010/blue/bg.gif);-webkit-box-shadow:0 1px 0 #5D77DC;box-shadow:0 1px 0 #5D77DC;} #daumHead h1{z-index:4;position:relative;} #daumLogo{position:absolute;top:14px;left:8px;} #daumHead .head_top{height:44px;} #daumHead .head_top .right{margin-right:6px;margin-top:10px;float:right;display:inline;} .opera #daumHead .head_top .right{white-space:nowrap;} #daumHead .head_top .service_media {width:38px;height:19px;position:absolute;top:13px;left:58px;color:#fff;background:url(http://m1.daumcdn.net/icon/mobile/simple/safari/media/common/320_news.png) no-repeat;text-indent:-9999px;overflow:hidden;} #daumHead .head_top .service_link {font-size:13px;color:#a9bae8;position:absolute;top:13px;left:104px;} #daumHead .head_top .service_link2 {font-size:13px;color:#a9bae8;position:absolute;top:13px;left:150px;background:url(http://m1.daumcdn.net/icon/mobile/simple/safari/media/common/320_div.png) 0 3px no-repeat;padding-left:8px;} #daumHead .head_top a.round{border:0 none;background-color:#3B4873;} #daumHead .head_top a.round span{line-height:25px;color:#FFF;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.03),inset -1px -1px 1px rgba(255,255,255,0.03);box-shadow:inset 1px 1px 1px rgba(255,255,255,0.03),inset -1px -1px 1px rgba(255,255,255,0.03);background:-webkit-gradient(linear,left top,left bottom,from(#57689e),to(#455587));background-color:#536396;} #daumHead .head_top a.round span span{-webkit-box-shadow:none;box-shadow:none;display:block;text-indent:-9999px;} #daumHead .head_top .btn_search{width:32px;height:25px;margin-left:5px;} #daumHead .head_top .btn_search span span{background:url(http://m1.daumcdn.net/icon/mobile/m320/common/2010/blue/ico_t_allsitesh.gif) no-repeat center -36px;} #daumHead .total_view{width:32px;height:25px;} #daumHead .head_top .total_view span span{background:url(http://m1.daumcdn.net/icon/mobile/m320/common/2010/blue/ico_t_allsitesh.gif) no-repeat 9px 5px;} #daumHead .tab_menu li{float:left;position:relative;margin-right:-1px;padding:1px 1px 0;height:33px;-webkit-box-sizing:border-box;-webkit-border-top-right-radius:4px;-webkit-border-top-left-radius:4px;border-radius:4px 4px 0 0;background-color:#3b456c;} #daumHead .tab_menu li a{font-size:15px;color:#e7eaf3;float:left;width:100%;height:32px;text-align:center;line-height:32px;letter-spacing:-1px;-webkit-border-top-right-radius:4px;-webkit-border-top-left-radius:4px;border-radius:3px 3px 0 0;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.05),inset -1px 0 1px rgba(255,255,255,0.05);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(#6576b1),to(#4a5887));background-color:#5768a5;} #daumHead .tab_menu li.on{height:34px;z-index:1;} #daumHead .tab_menu li.on a{color:#fff;height:33px;z-index:1;background:-webkit-gradient(linear,left top,left bottom,from(#8ba2f9),to(#617fff));background-color:#617fff;} #daumHead .tab_menu{z-index:0;height:33px;padding:0 6px;border-bottom:1px solid #3B456C;} #daumHead .tab_menu li.menu1{width:19.9%;} #daumHead .tab_menu li.menu2{width:19.9%;} #daumHead .tab_menu li.menu3{width:19.9%;} #daumHead .tab_menu li.menu4{width:19.9%;} #daumHead .tab_menu li.menu5{width:19.9%;} #daumHead .tab_menu li.menu6{width:19.9%;} #daumHead .tab_menu li.menu7{width:19.9%;} #daumHead .tab_menu li.menu8{width:19.9%;} #daumHead .tab_menu li.menu9{width:19.9%;} #daumHead .tab_menu li.menu10{width:19.9%;} #daumHead .tab_menu li.menu11{width:25%;} #daumHead .tab_menu li.menu12{width:19.9%;} #daumHead .tab_menu li.menu13{width:30%;} #daumHead .tab_menu li.menu14{width:19.9%;} #daumHead .tab_menu li.menu15{width:19.9%;} #daumHead .tab_menu li.menu16{float:none;overflow:hidden;margin:0;zoom:1;} .other #daumHead .tab_menu{z-index:0;height:33px;padding:0 6px;border-bottom:none;} .other #daumHead .tab_menu li{height:33px;} .other #daumHead .tab_menu li.on a{height:34px;} .opera #daumHead .tab_menu li a{white-space:nowrap;} .opera #daumHead .tab_menu{display:table;border-collapse:collapse;width:97%;padding:0;margin:0 auto;border:none;} .opera #daumHead .tab_menu li{float:none;display:table-cell;padding:0;border:1px solid #3b456c;border-bottom:none;overflow:visible;} .opera #daumHead .tab_menu li.on{padding-bottom:0;} #daumHead.has_sub{position:relative;margin-bottom:45px;} #daumHead.type_tab .sub_menu{position:absolute;top:82px;float:left;width:100%;height:39px;border-bottom:1px solid #B8BBC1;background:-webkit-gradient(linear,left top,left bottom,color-stop(0.4,#F3F3F6),color-stop(1,#E1E1EB));background-color:#ECEBF1;} #daumHead.sitemap_open .sub_menu{display:none;} #daumHead.type_tab .sub_menu li{background:url(http://m1.daumcdn.net/icon/mobile/m320/common/2010/blue/submenu_bar.gif) no-repeat 0 center;float:left;} #daumHead.type_tab .sub_menu li.menu1{width:22%;background:none;} #daumHead.type_tab .sub_menu li.menu2{width:21%;} #daumHead.type_tab .sub_menu li.menu3{width:21%;} #daumHead.type_tab .sub_menu li.menu4{width:13%;} #daumHead.type_tab .sub_menu li.menu5{width:12%;} #daumHead.type_tab .sub_menu li.menu6{float:none;overflow:hidden;zoom:1;} #daumHead.type_tab .sub_menu li a{color:#333;float:left;width:100%;padding:12px 0;text-align:center;line-height:16px;font-size:14px;letter-spacing:-1px;} #daumHead.type_tab .sub_menu li.on a{color:#425DE8;} .opera #daumHead.type_tab .sub_menu li a{white-space:nowrap;} 2014-03-11 주석처리*/ #daumFoot {font-family:sans-serif; clear:both; margin:0 auto; padding:15px 0; width:100%; background:#ebebeb; border-top:1px solid #dbdbdb; text-align:center;} #daumFoot ul {overflow:hidden; margin:0 20px;}/*width:291px; margin:0 auto;*/ #daumFoot li {float:left; width:25%;} #daumFoot li a {display:block; overflow:hidden; height:28px; line-height:28px; border:1px solid #c4c4c4; background:url('../images/btn_bg.jpg') repeat-x 0 0; margin-left:-1px; color:#666; letter-spacing:-1px;}/*padding:0 8px;*/ #daumFoot li:first-child a{border-left:1px solid #c4c4c4; margin-left:0;} #daumFoot li a.off {color:#999;} #daumFoot .ext {padding:10px 0 8px; line-height:10px; font-size:10px; color:#999;} #daumFoot .ext span {margin:0 5px;color:#cbcbcb;} #daumFoot .ext a {color:#999; text-decoration:underline;} #daumFoot address {clear:both; padding-top:10px; color:#666; font-size:11px; letter-spacing:-1px;} #daumHead.sitemap_open .tab_menu {padding-top:7px;} /* 헤더,서제스트 아이콘 */ .ico_gnbcomm {display:inline-block;overflow:hidden;background:url(http://m1.daumcdn.net/icon/mobile/m320/common/2010/blue/ico_gnbcomm.png) no-repeat;text-indent:-9999px;line-height:0;font-size:0} /* 통합검색, 전체보기 버튼 */ #daumHead .btn_totalsearch {display:inline-block;overflow:visible;position:relative;width:74px;height:26px;margin-right:4px;z-index:2;padding:0;font-size:0;line-height:0} #daumHead .btn_totalsearch span {display:block} #daumHead .clip_wrap {position: absolute;right:0;top:0;width:14px;height:22px;margin:0;padding:0} #daumHead .clip_wrap .clip_left {position: absolute;top: 8px;right: 2px;width: 10px;height: 10px;overflow: hidden;border-top-left-radius: 2px;border-bottom-left-radius: 2px;background: -webkit-gradient(linear, left top, right top, from(#FBCa3e), to(#FFAa1b));background-color: #F2b320;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);box-shadow: 0 1px 1px rgba(0,0,0,0.15);z-index: 2;} #daumHead .clip_wrap .clip_right_wrap {position:absolute;margin:0;top:4px;right:0px;padding:0;width:5px;height:18px;z-index:1;border-top-right-radius:2px;border-bottom-right-radius:2px;} #daumHead .clip_wrap .clip_right {border: 1px solid ${skin.totalSearchBtnBorderColor};border-left: 0px;width:4px;height:16px;margin:0;padding:0;border-top-right-radius:3px;border-bottom-right-radius:3px;background-image:-webkit-gradient(linear, left top, right top, from(#FBCa3e), to(#FFAa1b));background-color:#Fdbb25;-webkit-box-shadow:inset 1px 0 1px rgba(0,0,0,0.30);box-shadow:inset 1px 0 1px rgba(0,0,0,0.30);z-index:1} #daumHead .search1 {width:70px;height:26px;padding:0;position:relative;margin:0;border-radius:4px;-webkit-box-shadow:0 1px 1px ${skin.totalSearchBtnBorderShadow};box-shadow:0 1px 1px ${skin.totalSearchBtnBorderShadow}} #daumHead .search2 {border: 1px solid ${skin.totalSearchBtnBorderColor};width:62px;height:18px;background:-webkit-gradient(linear, left top, right top, from(#7b89fa), to(#6676f2));background-color:#6f7ff9;padding:3px;border-radius:4px;-webkit-box-shadow:inset -1px -1px 1px #5966dd;box-shadow:inset -1px -1px 1px #5966dd} #daumHead .search3 {width:58px;height:15px;padding: 2px 0 1px 4px;background-color: #fff;vertical-align: top;font-size: 11px;color: #999;border-radius: 2px;-webkit-box-shadow: inset 1px 1px 1px #dbdbdb, -1px -1px 1px #6370d8;box-shadow: inset 1px 1px 1px #dbdbdb, -1px -1px 1px #6370d8;line-height:14px;text-align:left;letter-spacing:-1px} #daumHead .head_top .bround {overflow:hidden;width:34px;border-color:#343f61;background-color:#4c5c90;background:-webkit-gradient(linear, left top, left bottom,from(#5467a1),to(#42517f));-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),0 1px 1px rgba(255,255,255,0.1);box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),0 1px 1px rgba(255,255,255,0.1);vertical-align:top} #daumHead .head_top .total_view {width:40px;height:26px;font-size:0;line-height:0;text-align:left} #daumHead .head_top .ico_total {display:block;width:24px;height:14px;margin-left:9px;background-position:0 0} #daumHead.sitemap_open .head_top .total_view {height:34px;border:1px solid #2c3758;border-bottom-width:0;border-bottom-left-radius:0;border-bottom-right-radius:0;background:#39466a;-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1)} #daumHead.sitemap_open .head_top .ico_total {position:relative;top:-4px;background-position:-30px 0} /* 전체보기 */ #daumHead .sitemap {display:none;width:100%;position:relative;border:1px solid #2c3758;border-width:1px 0;background:#39466a;-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1),0 1px 1px rgba(255,255,255,0.1);box-shadow:inset 1px 1px 1px rgba(0,0,0,0.15),0 1px 1px rgba(255,255,255,0.15)} #daumHead .sitemap .blank {display:block;position:absolute;top:-1px;right:7px;width:37px;height:3px;border-left:1px solid #354163;font-size:0;line-height:0;background:#39466a} #daumHead .sitemap .inner {overflow:hidden;margin:7px;background:#fff;-webkit-box-shadow:0 0 0 1px #2e3c67;box-shadow:0 0 0 1px #2e3c67;border-radius:4px;} #daumHead .sitemap .ico_new {float:left;width:10px;height:10px;margin:7px 0 0 4px;background-position:-10px -20px;vertical-align:middle} .android #daumHead .sitemap .ico_new {margin-left:2px} #daumHead.sitemap_open .sitemap {display:block} #daumHead .sitemap .related_links {overflow:hidden;width:100%;padding-bottom:7px;border-bottom:1px solid #d5dade;background:#f8f8f8;} #daumHead .sitemap .tit_related {overflow:hidden;height:12px;margin:11px 0 0 14px;font-size:11px;color:#505668;line-height:11px;font-weight:normal} #daumHead .sitemap .list_related {overflow:hidden;margin:3px 0 0 14px;border-top-left-radius:4px;border-top-right-radius:4px;clear:both} #daumHead .list_related li {overflow:hidden;float:left;margin-right:5%} #daumHead .list_related .link {font-size:13px;color:#2d3660;letter-spacing:-1px;font-weight:bold} .iphone #daumHead .list_related .link {font-weight:normal; -webkit-text-stroke:0.3px} #daumHead .list_related .link:hover {text-decoration:none} #daumHead .list_related .txt {display:block;font-size:11px;text-align:center} #daumHead .sitemap .sitemap_links {overflow:hidden;width:100%;border-bottom:1px solid #eee;clear:both} #daumHead .sitemap .inner_links {overflow:hidden;padding:12px 7px 0 9px} #daumHead .sitemap .sort_ganada {overflow:hidden;float:left;width:33.33%} #daumHead .sitemap .sort_ganada .tit {display:block;height:14px;margin:0 1px 3px 2px;border-radius:2px;font-size:10px;color:#626670;background:#e0e1e6;text-align:center;line-height:14px;text-indent:2px} #daumHead .sitemap .list_sitemap {overflow:hidden;margin-bottom:17px} #daumHead .row_links {overflow:hidden; width:100%;} #daumHead .list_sitemap li {overflow:hidden} #daumHead .list_sitemap .link {display:block;overflow:hidden;height:27px;margin:0 2px;padding-left:4px;line-height:27px;letter-spacing:-1px;font-size:13px;color:#555} #daumHead .list_sitemap .link:hover {text-decoration:none} #daumHead .list_sitemap .link .txt {display:inline-block;float:left;vertical-align:middle} #daumHead .list_sitemap .link strong.txt {color:#333;font-weight:bold} .iphone #daumHead .list_sitemap .link strong.txt { font-weight:normal; -webkit-text-stroke:0.3px} #daumHead .sitemap .sitemap_lst {border-bottom:0} #daumHead .sitemap .sitemap_lst .list_s itemap {padding-bottom:2px} #daumHead .sitemap .etc_links {overflow:hidden;width:100%;clear:both} #daumHead .sitemap .list_etc {overflow:hidden;padding:7px 7px 15px 9px} #daumHead .sitemap .list_etc li {overflow:hidden;float:left;width:33.33%} #daumHead .sitemap .list_etc .link {display:block;height:27px;margin:0 2px;padding-left:4px;line-height:27px;letter-spacing:-1px;letter-spacing:-1px;font-size:13px;color:#555} #daumHead .sitemap .list_etc .link:hover {text-decoration:none} #daumHead .sitemap .close_links {overflow:hidden;width:100%} #daumHead .sitemap .btn_close {display:inline;float:right;width:78px;height:26px;margin:0 11px 11px;border:1px solid #b3b4bb;border-radius:3px;background-color:#fafafa;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f6f6));font-size:0;line-height:0} #daumHead .sitemap .ico_close {display:inline;float:left;width:7px;height:7px;margin:9px 5px 0 20px;background-position:0px -20px;font-size:0;line-height:0;vertical-align:middle} #daumHead .sitemap .btn_close .txt {display:block;float:left;font-size:13px;line-height:24px;vertical-align:middle} .android #daumHead .sitemap .btn_close .txt {margin-top:1px} /* 통합검색 레이어 */ #daumTotalSearchBack {top:0;-webkit-tap-highlight-color: rgba(0,0,0,0)} #daumTotalSearchLayer {top:0;-webkit-box-shadow:inset 0 -1px 1px 0 rgba(255,255,255,0.04);box-shadow:inset 0 -1px 1px 0 rgba(255,255,255,0.04)} #btnTotalSearch {overflow:hidden;position:absolute;top:7px;right:46px;width:46px;height:38px;padding:1px;border-radius:7px;background-color:#3B4873;font-size:0;line-height:0} #btnTotalSearch .bg_search {display:block;width:100%;height:100%;border-radius:6px;background-color:#bdc2d1;background:-webkit-gradient(linear,left top,left bottom,from(#f7f8ff),to(#bdc2d1));line-height:36px} #btnTotalSearch .ico_search {display:block;overflow:hidden;-webkit-box-shadow:none;box-shadow:none;background:url(http://m1.daumcdn.net/icon/mobile/m320/common/2010/blue/ico_totalsearch.png) no-repeat 8px -108px;text-indent:-9999px;line-height:36px;height:36px} #btnTotalSearchClose {overflow:hidden;position:absolute;top:7px;right:6px;width:35px;height:38px;border-radius:7px;border-radius:7px;border:1px solid #33416e;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.02),inset -1px -1px 1px rgba(255,255,255,0.02);box-shadow:inset 1px 1px 1px rgba(255,255,255,0.02),inset -1px -1px 1px rgba(255,255,255,0.02);background-color:#4e5d94;background:-webkit-gradient(linear,left top,left bottom,from(#58689e),to(#465389));font-size:0;line-height:0} #btnTotalSearchClose .ico_close {display:block;overflow:hidden;width:100%;height:100%;background:url(http://m1.daumcdn.net/icon/mobile/m320/common/2010/blue/ico_totalsearch.png) no-repeat -4px -78px;text-indent:-9999px;line-height:36px} /* 통합검색 입력창 */ .daumTotalSearch_outwrap {height:36px;padding:1px;margin:7px 100px 7px 6px;position:relative;background-color:#36436f;border-radius:6px} .daumTotalSearch_midwrap {padding:4px;height:28px;background-color:#617bff;border-radius:6px} .daumTotalSearch_inwrap {width:100%;height:100%;border-radius:2px;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3);background-color: #fff} .daumTotalSearch_inwrap input {line-height:20px;height:20px;font-size:15px;width:85%;background-color: transparent;border:0;padding:0 32px 0 5px;-webkit-appearance: none;border-radius: 0;margin-top:4px; -webkit-tap-highlight-color: rgba(0,0,0,0)} #btnTotalSearchClear {border:0 none;position:absolute;background:url(http://m1.daumcdn.net/icon/mobile/m320/common/2010/blue/ico_totalsearch.png) -8px -55px no-repeat;top:6px;right:6px;height:17px;width:17px;padding:5px;display:none} #daumTotalSearchClipWrap {width:16px;height:24px;position: absolute;right:0;top:7px} #daumTotalSearchClipWrap .daumTotalSearchClipRight {z-index:1;position:absolute;top:0px;right:-3px;width:3px;border-left:1px solid #db8b14;height:100%;border-radius:0 3px 3px 0;background: -webkit-gradient(linear,left top,right top,from(#f4a820),to(#ffa81a));background-color: #ffb223;} #daumTotalSearchClipWrap .daumTotalSearchClipLeft {z-index:2;position:absolute;top:5px;right:-3px;width:15px;height:14px;border-radius:3px 0 0 3px;background: -webkit-gradient(linear,left top,right bottom,from(#fed36c), to(#ffa81a));background-color: #ffb223;} #daumTotalSearchLayer {display:none;height:52px;width:100%;z-index: 9999;position:absolute;left:0;border-bottom:1px solid #111216;background: -webkit-gradient(linear,left top,left bottom,from(#48578b),to(#3a4875));background-color:#415188} /* 통합검색 뒷배경 */ #daumTotalSearchBack {display:none;z-index:9998;width:100%;height:100%;position:absolute;left:0;background-color:#000} /* 서제스트 */ #daumTotalSuggestLayer {position:absolute; top:52px; left:0px; width:100%; z-index:9999} #daumTotalSuggestLayer .suggestBox {overflow:hidden;position:absolute;top:0;width:100%;background:#fff} #daumTotalSuggestLayer .suggestBox a {white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #daumTotalSuggestLayer .suggestBox li {position:relative;width:100%;height:33px;border-bottom:1px solid #ededed;text-indent:10px;line-height:34px} #daumTotalSuggestLayer .suggestBox .item {display:block;width:100%;height:32px;color:#000;text-decoration:none;font-size:15px} #daumTotalSuggestLayer .suggestBox .item strong {font-weight:normal;color:#fe7832} #daumTotalSuggestLayer .suggestBox .btn_add {position:absolute;top:2px;right:0;width:50px;height:30px;border:0;background:url(http://m1.daumcdn.net/icon/mobile/m320/common/2010/blue/ico_totalsearch.png) no-repeat 12px -24px;font-size:0;text-indent:-9999px;cursor:pointer} #daumTotalSuggestLayer .suggestBox .bg_shield {display:none} #daumTotalSuggestLayer .suggestBox .footer .btn_close {position:relative;float:right;width:100px;text-decoration:none} #daumTotalSuggestLayer .suggestBox .footer {position:relative;width:100%;height:37px;padding-top:9px;border-bottom:1px solid #666;background:#f8f8f8;clear:both} #daumTotalSuggestLayer .suggestBox .footer .txt_close {float:right;margin:1px 10px 0 0;display:block;width:77px;height:24px;border:1px solid #b3b4bb;border-radius:3px;background:0;background-color:#fbfbfb;font-size:12px;color:#000;text-decoration:none;} #daumTotalSuggestLayer .suggestBox .footer .txt_close span {display:block;width:38px;background:url(http://m1.daumcdn.net/icon/mobile/m320/common/2010/blue/ico_totalsearch.png) no-repeat 0 9px;font-size:13px;text-align:right;line-height:25px;color:#444;margin:0 auto} #daumTotalSuggestLayer .suggestBox .footer .sug_recent_footer {float:left;padding:7px 0 0 9px;color:#666;line-height:14px} #daumTotalSuggestLayer .suggestBox .footer .sug_recent_footer .bar {padding:0 8px 0 8px;color:#e2e2e2} #daumTotalSuggestLayer .suggestBox .footer .sug_recent_footer a {color:#666} /* 안드로이드 클릭 버그 */ .android .suggestBox .bg_shield {display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:0} .android .footer .btn_close .bg_shield {display:block;position:absolute;left:1px;top:4px;width:100%;height:28px;border:0} .android .suggestBox .blankImage { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%} #daumTotalSuggestLayer .noanchor {-webkit-tap-highlight-color: rgba(0, 0, 0, 0)} #daumTotalSuggestLayer .anchor {-webkit-tap-highlight-color: blue} #daumTotalSuggestLayer .blankImage { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%} input,textarea {-webkit-tap-highlight-color:rgba(0,0,0,0)} input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none} .noanchor {-webkit-tap-highlight-color: rgba(0, 0, 0, 0)} .anchor {-webkit-tap-highlight-color: blue} .blankImage { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } /* common */ .border {border:1px #c00 solid;} .hidden {display:none !important;} .clr { clear: both; } /* contents */ #daumContent { padding:0;font-size:15px;} /* padding _ top bottom */ #topListWrap { position: relative; } /* home 타이틀 */ .news_m {float:right; padding:-16px 0 5px 11px;} .news_h {padding:18px 0 8px 20px;font-size:15px;color:#0079c2;position:relative;border-bottom:2px #0079c2 solid;} .news_h em {position:absolute;top:19px;right:20px;color:#666;font-size:12px;} .news_h em a {padding-left:13px; background:url('../images/bg_more.png') no-repeat 0 50%;} .news_h.bor_line {border-bottom:2px solid #0079c2; margin-bottom:-1px; z-index:10;} .news_h2 {width:100px; padding:23px 0 5px 11px;font-size:15px;color:#3b47bd;position:relative;border-bottom:2px #a8b0ee solid;} .news_h2 a {position: absolute;top: 28px;right: 12px;font-size: 13px;line-height: 20px;} .news_h2 a .txt {color: #555;letter-spacing: -1px;} .news_h2 a .ico_comm {display: inline-block;overflow: hidden;background: url(http://m1.daumcdn.net/img-media/mobile/m320/great2/ico_great2_111213.png) no-repeat 0 0;vertical-align: top;} .news_h2 a .ico_arrow {width: 5px;height: 7px;margin-top: 7px;background-position: 0 -30px;} /* 카테고리 버튼 */ .cat_paging {clear:both;margin:13px auto 0px;width:100%;text-align:center;font-size:12px;} .cat_paging .num_box {display:inline-block;width:26px;height:17px;padding:7px;margin-right:4px;vertical-align:middle;border:1px solid #BBBBBB;color:#666666;font-weight:bold;background-color:#FFFFFF;border-radius:3px;border-radius:3px;text-decoration:none;-webkit-box-shadow:rgba(255,255,255,0.7) 0px 1px 1px inset;box-shadow:rgba(255,255,255,0.7) 0px 1px 1px inset;} .cat_paging .cur_num {display:inline-block;width:26px;height:17px;padding:7px;margin-right:4px;vertical-align:middle;border:1px solid #3b47bd;color:#FFFFFF;font-weight:bold;background-color:#425de8;border-radius:3px;} .cat_paging .btn.btn_arrow {overflow:hidden;vertical-align:top;width:42px;height:33px;padding:10px 17px;} .cat_paging .btn.btn_arrow span {background:url(http://m1.daumcdn.net/icon/mobile/m320/miznet/2011/btn_mzn_arrow.png) no-repeat;} .cat_paging .btn.btn_arrow span.ico_miznet.ico_arrow {width:7px;height:11px;} .cat_paging .btn.btn_arrow.arrow_left.off .ico_miznet.ico_arrow {background-position:0 0px;} .cat_paging .btn.btn_arrow.arrow_right.off .ico_miznet.ico_arrow {background-position:0 -25px;} .cat_paging .btn.btn_arrow.arrow_left.on .ico_miznet.ico_arrow {background-position:0 -50px;} .cat_paging .btn.btn_arrow.arrow_right.on .ico_miznet.ico_arrow {background-position:0 -75px;} /* Issue 타이틀*/ .issue_mh {padding:5px 0 9px 33px;font-size:14px;letter-spacing:-1px;color:#e50606;position:relative;border-bottom:2px #575757 solid;background:url(http://i1.media.daumcdn.net/img-media/mobile/m320/news/ico_issue.gif) 12px 8px no-repeat;} .issue_sh {padding:19px 0 5px 11px;font-size:14px;letter-spacing:-1px;color:#333;position:relative;border-bottom:1px #eaeaea solid;} /* home 리스트 */ .List img {max-width:100% !important; height:auto !important; } .List li {padding:0 11px;border-bottom:1px #eaeaea solid;position:relative;} .List li.no {padding:0 11px;position:relative;} .List li a {padding:10px 0 9px;font-size:13px;color:#555;line-height:19px;display:block;} .List li a em {color:#888;font-size:12px;} .List li a img {position:absolute;top:0;right:0;} .List li.blank {margin:0 0 7px 0;border-bottom:1px #ffffff solid;position:relative;} .List li.blank2 {margin:0 0 10px 0;border-bottom:1px #eaeaea solid;position:relative;} .List li.notice {margin:0 0 0 0;border-bottom:1px #eaeaea solid; padding:0;} .List li.notice a {padding:8px 20px;} .List li.notice a img {vertical-align:middle; position:static;} .List li.mov {padding:0 11px;border-bottom:1px #eaeaea solid;position:relative;} .List li.mline {border-bottom:1px #eaeaea solid;} .List li.dline {border-bottom:1px #8f8f8f solid;} .List li.img {min-height:57px;} .List li.img a {padding-right:57px;} .img_box {height:122px;border-bottom:1px #eaeaea solid;} .img_box li {width:35%;text-align:center;float:left;} .img_box li.m {width:30%;} .img_box li a {display:block;padding:12px 0 5px;} .img_box li a span {display:block;width:90px;margin:0 auto;font-size:12px;color:#000;line-height:14px;position:relative;top:7px;} /* 포토 탑 */ .Photo_top {height:190px;padding:0 9px;border-bottom:1px #eaeaea solid;} .Photo_top li {width:50%;text-align:center;float:left;} .Photo_top li a {display:block;padding:15px 0 5px;} .Photo_top li a span {display:block;width:140px;font-size:14px;color:#000;font-weight:bold;line-height:17px;position:relative;top:9px;text-align:left;margin:0 auto;} .Photo_top li img {border:1px #5f5f5f solid;} .Photo_top li a span span.play {position:absolute;top:-29px;left:6px;display:block;width:12px;height:13px;background:url(http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/btn_play.png) no-repeat;text-indent:-9999px;} /* tab 테두리 on/off 경우 공통부분 */ .photo_on .photo_h,.photo_on .photo_h span.l,.photo_on .photo_h span.r,.TV_on .TV_h,.TV_on .TV_h span.l,.TV_on .TV_h span.r,.pop_on .pop_h,.pop_on .pop_h span.l,.pop_on .pop_h span.r,.reply_on .reply_h,.reply_on .reply_h span.l,.reply_on .reply_h span.r {background-image:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/img_tabon_bg.gif');} .photo_off .photo_h,.photo_off .photo_h span.l,.photo_off .photo_h span.r,.TV_off .TV_h,.TV_off .TV_h span.l,.TV_off .TV_h span.r,.pop_off .pop_h,.pop_off .pop_h span.l,.pop_off .pop_h span.r,.reply_off .reply_h,.reply_off .reply_h span.l,.reply_off .reply_h span.r {background-image:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/img_taboff_bg.gif');} .pop_h span.l,.photo_h span.l {display:block;width:15px;height:33px;background-color:#fff;background-position:right 0;background-repeat:no-repeat;position:absolute;top:0;left:0;} .pop_h span.r,.photo_h span.r {display:block;width:2px;height:33px;background-position:left -40px;background-repeat:no-repeat;position:absolute;top:0;right:0;} .reply_h span.l,.TV_h span.l {display:block;width:2px;height:33px;background-position:left -40px;background-repeat:no-repeat;position:absolute;top:0;left:0;} .reply_h span.r,.TV_h span.r {display:block;width:15px;height:33px;background-color:#fff;background-position:left -80px;background-repeat:no-repeat;position:absolute;top:0;right:0;} .photo_h span.m,.TV_h span.m,.pop_h span.m,.reply_h span.m {display:block;width:120px;background-image:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/img_menu_spr.gif');background-repeat: no-repeat;margin:0 auto;} .photo_h span.m em,.TV_h span.m em,.pop_h span.m em,.reply_h span.m em {display:none;} .photo_off .img_list,.photo_off .photo_more,.TV_off .img_list,.TV_off .TV_more,.pop_off .num_list,.pop_off .pop_more,.reply_off .num_list,.reply_off .reply_more {display:none;}/* img_list & num_list*/ /* tab 명 */ .pop_h {width:50%;height:33px;position:absolute;top:11px;left:0;background-position:0 -40px;background-repeat: repeat-x;cursor:pointer;} .pop_on .pop_h span.m {height:33px;background-position:-7px 0px;} .pop_off .pop_h span.m {height:33px;background-position:-7px -40px;} .reply_h {width:50%;height:33px;position:absolute;top:11px;right:0;background-position:0 -40px;background-repeat: repeat-x;cursor:pointer;} .reply_on .reply_h span.m {height:33px;background-position:-167px -40px;} .reply_off .reply_h span.m {height:33px;background-position:-167px 0px;} .photo_h {width:50%;height:33px;position:absolute;top:11px;left:0;background-position:0 -40px;background-repeat: repeat-x;cursor:pointer;} .photo_on .photo_h span.m {height:33px;background-position:-7px -80px;} .photo_off .photo_h span.m {height:33px;background-position:-7px -120px;} .TV_h {width:50%;height:33px;position:absolute;top:11px;right:0;background-position:0 -40px;background-repeat: repeat-x;cursor:pointer;} .TV_on .TV_h span.m {height:33px;background-position:-167px -120px;} .TV_off .TV_h span.m {height:33px;background-position:-167px -80px;} .line {border-top:1px #eaeaea solid;} /* 순위 리스트 */ .num_list li {height:45px;padding-left:36px;border-bottom:1px #eaeaea solid;position:relative;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/ico_number_str.gif') no-repeat;} .num_list a {display:block;height:45px;line-height:47px;padding-right:10px;font-size:14px;font-weight:bold;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .num_list li.n1 {background-position:13px 15px;} .num_list li.n2 {background-position:13px -31px;} .num_list li.n3 {background-position:13px -77px;} .num_list li.n4 {background-position:13px -123px;} .num_list li.n5 {background-position:13px -169px;} .num_list li.n6 {background-position:13px -215px;} .num_list li.n7 {background-position:13px -261px;} .num_list li.n8 {background-position:13px -307px;} .num_list li.n9 {background-position:13px -353px;} .num_list li.n10 {background-position:13px -399px;} .num_list li.n11 {background-position:13px -445px;} .num_list li.n12 {background-position:13px -491px;} .num_list li.n13 {background-position:13px -537px;} .num_list li.n14 {background-position:13px -583px;} .num_list li.n15 {background-position:13px -629px;} .num_list li.n16 {background-position:13px -675px;} .num_list li.n17 {background-position:13px -721px;} .num_list li.n18 {background-position:13px -767px;} .num_list li.n19 {background-position:13px -813px;} .num_list li.n20 {background-position:13px -859px;} /* 이미지형 리스트 포토&TV*/ .img_list li {height:77px;padding:0 0 0 0;border-bottom:1px #eaeaea solid;position:relative;} .img_list li a {display:block;padding:0 0 0 0;height:77px;} .img_list li img {position:absolute;top:12px;left:12px;border:1px #5f5f5f solid;} .img_list li em {position:absolute;top:9px;left:100px;padding-left:15px;font-size:12px;font-weight:bold;color:#424884;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/ico_news_spr.gif') 0 -76px no-repeat;} .img_list li em b {color:#2e42db;} .img_list li span {display:block;padding-right:10px;position:absolute;top:28px;left:100px;line-height:19px;font-size:14px;font-weight:bold;color:#010101;padding-right:10px;} #TV_tab .img_list li em {position:static;font-size:14px;padding:0;font-weight:normal;color:#909090;background:none;} #TV_tab .img_list li span {position:absolute;top:10px;left:100px;line-height:19px;font-size:14px;font-weight:bold;color:#010101;} #TV_tab .img_list li span.ico {display:block;top:46px;left:17px;width:12px;height:13px;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/ico_news_spr.gif') 0 -40px no-repeat;} /*NEWS VIEW*/ .News_tit {padding:14px 20px 9px 20px;border-bottom:1px #ddd solid;position:relative;} .News_tit h3 {font-size:13px;color:#555;line-height:17px;} .News_tit .cp {padding-top:4px;font-size:12px;color:#999;letter-spacing:-1px;} .News_tit .cp em {font-size:12px;padding:0 2px 0 3px;color:#ddd;} .News_tit .date {margin-top:-1px;font-size:12px;color:#999;letter-spacing:-1px;} .News_tit .cp span.time , .News_tit .date span.time {font:12px helvetica;letter-spacing:0px;color:#999;} .News_tit .font {display:block;width:47px;height:27px;position:absolute;bottom:5px;right:12px;background-image:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/bt_news_spr.gif');background-repeat:no-repeat;} .News_tit a.big {background-position:0 -80px;} .News_tit a.small {background-position:-47px -80px;} .News_tit a span {display:none;} .News_tit .news {display:block;width:63px;height:27px;position:absolute;bottom:7px;right:12px;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/bt_news_spr.gif') 0 -40px no-repeat;} .News_content {padding:20px;line-height:1.5;word-break:break-all;word-wrap:break-word; color:#666; font-size:13px; border-bottom:1px solid #eaeaea;} .News_content img {max-width:100%;} .News_content table {width:100% !important;border-collapse:collapse;} .News_tit .btn_font {position: absolute;bottom:4px;right:20px;font-size: 12px;text-decoration: none;letter-spacing: -1px;} .News_tit .btn_round {display: inline-block;padding: 1px;border-radius: 3px;border-radius: 3px;background: #BBB;} .News_tit .btn_font .inner {width: 45px;height: 17px;padding: 3px 0;} .News_tit .btn_round .inner {display: block;border-radius: 3px;border-radius: 3px;background: -webkit-gradient(linear,left top,left bottom,from(white),to(#EFEFEF));background-color: #F9F9F9;text-align: center;} .News_tit .btn_font .ico_minus {width: 8px;height: 2px;margin: 7px 3px 0 0;background-position: -10px -85px;} .News_tit .btn_font .ico_plus {width: 8px;height: 8px;margin: 4px 3px 0 0;background-position: 0 -85px;} .News_tit .ico_comm {display: inline-block;overflow: hidden;background: url(http://m1.daumcdn.net/img-media/mobile/m320/great2/ico_great2_111213.png) no-repeat;vertical-align: top;} .GS_image .ph, .GS_photo .ph {margin:10px auto;} .GS_image .ph img,.GS_photo .ph img {border:1px #aeaeae solid;max-width: 430px;} .GS_image .ph img.loading,.GS_photo .ph img.loading {background: url(http://m1.daumcdn.net/img-media/mobile/m320/sports/livecenter/ico_loading2.gif) no-repeat scroll 50% 50% transparent;display:inline-block; width:94px;height:69px;} .GS_image .ph span,.GS_photo .ph span {display:none;} .GS_image .ph a {cursor: default;} .GS_vod {float:left;overflow:hidden;padding:3px 12px 10px 0;} .GS_vod .ph {float:left;padding:3px 12px 10px 0;position:relative;} .GS_vod a {position:relative;display:block;width:120px;height:90px;overflow:hidden;} .GS_vod .play {position:absolute;top:58px;left:6px;display:block;width:24px;height:26px;background:url(http://m1.daumcdn.net/icon/keroro/img/tvpot_play.png) no-repeat;text-indent:-9999px;} .NewsListgo {padding:0 0;clear: both;} .NewsListgo table,.ReplyListgo table {width:100%;height:38px;margin-top:11px;border-collapse:collapse;} .NewsListgo td,.ReplyListgo td {width:33%;height:36px;text-align:center;border:1px #c8c8c8 solid;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/img_bmenu_bg.gif') 0 -41px repeat-x;font-size:13px;color:#333;} .NewsListgo td a,.ReplyListgo td a {display:block;margin:0 auto;width:100%;height:36px;line-height:38px;font-weight:bold;font-size:13px;color:#333;} .NewsListgo td a em {font-size:13px;color:#c00;font-weight:bold;} .realtime_news {padding:12px 0 0px 13px;border-top:1px #eaeaea solid;padding-bottom:16px;} .realtime_news h3 {font-size:12px;color:#333;text-decoration:underline;} .realtime_news ul {margin:7px 0 10px;} .realtime_news li {padding:0 0 0 7px;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/ico_news_spr.gif') 0 -216px no-repeat;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .realtime_news li a {color:#000;line-height:23px;font-size:14px; } .relative_news {padding:7px 0 10px 13px;border-top:1px #eaeaea solid;background-color:#f9f9f9;} .relative_news h3 {font-size:12px;color:#333;text-decoration:underline;} .relative_news ul {margin:7px 0 0px;} .relative_news li {padding:0 0 0 7px;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/ico_news_spr.gif') 0 -216px no-repeat;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .relative_news li a {color:#555;line-height:23px;font-size:14px; } .NewsImage { width: 120px; -webkit-transition: width 1s ease; } .NewsImage_on { width: 294px; -webkit-transition: width 1s ease; } /* SLIDE2 */ .Slide {border-bottom:1px #eaeaea solid;} .Slide_tit {height:41px;border-bottom:2px #a8b0ee solid;position:relative;} .Slide_tit h2 {font-size:15px;color:#000;padding-left:30px;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/ico_news_spr.gif') no-repeat;line-height:18px;position:absolute;top:16px;left:14px;} .Slide_tit span {font-size:12px;color:#888;position:absolute;top:20px;right:11px;} .Slide_tit span b {color:#2e42db;} .Slide_contents2 {width:320px;margin:0 auto;position:relative;} .Slide_contents2 .pre {display:block;width:40px;height:27px;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/slide_btn2.gif') 0 0 no-repeat;float:left;} .Slide_contents2 .pre_off {display:block;width:40px;height:27px;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/slide_btn2.gif') 0 -54px no-repeat;float:left;} .Slide_contents2 .next {display:block;width:40px;height:27px;margin-left:5px;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/slide_btn2.gif') -45px 0 no-repeat;float:left;} .Slide_contents2 .next_off {display:block;width:40px;height:27px;margin-left:5px;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/slide_btn2.gif') -45px -54px no-repeat;float:left;} .Slide_contents2 .pre span,.Slide_contents2 .next span {display:none;} .Slide_contents2 table {border-collapse:collapse;} .Slide_contents2 table th {width:205px;padding:14px 5px 10px 12px;font-size:15px;line-height:1.2em;text-align:left;} .Slide_contents2 table td {width:98px;padding:12px 0 10px ;} .Slide_img {text-align:center;position:relative;} .Slide_img img {border:1px #5c5c5c solid;} .Slide_summary {padding:9px 10px 20px ;font-size:14px;line-height:17px;color:#000;text-align:center;} .Slide_summary a {display:block;width:97px;height:31px;margin:12px auto 0;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/bt_news_spr.gif') 0 0 no-repeat;} .Slide_summary a span {display:none;} /* 댓글 */ .news_h span {color:#000;} .news_h span b {color:#c00;} .reply_top {padding-left:14px;height:38px;font-size:14px;font-weight:bold;line-height:40px;background-color:#f7f7f7;border-bottom:1px #eaeaea solid;position:relative;} .reply_top b {color:#c00;} .reply_top em {padding:0 5px;font-weight:normal;} .reply_top a {color:#000;} .reply_top select {font-size:14px;position:absolute;top:5px;right:12px;} .reply_list {border-bottom:1px #eaeaea solid;} .reply_list .tit {padding:12px 10px 0 14px;font-size:14px;line-height:17px;font-weight:bold;color:#000;} .reply_list .tit a {font-weight:bold;color:#000;} .reply_list .tit em {color:#c00;} .reply_list .txt {padding:3px 10px 0 14px;font-size:14px;line-height:18px;color:#333;word-break:break-all; word-wrap:break-word;} .reply_list .info {padding:8px 10px 16px 14px;font-size:12px;color:#888;} .reply_list .info a {font-size:12px;color:#888;} .reply_list .info span {font-size:12px;color:#888;} .reply_list .btn,.reply_list .mybtn {height:41px;position:relative;} .reply_list .btn .reply {display:block;width:43px;height:27px;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/bt_news_spr.gif') 0 -120px no-repeat;position:absolute;top:0;left:12px;} .reply_list .btn .del {display:block;width:47px;height:27px;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/bt_news_spr.gif') -43px -120px no-repeat;position:absolute;top:0;left:60px;} .reply_list .btn .recommand,.reply_list .mybtn .recommand {display:block;width:80px;height:27px;position:absolute;top:0;right:12px;} .reply_list .btn .recommand em,.reply_list .mybtn .recommand em {display:block;height:27px;float:right;background-image:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/img_rcmd_bg.gif');} .reply_list .btn .recommand .l,.reply_list .mybtn .recommand .l {width:24px;background-position:0 0;} .reply_list .btn .recommand .num,.reply_list .mybtn .recommand .num {line-height:29px;font-size:12px;font-weight:bold;color:#5665e6;padding:0 5px;background-position:0 -40px;background-repeat:repeat-x;} .reply_list .btn .recommand .r,.reply_list .mybtn .recommand .r {width:3px;background-position:0 -77px;} .reply_list .btn a span,.reply_list .mybtn a span,.reply_reply .btn a span {display:none;} .reply_none {padding:14px 10px 100px 14px;color:#333;border-bottom:1px #eaeaea solid;margin-bottom:20px;} .reply_reply {border-bottom:1px #eaeaea solid;} .reply_reply .tit {padding:12px 10px 0 31px;font-size:14px;line-height:17px;font-weight:bold;color:#000;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/ico_news_spr.gif') 15px -244px no-repeat;} .reply_reply .txt {padding:3px 10px 0 31px;line-height:18px;color:#555;word-break:break-all; word-wrap:break-word;} .reply_reply .info {padding:8px 10px 16px 31px;font-size:12px;color:#888;} .reply_reply .info a {font-size:12px;color:#888;} .reply_reply .btn {height:41px;position:relative;} .reply_reply .btn .del {display:block;width:47px;height:27px;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/bt_news_spr.gif') -43px -120px no-repeat;position:absolute;top:0;left:31px;} .reply_write {padding:0 18px 40px 12px;position:relative;border-bottom:1px #eaeaea solid;} .reply_write h3 {padding:14px 0 8px 2px;font-size:15px;color:#3b47bd;} .reply_write .tit {width:97%;height:26px;} .reply_write .txt {width:97%;height:146px;margin:8px 0;word-break:break-all; word-wrap:break-word;} .reply_write .byte {font-size:10px;position:absolute;top:242px;right:16px;} #commentContent_byteinfo,#replyCommentForm_byteinfo {color:#c00;} .reply_write .btn {width:102px;padding-top:15px;margin:0 auto;} .reply_write .btn .btnSubmit {display:block;float:left;width:47px;height:31px;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/bt_news_spr.gif') 0 -160px no-repeat;border:none;text-indent:-200px;cursor:pointer;} .reply_write .btn .btnCancel {display:block;float:left;width:47px;height:31px;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/bt_news_spr.gif') -47px -160px no-repeat;text-indent:-200px;overflow:hidden;margin-left:8px;} /* mobile - Page Navigation */ #PageNav {padding:13px 12px 20px;} #PageNav table {width:100%;height:36px;border-collapse:collapse;} #PageNav td {width:50%;height:36px;border:1px #c8c8c8 solid;text-align:center;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/bg_page_0331.gif') repeat-x;} #PageNav a {display:block;font-size:14px;color:#333;font-weight:bold;width:146px;height:36px;line-height:38px;margin:0 auto;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/ico_arrowpage_03311.gif') no-repeat;} #PageNav span {display:block;font-size:14px;color:#b8b8b8;font-weight:bold;width:146px;height:36px;line-height:38px;margin:0 auto;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/ico_arrowpage_03311.gif') no-repeat;} #PageNav a.prev {background-position:50px 15px;} #PageNav a.next {background-position:94px -25px;} #PageNav span.prev {background-position:50px -65px;} #PageNav span.next {background-position:94px -105px;} /* mobile - Page Navigation */ #PageNav_link {padding:13px 10px 20px;} #PageNav_link table {width:100%;height:36px;border-collapse:collapse;} #PageNav_link td {width:25%;height:36px;border:1px #c8c8c8 solid;text-align:center;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/bg_page_0331.gif') repeat-x;} #PageNav_link a {display:block;font-size:14px;color:#333;font-weight:bold;width:73px;height:36px;line-height:38px;margin:0 auto;} #PageNav_link span {display:block;font-size:14px;color:#b8b8b8;font-weight:bold;width:73px;height:36px;line-height:38px;margin:0 auto;background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/ico_arrowpage_03311.gif') no-repeat;} #PageNav_link a.prev {background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/ico_arrowpage_03311.gif') no-repeat;background-position:13px 15px;} #PageNav_link a.next {background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/ico_arrowpage_03311.gif') no-repeat;background-position:57px -25px;} #PageNav_link span.prev {background-position:13px -65px;} #PageNav_link span.next {background-position:57px -105px;} /* footerWrap */ #foot_btn { position:relative; height:24px; margin-top:5px; } /* margin-top은 각 서비스별로 조정할 것 */ #foot_btn a { display:block; position:absolute; height:24px; background:url('http://m1.daumcdn.net/icon/mobile/simple/safari/common/footer_btn_ipn.gif') no-repeat; overflow:hidden; text-indent:-1000px; } #foot_btn .btGoPrev { top:0; left:0; width:78px; background-position:10px -24px; } #foot_btn .btGoPC { top:0; right:60px; width:90px; background-position:7px -72px; } #foot_btn .btGoTop { top:0; right:1px; width:59px; background-position:left top; } #footerWrap { border-top:1px solid #DADADA; background-color:#F0F0F0; text-align:center; } #footerWrap .editor {font-size:10px;letter-spacing:-1px;color:#999; padding:4px 0 0px 0;} #footerWrap .editor a {padding-right:5px;margin-right:6px;color:#999;background:url(http://m1.daumcdn.net/icon/mobile/simple/safari/media/safari_footer_div.gif) right 2px no-repeat;} #footerWrap .copy { font-family:'Helvetica','Apple-Gothic'; font-size:10px; color:#999; letter-spacing:0px; text-align: center; padding:3px 0 16px 0; margin:0; white-space:nowrap; } /* Scroll Navigation */ #scrollNav { position: absolute; top: 223px; right: 32px; width: 66px; height: 190px; z-index: 9999; } #scrollNav a { display: block; width: 66px; height: 66px; overflow: hidden; background: url('http://img.mobile.daum.net/static_img/fb/common/scroll_v2.png') no-repeat; text-indent: -1000px; } #scrollNav a.btn_up { margin-bottom: 18px; background-position: left top; } #scrollNav a.btn_dn { margin-bottom: 8px; background-position: 0 -84px; } #scrollNav a.btn_top { height: 32px; background-position: 0 -158px; } #scrollNav a.btn_up:active, #scrollNav a.btn_up:hover { background-position: -84px top; } #scrollNav a.btn_dn:active, #scrollNav a.btn_dn:hover { background-position: -84px -84px } .bar_banner {padding:20px 0 20px;} /* Opera */ .news_h em, .News_tit .date, .img_list li em, .Slide_tit span, .Slide_tit h2, .reply_list .info { white-space: nowrap;} /*Share*/ .ShareBox {width:252px;height:30px;background:url(http://m1.daumcdn.net/icon/mobile/simple/safari/media/news/320_btn_expert.gif) no-repeat;margin:24px auto 0;position:relative;} #shareYozm {width:114px;height:30px;display:block;position:absolute;overflow:hidden;text-indent:-1000px;} #shareTwitter {width:127px;height:30px;display:block;position:absolute;left:125px;overflow:hidden;text-indent:-1000px;} .rhea {padding:0 12px 10px;} /* border-radius 3px button style */ .round{border:1px solid;border-radius:3px;border-radius:3px;padding:1px;font-size:12px;display:inline-block;text-decoration:none;} .round span{border-radius:3px;border-radius:3px;display:inline-block;width:100%;height:100%;text-align:center;} /*paging*/ .btn {text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;letter-spacing:-1px;vertical-align:middle;} .btn > span {width:auto;height:auto;} .btn.btn_arrow.arrow_left, .btn.btn_arrow.arrow_right {padding:8px 14px;} .btn.btn_arrow.arrow_left {margin-right:6px;} .btn.btn_arrow.arrow_right {margin-left:2px;} .btn.large {width:100%;height:38px;padding:11px;font-size:14px;line-height:14px;color:#000;border-color:#bbb;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));background-color:#f5f5f5;} .ico_miznet.ico_arrow {display:block;text-indent:-9999px;} .arrow_left .ico_miznet.ico_arrow {width:6px;height:9px;background-position:0 -840px;} .arrow_right .ico_miznet.ico_arrow {width:6px;height:9px;background-position:0 -880px;} .ico_miznet {background-image:url(http://m1.daumcdn.net/icon/mobile/m320/miznet/2011/ico_miznet.png);background-repeat:no-repeat;} .wrap_paging {clear:both;margin:13px auto 0px;width:100%;text-align:center;font-size:12px;} .wrap_paging .num_box {display:inline-block;width:26px;height:17px;padding:7px;margin-right:4px;vertical-align:middle;border:1px solid #BBBBBB;color:#666666;font-weight:bold;background-color:#FFFFFF;border-radius:3px;border-radius:3px;text-decoration:none;-webkit-box-shadow:rgba(255,255,255,0.7) 0px 1px 1px inset;box-shadow:rgba(255,255,255,0.7) 0px 1px 1px inset;} .wrap_paging .cur_num {display:inline-block;width:26px;height:17px;padding:7px;margin-right:4px;vertical-align:middle;border:1px solid #3b47bd;color:#FFFFFF;font-weight:bold;background-color:#425de8;border-radius:3px;} .wrap_paging .btn.btn_arrow {overflow:hidden;vertical-align:top;width:42px;height:33px;padding:10px 17px;} .wrap_paging .btn.btn_arrow span {background:url(http://m1.daumcdn.net/icon/mobile/m320/miznet/2011/btn_mzn_arrow.png) no-repeat;} .wrap_paging .btn.btn_arrow span.ico_miznet.ico_arrow {width:7px;height:11px;} .wrap_paging .btn.btn_arrow.arrow_left.off .ico_miznet.ico_arrow {background-position:0 0px;} .wrap_paging .btn.btn_arrow.arrow_right.off .ico_miznet.ico_arrow {background-position:0 -25px;} .wrap_paging .btn.btn_arrow.arrow_left.on .ico_miznet.ico_arrow {background-position:0 -50px;} .wrap_paging .btn.btn_arrow.arrow_right.on .ico_miznet.ico_arrow {background-position:0 -75px;} /************************************************************NEW (2014-03-17)************************************************************/ /* Author : 이다혜 Version : 1.0 */ /*basic*/ /*common*/ #skipNavi {position:absolute; left:0; top:0; text-align:center; width:100%; z-index:9999; font-size:1.5em; font-weight:bold; background:#666;} #skipNavi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; color:#fff;} #skipNavi a:focus, #skipNavi a:active {height:auto; width:auto; padding:10px 0; color:#fff; font-family:'돋움','Tahoma';} /*list*/ .list_type01 {} .list_type01 li{position:relative; padding:10px 20px 10px 130px; min-height:82px; border-bottom:1px solid #eaeaea;} .list_type01 li .img{position:absolute; top:10px; left:20px;} .list_type01 li .img img{width:100px; height:80px; border:1px solid #c6c6c6;} .list_type01 li .title{display:block; font-weight:bold; padding:4px 0 8px 0; color:#555; font-size:13px;} .list_type01 li .title2 {display:table-cell; vertical-align:middle; height:80px; font-weight:bold; color:#555; font-size:13px;} .list_type01 li .detail{display:block; font-size:13px;} /*view*/ /*paging*/ .paging {text-align:center; margin-top:20px; font-size:13px;} .paging a {display:inline-block; width:25px; height:21px; line-height:21px; text-align:center; background:url('../images/bg_paging.png') no-repeat 0 50%;} .paging a img {vertical-align:middle;} .paging .on {font-weight:bold; color:#0078c2;} .paging .prev, .paging .next, .paging .first{background:0 none;} /*이전글 다음글*/ .prev_next li{border-bottom: 1px solid #eaeaea; position: relative;} /*.prev_next li:first-child {border-top:1px solid #eaeaea;}*/ .prev_next li a {color:#666; display:block; padding:10px 20px; font-size:13px;} .prev_next li a img {position: static; vertical-align:middle; margin-right:10px;} /*go top*/ .go_top {text-align:right; padding:60px 20px 10px;} .go_top a {padding-left:15px;background:url('../images/bg_go_top.png') no-repeat 0 50%;} /*header*/ #daumHead .head_top {position:relative;} #daumHead .head_top h1 {padding:10px 20px;position:absolute; top:0; left:0;} #daumHead .head_top .right{text-align:right; border-bottom:1px solid #d3d3d6;} #daumHead .head_top .right a.all_view_open{display:inline-block; cursor:pointer;} #daumHead .head_top .right .all_view{background:#5d5d5d; position:absolute; top:50px; left:0; width:100%; z-index:10; text-align:left; display:none;} #daumHead .head_top .right .all_view ul {overflow:hidden;} #daumHead .head_top .right .all_view ul li.m_list {float:left; width:50%;} #daumHead .tab_menu{position:relative; overflow:hidden;} #daumHead .tab_menu .menu{float:left; width:25%; background:url('../images/bg_gnb.png') repeat-x 0 0; } #daumHead .tab_menu .menu > a {display:block; text-align:center; background:url('../images/bg_gnb_left.png') no-repeat 0 0;} #daumHead .tab_menu .menui:first-child a {background:0 none;} #daumHead .tab_menu .menui:last-child a {background:0 none;} #daumHead .tab_menu .menu a span {background:url('../images/bg_gnb_right.png') no-repeat 100% 0; display:block; line-height:40px; height:40px; font-size:14px; color:#fff; } #daumHead .tab_menu .menu.on ul {display:block;} #daumHead .tab_menu .menu.on {background:#0079c2; background-image:0 none;} #daumHead .tab_menu .menu ul {width:400%; overflow:hidden; background:#0079c2; display:none; height:32px; } #daumHead .tab_menu .menu ul li {float:left; background:url('../images/bg_gnb_bar.png') no-repeat 0 50%; height:32px; } #daumHead .tab_menu .menu ul li a {display:block; color:#fff; font-size:13px; height:32px; line-height:32px; text-align:center; padding:0 10px; } #daumHead .tab_menu .menu ul li:first-child {background:0 none;} #daumHead .tab_menu .menu ul li:first-child a {margin-left:10px;} #daumHead .tab_menu .menu ul li.on a {background:url('../images/bg_gnb_arrow.png') no-repeat 50% 100%;} #daumHead .tab_menu .menu.m1 ul {position:relative; top:0; left:0;} #daumHead .tab_menu .menu.m2 ul {position:relative; top:0; left:-100%;} #daumHead .tab_menu .menu.m3 ul {position:relative; top:0; left:-200%;} #daumHead .tab_menu .menu.m4 ul {position:relative; top:0; left:-300%;} /*heaer_전체보기 메뉴*/ #daumHead .head_top .right .all_view p {font-size:16px; color:#fff; font-weight:bold; padding:20px 0 10px 29px; background:url('../images/btn_total_menu.gif') no-repeat 0 25px; border-bottom:1px solid #525252; margin:0 20px 0 20px;} #daumHead .head_top .right .all_view > ul {padding:0 0 30px 0;} #daumHead .head_top .right .all_view ul li.m_list div {padding:0 20px;} #daumHead .head_top .right .all_view ul li.m_list div strong {display:block; padding:16px 0 16px 28px;color:#4dbbf1; font-size:16px;} #daumHead .head_top .right .all_view ul li:nth-child(1) strong{background:url('../images/icon_new_news.gif') no-repeat 0 50%;} #daumHead .head_top .right .all_view ul li:nth-child(2) strong{background:url('../images/icon_study.gif') no-repeat 0 50%;} #daumHead .head_top .right .all_view ul li:nth-child(3) strong{background:url('../images/icon_community.gif') no-repeat 0 50%;} #daumHead .head_top .right .all_view ul li:nth-child(4) strong{background:url('../images/icon_introduction.gif') no-repeat 0 50%;} #daumHead .head_top .right .all_view ul li.m_list div ul li {padding:8px 0 8px 14px; background:url('../images/icon_bg_dot.gif') no-repeat 0 50%; border-bottom:1px solid #525252;} #daumHead .head_top .right .all_view ul li.m_list div ul li:first-child {border-top:1px solid #525252;} #daumHead .head_top .right .all_view ul li.m_list div ul li a { color:#fff; font-size:13px;} #daumHead .head_top .right .all_view a.all_view_close {display:inline-block; position:absolute; top:-50px; right:0; cursor:pointer;} /*main 주요서비스*/ .service{overflow:hidden; border-bottom:1px solid #eaeaea;} .service li{float:left; width:25%; padding:0; text-align:center;} .service li a {display:block; padding:10px 0 10px;} .service li span {display:block; padding-top:10px;} .service li:first-child span {padding-top:0;} .service li img {max-width:75px;} .fb-like-box {width:100% !important;} .fb-like-box > span, .fb_iframe_widget > span {width:100% !important;} .fb-like-box > span iframe, .fb_iframe_widget > span iframe {width:100% !important;} /*새소식*/ /*공부방_문법*/ /*공부방_일상회화*/ /*공부방_척척박사*/ /*커뮤니티_NOW! 한글학교*/ /*커뮤니티_질문상담*/ .List li.qna {margin:0 0 0 0;border-bottom:1px #eaeaea solid; padding:0;} .List li.qna a {padding:8px 20px 8px 20px; color:#555; font-weight:bold;} .List li.qna a em {color:#555; font-weight:bold; font-size:13px;} .List li.qna a em.reply {padding-left:10px;} .List li.qna a img {vertical-align:middle; position:static;} .qna .cp2 {font-size:12px;color:#666;letter-spacing:-1px; padding-top:4px; display:block;} .qna .cp2 em {font-size:12px;padding:0 2px 0 3px;color:#ddd !important;} .qna .cp2 .date {margin-top:-1px;font-size:12px;color:#666;letter-spacing:-1px;} .qna .cp2 b {font-weight:normal;} .qna .cp2 span.time , .News_tit .date span.time {font:12px helvetica;letter-spacing:0px;color:#666;} /*커뮤니티_동영상*/ /*소개*/ .introduce_info {text-align:center; padding-top:20px;} .introduce_info img{max-width:100%;}