button {display:inline-block; border:0; background-color:transparent; font-size:inherit; text-align:center; cursor:pointer; overflow:visible; -webkit-appearance:button;} html, body { width:100%; height:100%; margin:0; padding:0; } body, table, select,td { font-family: 'Dotum',sans-serif; font-size:12px; font-style:normal; margin:0; word-break:break-all; letter-spacing: 0; vertical-align: middle; text-align: center; } input, textarea { font-family: 'Dotum',sans-serif; font-size:12px; font-style:normal; margin:0; word-break:break-all; letter-spacing: 0; vertical-align: middle; } a ,a:link,a:visited,a:active{color:#555555; font-size:12px; font-family: 'Dotum',sans-serif; text-decoration:none; letter-spacing: -0.05em;} a:hover {font-size:12px; color:#555555; font-family: 'Dotum',sans-serif; text-decoration:none; letter-spacing: -0.05em;} .wrapper{ position: relative; width: 100%; } form { margin:0; } p { margin-top:2px; margin-bottom:2px; } img { border:0; } img.tileImage { display:block; float:left;} table.border { border-collapse:collapse; } td { font-size:12px; color:#555555; font-family: 'Dotum',sans-serif; letter-spacing: 0; } .fclear:after { content:"."; height:0; display:block; clear:both; visibility:hidden; } *html .fclear { zoom:1; } .margin2 { margin-top:2px; margin-bottom:2px; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } #d_RoadAddr { width: 897px; position: relative; margin-top:5px; margin-bottom:5px; margin-left: 20px;} /*2014리뉴얼-메인*/ /* #nh_topbb { clear: both; width: 100%; height: 70px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; background-color: #14508b; } */ #nh_topbb { clear: both; width: 100%; height: 70px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; background-color: #ffffff; } #nh_topbb .tban { width:998px; height:72px; text-align: center; margin:0 auto; padding: 0; } /* #nh_topb { clear: both; width: 100%; height: 70px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; background-color: #a1a5ac; } */ #nh_topb { clear: both; width: 100%; height: 70px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; background-color: #ffffff; } #nh_topb .ban { width:998px; height:70px; text-align: center; margin:0 auto; padding: 0; } #nh_top1 { width: 100%; height: 33px; text-align: center; float: left; margin: 0 auto; position: relative; display: inline; background-color: #f8f8f8; border-top:1px #cdcdcd solid; border-bottom:1px #e7e7e7 solid; } #nh_top1 .nav { display: inline-block; width: 990px; height: 30px; text-align: right; padding-top: 5px; } #nh_top1 .nav span { line-height: 21px; vertical-align: bottom; } .nav1 { font-family:'Dotum',sans-serif; font-size:11px; color: #3e3e43; text-decoration: none ;letter-spacing: -1px; line-height: 20px; } .nav1:link { font-family:'Dotum',sans-serif; font-size:11px; color: #3e3e43; text-decoration: none ;letter-spacing: -1px; line-height: 20px; } .nav1:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #3e3e43; text-decoration: none ;letter-spacing: -1px; line-height: 20px; } .nav1:active { font-family:'Dotum',sans-serif; font-size:11px; color: #3e3e43; text-decoration: none; letter-spacing: -1px; line-height: 20px; } .nav1:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #000000; text-decoration: none ;letter-spacing: -1px; line-height: 20px; } #nh_top2 {clear: both; width: 100%; height: 86px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; z-index:1000; background-color:#ffffff; border-bottom: 1px solid #eee;} #nh_top2 .inner{position: relative; width: 990px; height: 86px; margin: 0 auto;} #nh_top2 .inner::after{display: table; content: ''; clear: both;} #nh_top2 .logo {position: absolute; top: 50%; left: 0; transform: translateY(-50%); } #nh_top2 .logo img{height: 54px;} #nh_top2 .logoad { display: inline-block; float: left; width: 359px; text-align:right; vertical-align: top;} #nh_top2 .search { display: inline-block; float: left; padding-top:30px; text-align: right; } #nh_top2 .button { display: inline-block; padding-top:30px; text-align: right; } #nh_top2 .inner .topMenu{position: absolute; top: 50%; left: 260px; transform: translateY(-50%); margin-top: 2px;} #nh_top2 .inner .topMenu a{position: relative; display: inline-block; height: 48px; line-height: 48px; margin: 0 10px; color: #999; font-size: 22px; font-weight: bold; font-family:'Noto Sans KR',sans-serif} /* #nh_top2 .inner .topMenu a::after{display: inline-block; margin: 0 10px 5px; content: ''; width: 2px; height: 2px; background:#999; border-radius: 50%;} #nh_top2 .inner .topMenu a:last-child:after{display: none;} */ #nh_top2 .inner .topMenu a.active{ color: #222;} /*이베이추가*/ #nh_top2 .searchebay {position: absolute; top: 50%; right: 0; transform: translateY(-50%);} #nh_top2 .searchebay2 #searchTopTerm{ width: 320px; height: 36px; padding: 0 20px; line-height: 34px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 18px; box-sizing: border-box;} #nh_top2 .searchebay2 .dropdown{position: absolute; top: 50%; right: 50px; transform: translateY(-50%); filter:grayscale() ;} #nh_top2 .searchebay2 .btnSearch{position: absolute; top: 0; right: 8px; width: 36px; height: 36px; background: url(../images/svg/search-interface-symbol.svg) no-repeat center / 18px; border: 0; text-indent: -9999px; opacity: .5;} #nh_top2 .searchebay2 #dqTopAuto{ top: 46px; width: 360px; border: 1px solid #ddd; } #nh_top2 .searchebay2 #dqTopAuto li span{ color: #222;} /* .searchebay1 { font-family:'verdana',sans-serif; font-size:11px; color: #5aabe7; text-decoration: none; letter-spacing: -0.06em; line-height: 30px; } .searchebay1:link,.searchebay1:visited, .searchebay1:active { font-family:'verdana',sans-serif; font-size:11px; color: #5aabe7; text-decoration: none; letter-spacing: -0.06em; line-height: 30px; } .searchebay1:hover { font-family:'verdana',sans-serif; font-size:11px; color: #3165b1; text-decoration: none; letter-spacing: -0.06em; line-height: 30px; } #nh_top2 .searchebay .searchebay2 { display: inline-block; float: left; text-align: right; } #nh_top2 .buttonebay { display: inline-block; text-align: right; float: left; } */ /* #nh_top2 .searchebay { display: inline-block; float: right; text-align: right; vertical-align: middle; margin-top: 20px;} #nh_top2 .searchebay .searchebay1 { display: inline-block; height: 30px; text-align: right; padding-top: 0; } #nh_top2 .searchebay .searchebay1 span { line-height: 30px; } .searchebay1 { font-family:'verdana',sans-serif; font-size:11px; color: #5aabe7; text-decoration: none; letter-spacing: -0.06em; line-height: 30px; } .searchebay1:link,.searchebay1:visited, .searchebay1:active { font-family:'verdana',sans-serif; font-size:11px; color: #5aabe7; text-decoration: none; letter-spacing: -0.06em; line-height: 30px; } .searchebay1:hover { font-family:'verdana',sans-serif; font-size:11px; color: #3165b1; text-decoration: none; letter-spacing: -0.06em; line-height: 30px; } #nh_top2 .searchebay .searchebay2 { display: inline-block; float: left; text-align: right; } #nh_top2 .buttonebay { display: inline-block; text-align: right; float: left; } */ #nh_topb3 { clear: both; width: 100%; height: 0; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; } #nh_topb3 .wing { clear: both; width:1209px; height: 0; text-align: right; margin:0 auto; padding: 0; position: relative; display: block; } /* #nh_topmenu { z-index: 1; clear: both; width: 100%; height: 48px; text-align: center; margin: 0 auto; position: relative; display: block; background: #656565; border-bottom:4px #df3e4e solid; } #nh_topmenu .topm { display: block; width: 991px; height: 48px; margin: 0 auto; overflow: hidden;} #nh_topmenu .topm > a{ float: left; width: 25%; height: 48px; line-height: 48px; color: #fff; font-size: 1.2rem; font-weight: bold; font-family:'Malgun Gothic','맑은 고딕',sans-serif;} #nh_topmenu .topm > a.active, #nh_topmenu .topm > a:hover{background-color: #df3e4e;} */ /* #nh_topmenu { background:#222; } #nh_topmenu .topm { display: block; width: 991px; height: 48px; margin: 0 auto; overflow: hidden;} #nh_topmenu .topm > a{ float: left; width: 25%; height: 48px; line-height: 48px; color: #fff; font-size: 1.2rem; font-weight: 500; font-family:'Noto Sans KR',sans-serif} #nh_topmenu .topm > a.active, #nh_topmenu .topm > a:hover{background-color: #fff; color: #222;} */ #nh_banner {clear: both; width: 100%; height: 372px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; background: #e8eaee url('http://image.72time.kr/data/rental/2014_main/main_banner_bg.png') repeat;} #nh_banner #banner_bg { width:990px; height:332px; text-align: center; margin:0 auto; padding-top: 20px;} #nh_banner #banner_bg .banner { width: 790px; display: inline-block; float: left; } #nh_banner #banner_bg .tab { width: 195px; float: right; display:inline-block; padding-top: 4px; } #nh_banner2 {clear: both; width: 100%; height: 30px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; } #nh_banner2 #banner_bg2 { width:990px; height:30px; text-align: left; margin:0 auto; padding: 0; background: #d8d8d8; } .banner_bg2 { font-family:'Dotum',sans-serif; font-size:12px; color: #3a3a3a; text-decoration: none ;letter-spacing: -1px; line-height: 30px; padding-left: 20px; } #nh_banner3 {clear: both; width: 100%; height: 75px; text-align: center; float: left; margin: 0 auto; padding: 20px 0 40px 0; position: relative; display: inline; } #nh_banner3 #banner_bg3 { width:990px; height:75px; text-align: left; margin:0 auto; padding: 0; } #nh_main { clear: both; width: 100%; text-align: center; float: left; margin: 0 auto; position: relative; display: inline; padding-bottom:70px; } #nh_main .cateTopBnArea{width: 1000px; margin: 0 auto;} #nh_main #nh_main1 { width:990px; margin:0 auto; padding-top: 40px; } #nh_main #nh_main1 .nh_main_life { width: 485px; text-align: left; display: block; float: left; padding-right:20px;} #nh_main #nh_main1 .nh_main_mart { width: 485px; text-align: left; display: block; float: right; } #nh_main #nh_main1 .nh_main1_ban1 { width: 237px; display: block; float: left; padding-bottom:15px; padding-right:11px;} #nh_main #nh_main1 .nh_main1_ban2 { width: 237px; display: block; float: left; padding-bottom:15px; padding-right:16px;} #nh_main #nh_main1 .nh_main1_ban3 { width: 237px; display: block; float: left; padding-bottom:15px;} #nh_main #nh_main1 .nh_main1_ban4 { width: 237px; display: block; float: left; padding-bottom:15px; padding-right:9px;} #nh_main #nh_main1 .nh_main1_ban5 { width: 240px; display: block; float: left; padding-bottom:15px; text-align:right;} #nh_main #nh_main1 .nh_main1_left { width: 485px; text-align: left; display: block; float: left; padding-bottom:15px; padding-right:16px;} #nh_main #nh_main1 .nh_main1_right { width: 485px; text-align: left; display: block; float: left; padding-bottom:15px; } #nh_main #nh_main2 { clear:both; width:990px; margin:0 auto; padding-top: 40px; } #nh_main #nh_main2 .nh_main_ban { text-align: left; display: inline-block ; float: left; } #nh_main #nh_main2 .nh_ban_tab img{ padding-right: 2px; padding-left: 2px; padding-top: 7px; } #nh_main #nh_main3 { clear:both; width:990px; margin:0 auto; padding-top: 40px; padding-bottom: 70px; } #nh_main #nh_main3 .best { width:100%; text-align: left; display: inline-block ; float: left; } #nh_main #nh_main3 .best_p { width: 322px; height: 450px; display: inline-block; float: left; border: 1px solid #d2d7dd; margin-bottom: 20px; } #nh_main #nh_main3 .best_p1 { width: 300px; padding:11px; } #nh_main #nh_main3 .best_p1 .best_tab { text-align: right; display: block; height: 20px; vertical-align:top; } #nh_main #nh_main3 .best_p1 .best_tab img { padding-left: 3px; } #nh_main #nh_main3 .best_p1 .best_pro .proimg { display: block; width: 300px; height: 300px; margin-bottom: 15px; } #nh_main #nh_main3 .best_p1 .best_pro .saleicon img { padding-right: 3px; } #nh_main #nh_main3 .best_p1 .best_pro .priceinfo1 { text-align: center; color: #ffffff; text-decoration: none; letter-spacing: -0.05em; } #nh_main #nh_main3 .best_p1 .best_pro .priceinfo2 { width:40px; height:100px; text-align: center; background: url('http://image.72time.kr/data/rental/2014_main/saleprice2_bg.png') no-repeat; color: #ffffff; text-decoration: none; letter-spacing: -0.05em; } .t1 { font-family:'Dotum',sans-serif; font-size:11px; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t1:link { font-family:'Dotum',sans-serif; font-size:11px; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t1:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t1:active { font-family:'Dotum',sans-serif; font-size:11px; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t1:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t2 { font-family:'Dotum',sans-serif; font-size:11pt; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .t2:link { font-family:'Dotum',sans-serif; font-size:11pt; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .t2:visited { font-family:'Dotum',sans-serif; font-size:11pt; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .t2:active { font-family:'Dotum',sans-serif; font-size:11pt; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .t2:hover { font-family:'Dotum',sans-serif; font-size:11pt; color: #333333; font-weight: bold; text-decoration: underline; letter-spacing: -0.05em;} .price1 { font-family:'verdana'; font-size:9pt; color: #848484; text-decoration: none ;letter-spacing: -0.02em;} .price2 { font-family:'verdana'; font-size:16pt; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.07em;} .price1k { font-family:'Dotum',sans-serif; font-size:11px; color: #848484; text-decoration: none; letter-spacing: 0;} .price2k { font-family:'Dotum',sans-serif; font-size:11px; color: #333333; text-decoration: none; letter-spacing: 0;} .infoprice1 { font-family:'verdana'; color: #ffffff; font-size:11pt; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .infoprice1k { font-family:'Dotum',sans-serif;color: #ffffff; font-size:11px; text-decoration: none; letter-spacing: 0;} #nh_main #nh_main3 .best_p { border: 1px solid #d2d7dd;} #nh_main #nh_main3 .best_p:hover { border: 1px solid #006bbb;} #nh_main #nh_main4 { clear:both; width:990px; margin:0 auto; padding-top: 40px; } #nh_main #nh_main4 .nh_cate_ban { text-align: left; display: inline-block ; float: left; } #nh_main #nh_main4 .nh_cate_ban img{ padding-bottom: 11px; } #nh_bottom1 { clear: both; width: 100%; text-align: center; float: left; margin: 0 auto; position: relative; display: inline; height:33px; border-top: #cdcdcd 1px solid; border-bottom: #cdcdcd 1px solid; background-color: #eaeaea; } #nh_bottom1 .menu { display: inline-block; width: 799px; height: 31px; padding: 0; margin: 0 auto; } #nh_bottom2 { clear: both; width: 100%; text-align: center; float: left; margin: 0 auto; position: relative; display: inline; height: 226px; border-top: #ffffff 1px solid; background-color: #f2f2f2; } #nh_bottom2 .info { z-index: 0; display: inline-block; width: 990px; height: 204px; text-align: center; padding: 0; margin-top: 22px; } #nh_bottom2 .info .logo { display: inline-block; width: 215px; padding: 0; margin: 0; float: left; } #nh_bottom2 .info .copy { display: inline-block; width: 505px; text-align: left; padding: 0; margin-left: 10px; float: left; } #nh_bottom2 .info .line { display: inline-block; background-color: #cccccc; width: 1px; height: 127px; padding: 0; float: left; } #nh_bottom2 .info .mark { display: inline-block; width: 229px; text-align: left; padding: 0; margin-left: 30px; float: left; } #nh_bottom2 .info .partner { display: inline-block; width: 990px; text-align: left; padding: 0; margin: 10px 0 10px 0; } .copy { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; letter-spacing: 0;} .copy:link { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; letter-spacing: 0;} .copy:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; letter-spacing: 0;} .copy:active { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; letter-spacing: 0;} .copy:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; letter-spacing: 0;} .copy111:link { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; letter-spacing: 0;} .copy111:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; letter-spacing: 0;} .copy111:active { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; letter-spacing: 0;} .copy111:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; letter-spacing: 0;} .copy2 { font-family:'verdana',sans-serif; font-size:7pt; color: #777777; text-decoration: none; letter-spacing: 0em;} /*2014리뉴얼-검색페이지*/ #nh_searcht {z-index: 999; clear: both; width: 100%; height: 100px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; } #nh_searcht #search_top { display: inline-block; width:988px; height:90px; text-align: center; margin: 0; padding: 0; border-bottom: #d9dfe4 1px solid; border-left: #d9dfe4 1px solid; border-right: #d9dfe4 1px solid; } #nh_searcht #search_top .bg1 { text-align: left; float: left; width:464px; height:60px; margin:0; padding: 15px; line-height: 35px; } #nh_searcht #search_top .bg2 { text-align: left; float: left; width:480px; height:70px; margin:0; padding:0; background-color: #f9fbfd; } #nh_searcht #search_top .menu1c { text-align: center; float: left; width:78px; height:62px; margin:0; padding:0; } #nh_searcht #search_top .menu2c { text-align: center; float: left; width:79px; height:62px; margin:0; padding:0; } #nh_searcht #search_top .bg1 .bg11 { display: inline-block; width: 320px; height: 31px; float: left; text-align: left; vertical-align:middle;} #nh_searcht #search_top .bg1 .button { display: inline; height: 31px;} #nh_searcht #search_top .bg1 .favs { display: inline-block; width: 420px; position:absolute; margin-left: -375px; margin-top:35px; } .favsearch { font-family:'Dotum',sans-serif; font-size:11px; color: #6a8398; text-decoration: none ;letter-spacing: -0.05em; line-height: 35px; } .favsearch:link { font-family:'Dotum',sans-serif; font-size:11px; color: #6a8398; text-decoration: none ;letter-spacing: -0.05em; line-height: 35px; } .favsearch:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #6a8398; text-decoration: none ;letter-spacing: -0.05em; line-height: 35px; } .favsearch:active { font-family:'Dotum',sans-serif; font-size:11px; color: #6a8398; text-decoration: none; letter-spacing: -0.05em; line-height: 35px; } .favsearch:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #a0b7d5; text-decoration: none ;letter-spacing: -0.05em; line-height: 35px; } .optionsearch { font-family:'Dotum',sans-serif; font-size:9pt; color: #6a8398; text-decoration: none ;letter-spacing: -0.05em; line-height: 35px; } #nh_search { clear: both; width: 100%; text-align: center; float: left; margin: 0 auto; position: relative; display: inline; padding-bottom:70px; } #nh_search #catechu { clear:both; width:990px; margin:0 auto; padding-top: 40px; } #nh_search #catechu .best { width:100%; text-align: left; display: inline-block ; float: left; } #nh_search #catechu .best_p { width: 322px; height: 430px; display: inline-block; float: left; border: 1px solid #d2d7dd; margin-bottom: 20px; } #nh_search #catechu .best_p1 { width: 300px; padding:11px; } #nh_search #catechu .best_p1 .best_pro .proimg { display: block; width: 300px; height: 300px; margin-bottom: 15px; } #nh_search #catechu .best_p1 .best_pro .saleicon img { padding-right: 3px; } #nh_search #catechu .best_p1 .best_pro .priceinfo1 { width:40px; height:88px; text-align: center; background: url('http://image.72time.kr/data/rental/2014_main/saleprice1_bg.png') no-repeat; color: #ffffff; text-decoration: none; letter-spacing: -0.05em; } #nh_search #catechu .best_p1 .best_pro .priceinfo2 { width:40px; height:88px; text-align: center; background: url('http://image.72time.kr/data/rental/2014_main/saleprice2_bg.png') no-repeat; color: #ffffff; text-decoration: none; letter-spacing: -0.05em; } #nh_search #catechu .best_p { border: 1px solid #d2d7dd;} #nh_search #catechu .best_p:hover { border: 1px solid #006bbb;} #nh_search #search_r { clear:both; width:990px; margin:0 auto; padding-top: 60px; } #nh_search #search_r .best { width:100%; text-align: left; display: inline-block ; float: left; } #nh_search #search_r .best_sort { clear: both; width:990px; height: 25px; text-align: right; float: left; display: inline-block; padding-top:8px; background-color: #f6f6f6; border-top:2px #00a436 solid; border-bottom:1px #dadada solid; } #nh_search #search_r .best_p { width: 238px; height: 347px; display: inline-block; float: left; border: 1px solid #d2d7dd; margin-bottom: 20px; } #nh_search #search_r .best_p1 { width: 220px; padding:9px; } #nh_search #search_r .best_p1 .best_pro .proimg { display: block; width: 220px; height: 220px; margin-bottom: 15px; } #nh_search #search_r .best_p1 .best_pro .saleicon img { padding-right: 2px; } #nh_search #search_r .best_p1 .best_pro .priceinfo1 { width:40px; height:88px; text-align: center; background: url('http://image.72time.kr/data/rental/2014_main/saleprice1_bg.png') no-repeat; color: #ffffff; text-decoration: none; letter-spacing: -0.05em; } #nh_search #search_r .best_p1 .best_pro .priceinfo2 { width:40px; height:88px; text-align: center; background: url('http://image.72time.kr/data/rental/2014_main/saleprice2_bg.png') no-repeat; color: #ffffff; text-decoration: none; letter-spacing: -0.05em; } #nh_search #search_r .best_p { border: 1px solid #d2d7dd;} #nh_search #search_r .best_p:hover { border: 1px solid #006bbb;} .search_rg { font-family:'Dotum',sans-serif; font-size:11pt; color: #008f2f; font-weight: bold; text-decoration: none ;letter-spacing: -0.05em;} .search_rbb { font-family:'Dotum',sans-serif; font-size:11pt; color: #005da9; font-weight: bold; text-decoration: none ;letter-spacing: -0.05em;} #nh_searchx { clear: both; width: 480px; margin: 0 auto; padding-bottom:200px; padding-top:100px; } #nh_searchx #ximg { clear:both; width:84px; margin:0 auto; padding:0; float: left; } #nh_searchx #xtxt { clear:both; width:396px; margin:0 auto; padding:0; float: left; text-align:left; } .searchs_rb { font-family:'Dotum',sans-serif; font-size:11px; color: #555555; text-decoration: none ;letter-spacing: 0; line-height: 15px; } /*2014리뉴얼-판매자검색페이지*/ #nh_searcht2 {z-index: 999; clear: both; width: 100%; height: 65px; text-align: center; margin: 0 auto; padding: 0; position: relative; display: inline; } #nh_searcht2 #search_top2 { clear: both; display: inline-block; width:100%; height:65px; text-align: center; margin: 0; padding: 0; background-color: #ebf1f6; border-bottom: #d9dfe4 1px solid; } #nh_searcht2 #search_top2 .bg22 { text-align: center; width: 100%; height:60px; margin:0; padding: 15px; line-height: 35px; } #nh_searcht2 #search_top2 .bg22 .bg111 { display: inline-block; width: 480px; height: 31px; float: left; text-align: right; vertical-align:middle;} #nh_searcht2 #search_top2 .bg22 .button111 { display: inline; height: 31px; float: left; text-align: left; } #nh_search2 {z-index: 999; clear: both; width: 100%; text-align: center; margin: 0 auto; padding: 0; position: relative; display: inline; } #nh_search2 #search_r2 { clear:both; width:100%; margin:0 auto; padding-top: 20px; } #nh_search2 #search_r2 .searchp2 { width: 740px; text-align: left; display: inline-block ; margin: 0 auto; } #nh_search2 #search_r2 .searchp21 { width: 740px; text-align: center; display: inline-block; margin: 0 auto; border-top: 1px solid #d2d7dd; border-right: 1px solid #d2d7dd; border-left: 1px solid #d2d7dd; } #nh_search2 #search_r2 .searchp21 .search_check1 { float: left; display: block; width: 40px; height: 30px; line-height: 30px; margin: 0; border-right: 1px solid #d2d7dd; } #nh_search2 #search_r2 .searchp21 .search_pimg1 { float: left; display: block; width: 598px; height: 30px; line-height: 30px; text-align: center; border-right: 1px solid #d2d7dd; } #nh_search2 #search_r2 .searchp21 .search_pprice1 { float: left; display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; } #nh_search2 #search_r2 .searchp22 { width: 740px; text-align: center; display: inline-block; margin: 0 auto; border-top: 1px solid #d2d7dd; border-right: 1px solid #d2d7dd; border-left: 1px solid #d2d7dd; } #nh_search2 #search_r2 .searchp22 .search_check { float: left; display: block; width: 40px; height: 100px; line-height: 100px; margin: 0; border-right: 1px solid #d2d7dd; } #nh_search2 #search_r2 .searchp22 .search_pimg { float: left; display: block; width: 100px; height: 100px; text-align: center; border-right: 1px solid #d2d7dd; } #nh_search2 #search_r2 .searchp22 .search_pimg img { border: 1px solid #d2d7dd; width: 70px; height: 70px; margin: 15px 0 15px; } #nh_search2 #search_r2 .searchp22 .search_pname { float: left; display: block; width: 497px; height: 100px; line-height: 100px; text-align: left; border-right: 1px solid #d2d7dd; } #nh_search2 #search_r2 .searchp22 .search_pprice { float: left; display: block; width: 100px; height: 100px; line-height: 100px; text-align: center; } #nh_search2 #search_r2 .search_line { width: 740px; text-align: center; height: 1px; margin: 0 auto; padding: 0; background-color: #d2d7dd; } .search_pprice { font-family:'Dotum',sans-serif; font-size:13px; color: #3c3c3c; font-weight: bold; text-decoration: none; letter-spacing: 0;} #nh_search2 #nh_searchx2 { clear: both; width: 480px; margin: 0 auto; padding-top:50px; text-align: center; } #nh_search2 #nh_searchx2 .ximg2 { clear:both; width: 84px; margin:0 auto; padding:0; float: left; } #nh_search2 #nh_searchx2 .xtxt2 { clear:both; width: 396px; margin:0 auto; padding:0; float: right; text-align:left; } .search_rbb { font-family:'Dotum',sans-serif; font-size:11pt; color: #005da9; font-weight: bold; text-decoration: none ;letter-spacing: -0.05em;} #nh_search2 #buttonall { clear: both; width: 100px; margin: 0 auto; padding-top:50px; } /*2014리뉴얼-쇼핑베스트*/ #nh_shopm {clear: both; width: 100%; height: 84px; text-align: center; float: left; margin: 30px auto 0; padding-bottom: 10px; position: relative; display: inline; } #nh_shopm #menu_bg { display: inline-block; width:969px; height:64px; text-align: center; margin: 0; padding: 10px 9px 10px 10px; border: #d8d8d8 1px solid;} #nh_shopm #menu_bg .menu1 { text-align: center; float: left; width:78px; height:62px; margin:0; padding:0; } #nh_shopm #menu_bg .menu2 { text-align: center; float: left; width:79px; height:62px; margin:0; padding:0; } #nh_shopm #menu_bg .menu1c { text-align: center; float: left; width:78px; height:62px; margin:0; padding:0; } #nh_shopm #menu_bg .menu2c { text-align: center; float: left; width:79px; height:62px; margin:0; padding:0; } .shm1 { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.09em;} .shm1:link { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.09em;} .shm1:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.09em;} .shm1:active { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none; letter-spacing: -0.09em;} .shm1:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #00a448; font-weight: bold; text-decoration: none ;letter-spacing: -0.15em;} .menu1 { border: solid 1px #FFFFFF;} .menu1:hover { border: solid 1px #0ea941; background-color: #f4f4f4;} .menu1c { border: solid 1px #FFFFFF; background-color: #f4f4f4;} .menu1c:hover { border: solid 1px #0ea941; background-color: #f4f4f4;} .menu2 { border: solid 1px #FFFFFF;} .menu2:hover { border: solid 1px #0ea941; background-color: #f4f4f4;} .menu2c { border: solid 1px #FFFFFF; background-color: #f4f4f4;} .menu2c:hover { border: solid 1px #0ea941; background-color: #f4f4f4;} #nh_main #nh_shopm3 {clear: both; width: 100%; height: 84px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; } #nh_main #nh_shopm3 #menu_bg { display: inline-block; text-align: left; width:970px; height:64px; margin: 0 auto; padding: 10px 9px 10px 10px; border: #d8d8d8 1px solid; } #nh_main #nh_shopm3 #menu_bg .menu1 { text-align: center; float: left; width:78px; height:62px; margin:0; padding:0; } #nh_main #nh_shopm3 #menu_bg .menu2 { text-align: center; float: left; width:79px; height:62px; margin:0; padding:0; } #nh_main #nh_shopm3 #menu_bg .menu1c { text-align: center; float: left; width:78px; height:62px; margin:0; padding:0; } #nh_main #nh_shopm3 #menu_bg .menu2c { text-align: center; float: left; width:79px; height:62px; margin:0; padding:0; } #nh_main7 { clear: both; width: 100%; text-align: center; float: left; margin: 0 auto; position: relative; display: inline; padding-bottom:0; } #nh_main7 #nh_shopm3 {clear: both; width: 100%; height: 84px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; background-color: #ffffff; } #nh_main7 #nh_shopm3 #menu_bg { display: inline-block; text-align: left; width:970px; height:64px; margin: 0 auto; padding: 10px 9px 10px 10px; border-bottom: #d8d8d8 1px solid; border-left: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; } #nh_main7 #nh_shopm3 #menu_bg .menu1 { text-align: center; float: left; width:78px; height:62px; margin:0; padding:0; } #nh_main7 #nh_shopm3 #menu_bg .menu2 { text-align: center; float: left; width:79px; height:62px; margin:0; padding:0; } #nh_main7 #nh_shopm3 #menu_bg .menu1c { text-align: center; float: left; width:78px; height:62px; margin:0; padding:0; } #nh_main7 #nh_shopm3 #menu_bg .menu2c { text-align: center; float: left; width:79px; height:62px; margin:0; padding:0; } #nh_main8 { clear: both; width: 100%; text-align: center; float: left; margin: 0 auto; position: relative; display: inline; padding-bottom:50px; } #nh_main8 #nh_shopm3 {clear: both; width: 100%; height: 84px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; background-color: #ffffff; } #nh_main8 #nh_shopm3 #menu_bg { display: inline-block; text-align: left; width:970px; height:64px; margin: 0 auto; padding: 10px 9px 10px 10px; border: #d8d8d8 1px solid; } #nh_main8 #nh_shopm3 #menu_bg .menu1 { text-align: center; float: left; width:78px; height:62px; margin:0; padding:0; } #nh_main8 #nh_shopm3 #menu_bg .menu2 { text-align: center; float: left; width:79px; height:62px; margin:0; padding:0; } #nh_main8 #nh_shopm3 #menu_bg .menu1c { text-align: center; float: left; width:78px; height:62px; margin:0; padding:0; } #nh_main8 #nh_shopm3 #menu_bg .menu2c { text-align: center; float: left; width:79px; height:62px; margin:0; padding:0; } #nh_shopban {clear: both; width: 100%; text-align: center; float: left; margin: 0 auto; padding-top: 20px; position: relative; display: inline; } #nh_shopban #promo { width:990px; height:332px; text-align: center; margin:0 auto; padding: 0;} #nh_shopban #promo .banner { width: 755px; display: inline-block; float: left; } #nh_shopban #promo .focus { width: 192px; height: 290px; float: right; text-align: left; display:inline-block; border: 3px #e8eaec solid; margin: 0; padding: 13px; } #nh_shopban #promo .focus .proimg { display: block; width: 192px; height: 192px; margin-bottom: 10px;} .luxurygoods_slide{position: relative; float: left; width: 755px;} .bestbrand_wrap{position: relative; width: 224px; height: 322px; float: right; border: 3px #e8eaec solid; margin: 0; padding: 13px; box-sizing: border-box;} .bestbrand_wrap h4{font-size: 18px; font-weight: bold; font-family: 'Malgun Gothic','맑은 고딕',sans-serif; margin: 5px 0 15px;} .bestbrand_wrap .bestbrand_slide{position: relative; min-height: 240px;} .bestbrand_wrap .bestbrand_slide .img img{max-width: 100%;} .bestbrand_wrap .bestbrand_slide .desc{ font-size: 14px; margin-top: 10px; text-align: left;} .bestbrand_wrap .bestbrand_slide .swiper-pagination{ bottom: 0 !important;} .t3 { font-family:'Dotum',sans-serif; font-size:12px; color: #333333; text-decoration: none; letter-spacing: -0.08em;} .t3:link { font-family:'Dotum',sans-serif; font-size:12px; color: #333333; text-decoration: none; letter-spacing: -0.08em;} .t3:visited { font-family:'Dotum',sans-serif; font-size:12px; color: #333333; text-decoration: none; letter-spacing: -0.08em;} .t3:active { font-family:'Dotum',sans-serif; font-size:12px; color: #333333; text-decoration: none; letter-spacing: -0.08em;} .t3:hover { font-family:'Dotum',sans-serif; font-size:12px; color: #333333; text-decoration: underline; letter-spacing: -0.08em;} #nh_main #nh_main5 { clear:both; width:990px; margin:0 auto; padding-bottom: 50px;} #nh_main #nh_main5 .best { width:100%; text-align: left; display: inline-block ; float: left; } #nh_main #nh_main5 .best_p { width: 322px; height: 430px; display: inline-block; float: left; border: 1px solid #d2d7dd; margin-bottom: 20px; } #nh_main #nh_main5 .best_p1 { width: 300px; padding:11px; } #nh_main #nh_main5 .best_p1 .best_pro .proimg { display: block; width: 300px; height: 300px; margin-bottom: 15px; } #nh_main #nh_main5 .best_p1 .best_pro .saleicon img { padding-right: 3px; } #nh_main #nh_main5 .best_p1 .best_pro .priceinfo1 { width:40px; height:88px; text-align: center; background: url('http://image.72time.kr/data/rental/2014_main/saleprice1_bg.png') no-repeat; color: #ffffff; text-decoration: none; letter-spacing: -0.05em; } #nh_main #nh_main5 .best_p1 .best_pro .priceinfo2 { width:40px; height:88px; text-align: center; background: url('http://image.72time.kr/data/rental/2014_main/saleprice2_bg.png') no-repeat; color: #ffffff; text-decoration: none; letter-spacing: -0.05em; } #nh_main #nh_main5 .best_p { border: 1px solid #d2d7dd;} #nh_main #nh_main5 .best_p:hover { border: 1px solid #006bbb;} /*2014리뉴얼-이베이쇼핑*/ #nh_shopm9 {clear: both; width: 100%; height: 84px; text-align: center; float: left; margin: 0 auto; padding-bottom: 10px; position: relative; display: inline; } #nh_shopm9 #menu_bg { display: inline-block; width:968px; height:64px; text-align: center; margin: 0; padding: 10px 10px 10px 10px; border: #d8d8d8 1px solid; } #nh_shopm9 #menu_bg .menu9 { text-align: center; float: left; width:119px; height:62px; margin:0; padding:0; } #nh_shopm9 #menu_bg .menu9c { text-align: center; float: left; width:119px; height:62px; margin:0; padding:0; } #nh_shopm9 #menu_bg .menu9_1 { text-align: center; float: left; width:120px; height:62px; margin:0; padding:0; } #nh_shopm9 #menu_bg .menu9c_1 { text-align: center; float: left; width:120px; height:62px; margin:0; padding:0; } .shm1 { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.09em;} .shm1:link { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.09em;} .shm1:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.09em;} .shm1:active { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none; letter-spacing: -0.09em;} .shm1:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #00a448; font-weight: bold; text-decoration: none ;letter-spacing: -0.15em;} .menu9 { border: solid 1px #FFFFFF;} .menu9:hover { border: solid 1px #0ea941; background-color: #f4f4f4;} .menu9_1 { border: solid 1px #FFFFFF;} .menu9_1:hover { border: solid 1px #0ea941; background-color: #f4f4f4;} .menu9c { border: solid 1px #FFFFFF; background-color: #f4f4f4;} .menu9c:hover { border: solid 1px #0ea941; background-color: #f4f4f4;} .menu9_1c { border: solid 1px #FFFFFF; background-color: #f4f4f4;} .menu9_1c:hover { border: solid 1px #0ea941; background-color: #f4f4f4;} /*리뉴얼-글로벌쇼핑*/ #nh_shopm6 {clear: both; width: 100%; height: 84px; text-align: center; float: left; margin: 0 auto; padding-bottom: 10px; position: relative; display: inline; } #nh_shopm6 #menu_bg { display: inline-block; width:968px; height:64px; text-align: center; margin: 0; padding: 10px 10px 10px 10px; border: #d8d8d8 1px solid; } #nh_shopm6 #menu_bg .menu6 { text-align: center; float: left; width:118px; height:62px; margin:0; padding:0; } #nh_shopm6 #menu_bg .menu6c { text-align: center; float: left; width:118px; height:62px; margin:0; padding:0; } #nh_shopm6 #menu_bg .menu6_1 { text-align: center; float: left; width:120px; height:62px; margin:0; padding:0; } #nh_shopm6 #menu_bg .menu6c_1 { text-align: center; float: left; width:120px; height:62px; margin:0; padding:0; } .shm1 { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.09em;} .shm1:link { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.09em;} .shm1:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.09em;} .shm1:active { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none; letter-spacing: -0.09em;} .shm1:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #00a448; font-weight: bold; text-decoration: none ;letter-spacing: -0.15em;} .menu6 { border: solid 1px #FFFFFF;} .menu6:hover { border: solid 1px #0ea941; background-color: #f4f4f4;} .menu6_1 { border: solid 1px #FFFFFF;} .menu6_1:hover { border: solid 1px #0ea941; background-color: #f4f4f4;} .menu6c { border: solid 1px #FFFFFF; background-color: #f4f4f4;} .menu6c:hover { border: solid 1px #0ea941; background-color: #f4f4f4;} .menu6_1c { border: solid 1px #FFFFFF; background-color: #f4f4f4;} .menu6_1c:hover { border: solid 1px #0ea941; background-color: #f4f4f4;} /*아마존 추가*/ #nh_shopm8 {clear: both; width: 100%; height: 75px; text-align: center; float: left; margin: 0 auto; padding-bottom: 40px; padding-top: 20px; position: relative; display: inline; } #nh_shopm8 #menu_bg8 { display: inline-block; width:990px; height:75px; text-align: center; margin: 0; padding: 0; border: 0; } #nh_shopm8 #menu_bg8 .menu8 { text-align: center; float: left; width:500px; height:75px; margin:0; padding:0; text-align: left;} #nh_shopm8 #menu_bg8 .menu8_1 { text-align: center; float: left; width:490px; height:75px; margin:0; padding:0; } /*2014리뉴얼-백화점관*/ #nh_shopm7 {clear: both; width: 100%; height: 84px; text-align: center; float: left; margin: 0 auto; padding-bottom: 10px; position: relative; display: inline; } #nh_shopm7 #menu_bg { display: inline-block; width:968px; height:64px; text-align: center; margin: 0; padding: 10px 10px 10px 10px; border-bottom: #d8d8d8 1px solid; border-left: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; } #nh_shopm7 #menu_bg .menu7 { text-align: center; float: left; width:159px; height:62px; margin:0; padding: 0; } #nh_shopm7 #menu_bg .menu7c { text-align: center; float: left; width:159px; height:62px; margin:0; padding: 0;} .menu7 { border: solid 1px #FFFFFF;} .menu7:hover { border: solid 1px #0ea941; background-color: #f4f4f4;} .menu7c { border: solid 1px #FFFFFF; background-color: #f4f4f4;} .menu7c:hover { border: solid 1px #0ea941; background-color: #f4f4f4;} /*2016리뉴얼-간편장보기*/ #e_top { clear: both; width: 100%; text-align: center; margin: 0 auto; position: relative; display: inline; padding-bottom: 40px;} #e_menu { clear: both; width: 100%; height: 108px; text-align: center; float: left; margin: 0 auto; position: relative; display: inline; padding: 0; } #e_menu #e_m { display: inline-block; width:990px; text-align: left; margin: 0; padding: 0; border: 0; padding-top:40px; } #e_menu #e_m .emenu { text-align: left; float: left; margin:0; padding:0; vertical-align:top;} #e_menu #e_m .emenu img { border: 0; vertical-align:top;} .tmart1 { font-family:'Dotum',sans-serif; font-size:13px; color: #3c3c3c; font-weight: bold; text-decoration: none; letter-spacing: -0.01em; line-height: 20px; } .tmart1:link { font-family:'Dotum',sans-serif; font-size:13px; color: #3c3c3c; font-weight: bold; text-decoration: none; letter-spacing: -0.01em; line-height: 20px; } .tmart1:visited { font-family:'Dotum',sans-serif; font-size:13px; color: #3c3c3c; font-weight: bold; text-decoration: none; letter-spacing: -0.01em; line-height: 20px; } .tmart1:active { font-family:'Dotum',sans-serif; font-size:13px; color: #3c3c3c; font-weight: bold; text-decoration: none; letter-spacing: -0.01em; line-height: 20px; } .tmart1:hover { font-family:'Dotum',sans-serif; font-size:13px; color: #3c3c3c; font-weight: bold; text-decoration: none; letter-spacing: -0.01em; line-height: 20px; } /*2014리뉴얼-추석*/ #nh_nhcm { clear: both; width: 100%; height: 97px; text-align: center; float: left; margin: 0 auto; padding-top: 20px; position: relative; display: inline; } #nh_nhcm #cate { display: inline-block; width:990px; text-align: center; margin: 0; padding: 0; border: 0; } #nh_nhcm #cate .menu { text-align: center; float: left; margin:0; padding:0; } #nh_nhcban { clear: both; width: 100%; height: 502px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; } #nh_nhcban #banner { display: inline-block; width:990px; text-align: center; margin: 0; padding: 0; border: 0; } #nh_nhcgoods { clear: both; width: 100%; text-align: center; float: left; margin: 0 auto; position: relative; display: inline; padding-bottom:20px; } #nh_nhcgoods #nhc_g { clear:both; width:990px; margin:0 auto; padding-bottom: 20px;} #nh_nhcgoods #nhc_g .goods { width:100%; text-align: left; display: inline-block ; float: left; } #nh_nhcgoods #nhc_g .goods_p { width: 321px; height: 535px; display: inline-block; float: left; border: 2px solid #d2d7dd; margin-bottom: 20px; } #nh_nhcgoods #nhc_g .goods_p1 { width: 300px; padding:11px; } #nh_nhcgoods #nhc_g .goods_p1 .goods_pro .proimg { display: block; width: 300px; height: 300px; margin-bottom: 15px; } #nh_nhcgoods #nhc_g .goods_p1 .goods_pro .saleicon img { padding-right: 3px; } #nh_nhcgoods #nhc_g .goods_p1 .goods_pro .pricetxt0 { display: block; width: 80px; height: 27px; vertical-align:top; float: left; } #nh_nhcgoods #nhc_g .goods_p1 .goods_pro .pricetxt1 { display: block; width: 220px; height: 27px; vertical-align:top; float: right; text-align: right; padding-top:7px;} #nh_nhcgoods #nhc_g .goods_p1 .goods_pro .pricetxt { display: block; width: 80px; height: 32px; vertical-align:top; float: left; } #nh_nhcgoods #nhc_g .goods_p1 .goods_pro .pricetxt2 { display: block; width: 220px; height: 32px; vertical-align:top; float: right; text-align: right; } #nh_nhcgoods #nhc_g .goods_p { border: 2px solid #d2d7dd;} #nh_nhcgoods #nhc_g .goods_p:hover { border: 2px solid #8c4430;} .t11 { font-family:'Dotum',sans-serif; font-size:9pt; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t11:link { font-family:'Dotum',sans-serif; font-size:9pt; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t11:visited { font-family:'Dotum',sans-serif; font-size:9pt; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t11:active { font-family:'Dotum',sans-serif; font-size:9pt; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t11:hover { font-family:'Dotum',sans-serif; font-size:9pt; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .price3 { font-family:'verdana'; font-size:12px; color: #999999; font-weight: bold; letter-spacing: -0.02em;} .price4 { font-family:'verdana'; font-size:17pt; color: #bb001a; font-weight: bold; text-decoration: none; letter-spacing: -0.07em;} .price5 { font-family:'verdana'; font-size:15pt; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.07em;} .price6 { font-family:'verdana'; font-size:11pt; color: #0066b3; font-weight: bold; text-decoration: none; letter-spacing: -0.02em;} .price3k { font-family:'Dotum',sans-serif; font-size:11px; color: #999999; text-decoration: none; letter-spacing: 0;} .price4k { font-family:'Dotum',sans-serif; font-size:11px; color: #bb001a; text-decoration: none; letter-spacing: 0;} .price5k { font-family:'Dotum',sans-serif; font-size:11px; color: #333333; text-decoration: none; letter-spacing: 0;} .price6k { font-family:'Dotum',sans-serif; font-size:11px; color: #0066b3; text-decoration: none; letter-spacing: 0;} /*2015리뉴얼-설*/ #nh_nhsban { clear: both; width: 100%; height: 461px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; } #nh_nhsban #banner { display: inline-block; width:990px; text-align: center; margin: 0 auto; padding: 0; border: 0; } #nh_nhsban2 { clear: both; width: 100%; height: 1277px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; } #nh_nhsban2 #banner2 { display: inline-block; width:990px; text-align: center; margin: 0 auto; padding: 0; border: 0; } #nh_nhsm { clear: both; width: 100%; height: 80px; text-align: center; float: left; margin: 0 auto; padding: 0; display: inline; } #nh_nhsm #cate { display: inline-block; width:990px; text-align: center; margin: 0; padding: 0; border: 0; } #nh_nhsm #cate .menu { text-align: center; float: left; margin:0; padding:0; } #nh_nhcban3 { clear: both; width: 100%; height: 707; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; } #nh_nhcban3 #banner3 { display: inline-block; width:990px; text-align: center; margin: 0 auto; padding: 0; border: 0; } #nh_nhcban4 { clear: both; width: 100%; height: 628px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; } #nh_nhcban4 #banner4 { display: inline-block; width:990px; text-align: center; margin: 0 auto; padding: 0; border: 0; } #nh_nhcm2 { clear: both; width: 100%; height: 139px; text-align: center; float: left; margin: 0 auto; padding: 0; display: inline; } #nh_nhcm2 #cate2 { display: inline-block; width: 990px; text-align: center; margin: 0; padding: 0; border: 0; } #nh_nhcm2 #cate2 .menut { text-align: center; margin:0; padding:0; } #nh_nhcm2 #cate2 .menu { text-align: center; float: left; margin:0; padding:0; } #nh_nhcm2 #cate2 .menub { text-align: center; margin:0; padding:0; } #nh_nhcimg1 { clear: both; width: 100%; height: 52px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; } #nh_nhcimg1 #nhcimg1 { display: inline-block; width:990px; text-align: center; margin: 0 auto; padding: 0; border: 0; } #nh_nhsgoods { clear: both; width: 100%; text-align: center; float: left; margin: 0 auto; position: relative; display: inline; padding-bottom:20px; } #nh_nhsgoods #nhc_g { clear:both; width:990px; margin:0 auto; padding-bottom: 20px;} #nh_nhsgoods #nhc_g .goods { width:100%; text-align: left; display: inline-block ; float: left; } #nh_nhsgoods #nhc_g .goods_p { width: 321px; height: 490px; background-color: #ffffff; display: inline-block; float: left; border: 2px solid #dcdcdc; margin-bottom: 20px; } #nh_nhsgoods #nhc_g .goods_pp { width: 321px; height: 490px; background-color: #ffffff; display: inline-block; float: left; border: 2px solid #dcdcdc; margin-bottom: 20px; } #nh_nhsgoods #nhc_g .goods_p1 { width: 300px; padding:11px; } #nh_nhsgoods #nhc_g .goods_p1 .goods_pro .proimg { display: block; width: 300px; height: 300px; margin-bottom: 15px; } #nh_nhsgoods #nhc_g .goods_p1 .goods_pro .saleicon img { padding-right: 3px; } #nh_nhsgoods #nhc_g .goods_p1 .goods_pro .pricetxt0 { display: block; width: 150px; height: 27px; vertical-align:top; float: left; } #nh_nhsgoods #nhc_g .goods_p1 .goods_pro .pricetxt1 { display: block; width: 150px; height: 27px; vertical-align:top; float: right; text-align: right; padding-top:7px;} #nh_nhsgoods #nhc_g .goods_p1 .goods_pro .pricetxt { display: block; width: 150px; height: 32px; vertical-align:top; float: left; } #nh_nhsgoods #nhc_g .goods_p1 .goods_pro .pricetxt2 { display: block; width: 150px; height: 32px; vertical-align:top; float: right; text-align: right; padding-top:7px;} #nh_nhsgoods #nhc_g .goods_p1 .goods_pro .pricetxt3 { display: block; width: 280px; height: 100px; vertical-align: middle; float: left; text-align: center; background-color: #f3ede9; padding: 10px; margin-bottom:12px;} #nh_nhsgoods #nhc_g .goods_p1 .goods_pro .pricetxt3 .left { display: inline; width: 110px; height: 21px; vertical-align: bottom; float: left; text-align: right; line-height: 25px; } #nh_nhsgoods #nhc_g .goods_p1 .goods_pro .pricetxt3 .right { display: inline; width: 170px; height: 21px; vertical-align: top; float: right; text-align: right; } #nh_nhsgoods #nhc_g .goods_p1 .goods_pro .pricetxt4 { display: block; width: 150px; height: 32px; vertical-align: bottom; float: left; } #nh_nhsgoods #nhc_g .goods_p1 .goods_pro .pricetxt5 { display: block; width: 150px; height: 28px; vertical-align:top; float: right; text-align: right; } #nh_nhsgoods #nhc_g .goods_p { border: 2px solid #dcdcdc;} #nh_nhsgoods #nhc_g .goods_p:hover { border: 2px solid #8f4222;} .t11 { font-family:'Dotum',sans-serif; font-size:9pt; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t11:link { font-family:'Dotum',sans-serif; font-size:9pt; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t11:visited { font-family:'Dotum',sans-serif; font-size:9pt; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t11:active { font-family:'Dotum',sans-serif; font-size:9pt; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t11:hover { font-family:'Dotum',sans-serif; font-size:9pt; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .price33 { font-family:'verdana'; font-size:11pt; color: #999999; font-weight: bold; letter-spacing: -0.03em; background-image:url('http://image.72time.kr/data/rental/nh_event/2015_nhs/stroke.png');background-repeat: repeat-x; } .price4 { font-family:'verdana'; font-size:17pt; color: #262626; font-weight: bold; text-decoration: none; letter-spacing: -0.07em;} .price44 { font-family:'verdana'; font-size:17pt; color: #bb001a; font-weight: bold; text-decoration: none; letter-spacing: -0.07em;} .price5 { font-family:'verdana'; font-size:15pt; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.07em;} .price66 { font-family:'verdana'; font-size:11pt; color: #0066b3; font-weight: bold; text-decoration: none; letter-spacing: -0.03em;} .price7 { font-family:'verdana'; font-size:11pt; color: #1a1a1a; font-weight: bold; text-decoration: none; letter-spacing: -0.03em;} .price33k { font-family:'Dotum',sans-serif; font-size:11px; color: #999999; text-decoration: none; letter-spacing: 0;} .price4k { font-family:'Dotum',sans-serif; font-size:11px; color: #262626; text-decoration: none; letter-spacing: 0;} .price44k { font-family:'Dotum',sans-serif; font-size:11px; color: #bb001a; text-decoration: none; letter-spacing: 0;} .price5k { font-family:'Dotum',sans-serif; font-size:11px; color: #333333; text-decoration: none; letter-spacing: 0;} .price6k { font-family:'Dotum',sans-serif; font-size:11px; color: #0066b3; text-decoration: none; letter-spacing: 0;} .price7k { font-family:'Dotum',sans-serif; font-size:11px; color: #1a1a1a; text-decoration: none; letter-spacing: 0;} #nh_nhsmore { clear: both; width: 100%; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; } #nh_nhsmore #btn { display: inline-block; width:990px; vertical-align: top; text-align: center; margin-bottom: 20px; border: 0; } #nh_nhsmore #promore { display: inline-block; width:990px; text-align: center; margin-bottom: 10px; border: 0;} /*설 모바일*/ #nh_nhsm2 { clear: both; width: 100%; height: 136px; text-align: center; float: left; margin: 0 auto; padding: 0; display: inline;} #nh_nhsm2 #cate2 { display: inline-block; width:100%; text-align: center; margin: 0; padding: 0; border: 0; } #nh_nhsm2 #cate2 .menu22222 { text-align: center; vertical-align: middle; float: left; margin:0; padding: 0;} #nh_nhsgoods #nhc_g .goods_pm { width: 486px; height: 762px; display: inline-block; float: left; background-color: #ffffff; border: 2px solid #dcdcdc; margin-bottom: 30px; } #nh_nhsgoods #nhc_g .goods_ppm { width: 486px; height: 762px; display: inline-block; float: left; background-color: #ffffff; border: 2px solid #dcdcdc; margin-bottom: 30px; } #nh_nhsgoods #nhc_g .goods_pm1 { width: 464px; padding:11px; } #nh_nhsgoods #nhc_g .goods_pm1 .goods_prom .proimgm { display: block; width: 464px; height: 464px; margin-bottom: 15px; } #nh_nhsgoods #nhc_g .goods_pm1 .goods_prom .saleicon img { padding-right: 3px; } #nh_nhsgoods #nhc_g .goods_pm1 .goods_prom .pricetxt0m { display: block; width: 210px; height: 45px; vertical-align:top; float: left; } #nh_nhsgoods #nhc_g .goods_pm1 .goods_prom .pricetxt1m { display: block; width: 254px; height: 45px; vertical-align:top; float: right; text-align: right; padding-top:7px;} #nh_nhsgoods #nhc_g .goods_pm1 .goods_prom .pricetxtm { display: block; width: 210px; height: 52px; vertical-align:top; float: left; } #nh_nhsgoods #nhc_g .goods_pm1 .goods_prom .pricetxt2m { display: block; width: 254px; height: 52px; vertical-align:top; float: right; text-align: right; padding-top:7px;} #nh_nhsgoods #nhc_g .goods_pm1 .goods_prom .pricetxt3m { display: block; width: 434px; height: 200px; vertical-align: middle; float: left; text-align: center; background-color: #f3ede9; padding: 15px;} #nh_nhsgoods #nhc_g .goods_pm1 .goods_prom .pricetxt3m .leftm { display: inline; width: 174px; height: 34px; vertical-align: bottom; float: left; text-align: right; line-height: 34px; } #nh_nhsgoods #nhc_g .goods_pm1 .goods_prom .pricetxt3m .rightm { display: inline; width: 240px; height: 34px; vertical-align: top; float: right; text-align: right; } #nh_nhsgoods #nhc_g .goods_pm { border: 2px solid #dcdcdc;} #nh_nhsgoods #nhc_g .goods_pm:hover { border: 2px solid #6c5597;} .t1m { font-family:'Dotum',sans-serif; font-size:22px; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t1m:link { font-family:'Dotum',sans-serif; font-size:22px; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t1m:visited { font-family:'Dotum',sans-serif; font-size:22px; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t1m:active { font-family:'Dotum',sans-serif; font-size:22px; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t1m:hover { font-family:'Dotum',sans-serif; font-size:22px; color: #9b9b9b; text-decoration: none; letter-spacing: -0.05em;} .t2m { font-family:'Dotum',sans-serif; font-size:22pt; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .t2m:link { font-family:'Dotum',sans-serif; font-size:22pt; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .t2m:visited { font-family:'Dotum',sans-serif; font-size:22pt; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .t2m:active { font-family:'Dotum',sans-serif; font-size:22pt; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .t2m:hover { font-family:'Dotum',sans-serif; font-size:22pt; color: #333333; font-weight: bold; text-decoration: underline; letter-spacing: -0.05em;} .price3m { font-family:'verdana'; font-size:25pt; color: #999999; font-weight: bold; letter-spacing: -0.03em; background-image:url('http://image.72time.kr/data/rental/nh_event/2015_nhs/strokem.png');background-repeat: repeat-x; } .price4m { font-family:'verdana'; font-size:35pt; color: #262626; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .price44m { font-family:'verdana'; font-size:35pt; color: #bb001a; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .price5m { font-family:'verdana'; font-size:20pt; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.02em;} .price6m { font-family:'verdana'; font-size:24pt; color: #0066b3; font-weight: bold; text-decoration: none; letter-spacing: -0.03em;} .price7m { font-family:'verdana'; font-size:24pt; color: #1a1a1a; font-weight: bold; text-decoration: none; letter-spacing: -0.03em;} .price3mk { font-family:'Dotum',sans-serif; font-size:22px; color: #999999; text-decoration: none; letter-spacing: 0;} .price4mk { font-family:'Dotum',sans-serif; font-size:22px; color: #262626; text-decoration: none; letter-spacing: 0;} .price44mk { font-family:'Dotum',sans-serif; font-size:22px; color: #bb001a; text-decoration: none; letter-spacing: 0;} .price5mk { font-family:'Dotum',sans-serif; font-size:22px; color: #333333; text-decoration: none; letter-spacing: 0;} .price6mk { font-family:'Dotum',sans-serif; font-size:22px; color: #0066b3; text-decoration: none; letter-spacing: 0;} .price7mk { font-family:'Dotum',sans-serif; font-size:22px; color: #1a1a1a; text-decoration: none; letter-spacing: 0;} /*2014리뉴얼-쇼핑 대분류*/ #nh_shopm2 {clear: both; text-align: center; padding: 30px 0 13px 0; position: relative; width: 100%; margin: 0 auto; float: left; z-index: 980; } #nh_shopm2 #menu_bg2 { display: inline-block; width:990px; text-align: center; margin: 0; border-top: #d8d8d8 1px solid; border-left: #d8d8d8 1px solid; } #nh_shopm2 #menu_bg2 .menu3 { float: left; text-align: left; width:147px; height:22px; margin:0; padding-top:8px; padding-left:15px; border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; } #nh_shopm2 #menu_bg2 .menu3c { float: left; text-align: left; width:147px; height:22px; margin:0; padding-top:8px; padding-left:15px; border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; } #nh_shopm2 #menu_bg2 .menu3n { float: left; text-align: left; width:147px; height:22px; margin:0; padding-top:8px; padding-left:15px; border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; } .nh_shopm2 { padding-top: 20px; position: relative; width: 100%; margin: 0 auto; float: left; text-align: center; } .shm2 { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.05em;} .shm2:link { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.05em;} .shm2:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.05em;} .shm2:active { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none; letter-spacing: -0.05em;} .shm2:hover { font-family:'Dotum',sans-serif; font-size:11px; font-weight: bold; text-decoration: none ;letter-spacing: -0.05em;} .shm2c { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none ;letter-spacing: -0.05em;} .shm2c:link { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none ;letter-spacing: -0.05em;} .shm2c:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none ;letter-spacing: -0.05em;} .shm2c:active { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none; letter-spacing: -0.05em;} .shm2c:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none ;letter-spacing: -0.05em;} .menu3 { background-color: #ffffff; } .menu3:hover { background-color: #101010; } .menu3n { border-left: solid 2px #ffffff; background-color: #ffffff; } .menu3n:hover { border-left: solid 2px #ffffff; background-color: #ffffff; } .menu3c { } .menu3c:hover { } #nh_shopm22 {clear: both; text-align: center; padding: 20px 0 20px 0; position: relative; width: 100%; margin: 0 auto; float: left; z-index: 980; } #nh_shopm22 #menu_bg22 { display: inline-block; width:990px; text-align: center; margin: 0; border-top: #d8d8d8 1px solid; border-left: #d8d8d8 1px solid; } #nh_shopm22 #menu_bg22 .menu3 { float: left; text-align: left; width:147px; height:22px; margin:0; padding-top:8px; padding-left:15px; border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; } #nh_shopm22 #menu_bg22 .menu3c { float: left; text-align: left; width:147px; height:22px; margin:0; padding-top:8px; padding-left:15px; border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; } #nh_shopm22 #menu_bg22 .menu3n { float: left; text-align: left; width:147px; height:22px; margin:0; padding-top:8px; padding-left:15px; border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; } .nh_shopm2 { padding-top: 20px; position: relative; width: 100%; margin: 0 auto; float: left; text-align: center; } .shm2 { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.05em;} .shm2:link { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.05em;} .shm2:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.05em;} .shm2:active { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none; letter-spacing: -0.05em;} .shm2:hover { font-family:'Dotum',sans-serif; font-size:11px; font-weight: bold; text-decoration: none ;letter-spacing: -0.05em;} .shm2c { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none ;letter-spacing: -0.05em;} .shm2c:link { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none ;letter-spacing: -0.05em;} .shm2c:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none ;letter-spacing: -0.05em;} .shm2c:active { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none; letter-spacing: -0.05em;} .shm2c:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none ;letter-spacing: -0.05em;} .menu3 { border-left: solid 2px #ffffff; background-color: #ffffff; } .menu3:hover { background-color: #fafafa; } .menu3n { border-left: solid 2px #ffffff; background-color: #ffffff; } .menu3n:hover { border-left: solid 2px #ffffff; background-color: #ffffff; } .menu3c { border-left: solid 2px #101010; background-color: #101010; } .menu3c:hover { border-left: solid 2px #101010; background-color: #101010; } #nh_shopm4 {clear: both; text-align: center; padding: 5px 0 10px 0; position: relative; width: 100%; margin: 0 auto; float: left; z-index: 980; } #nh_shopm4 #menu_bg4 { display: inline-block; width:990px; text-align: center; margin: 0; border-top: #d8d8d8 1px solid; border-left: #d8d8d8 1px solid; } #nh_shopm4 #menu_bg4 .menu4 { float: left; text-align: left; width:147px; height:22px; margin:0; padding-top:8px; padding-left:15px; border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; } #nh_shopm4 #menu_bg4 .menu4c { float: left; text-align: left; width:147px; height:22px; margin:0; padding-top:8px; padding-left:15px; border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; } #nh_shopm4 #menu_bg4 .menu4n { float: left; text-align: left; width:147px; height:22px; margin:0; padding-top:8px; padding-left:15px; border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; } .nh_shopm4 { padding-top: 5px; position: relative; width: 100%; margin: 0 auto; float: left; text-align: center; } .shm4 { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.05em;} .shm4:link { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.05em;} .shm4:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none ;letter-spacing: -0.05em;} .shm4:active { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none; letter-spacing: -0.05em;} .shm4:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #101010; font-weight: bold; text-decoration: none ;letter-spacing: -0.05em;} .shm4c { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none ;letter-spacing: -0.05em;} .shm4c:link { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none ;letter-spacing: -0.05em;} .shm4c:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none ;letter-spacing: -0.05em;} .shm4c:active { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none; letter-spacing: -0.05em;} .shm4c:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none ;letter-spacing: -0.05em;} .menu4 { border-left: solid 2px #fafafa; background-color: #fafafa; } .menu4:hover { border-left: solid 2px #101010; background-color: #f4f4f4; } .menu4n { border-left: solid 2px #fafafa; background-color: #fafafa; } .menu4n:hover { border-left: solid 2px #f4f4f4; background-color: #f4f4f4; } .menu4c { border-left: solid 2px #101010; background-color: #101010; } .menu4c:hover { border-left: solid 2px #101010; background-color: #101010; } #nh_main #nh_main6 { clear:both; width:990px; margin:0 auto; padding-top: 20px; } #nh_main #nh_main6 .best { width:100%; text-align: left; display: inline-block ; float: left; } #nh_main #nh_main6 .ebaysearchb { width:100%; text-align: left; display: inline-block ; vertical-align: top; } #nh_main #nh_main6 .ebaysearchb .ebays1 { display: inline-block ; float: left; width: 400px; text-align:left;} #nh_main #nh_main6 .ebaysearchb .ebays2 { display: inline-block ; float: left; width: 508px; text-align:right;} #nh_main #nh_main6 .ebaysearchb .ebays3 { display: inline-block ; float: right; } #nh_main #nh_main6 .best_sort { clear: both; width:990px; height: 25px; text-align: right; float: left; display: inline-block; font-size: 13px;} #nh_main #nh_main6 .best_p { width: 238px; height: 347px; display: inline-block; float: left; border: 1px solid #d2d7dd; margin-bottom: 20px; } #nh_main #nh_main6 .best_p1 { width: 220px; padding:9px; } #nh_main #nh_main6 .best_p1 .best_pro .proimg { display: block; width: 220px; height: 220px; margin-bottom: 15px; } #nh_main #nh_main6 .best_p1 .best_pro .saleicon img { padding-right: 2px; } #nh_main #nh_main6 .best_p1 .best_pro .priceinfo1 { width:40px; height:88px; text-align: center; background: url('http://image.72time.kr/data/rental/2014_main/saleprice1_bg.png') no-repeat; color: #ffffff; text-decoration: none; letter-spacing: -0.05em; } #nh_main #nh_main6 .best_p1 .best_pro .priceinfo2 { width:40px; height:88px; text-align: center; background: url('http://image.72time.kr/data/rental/2014_main/saleprice2_bg.png') no-repeat; color: #ffffff; text-decoration: none; letter-spacing: -0.05em; } .searchWrap{position: absolute; bottom:10px; right: 0;} .searchWrap .ipt{ width: 200px; height: 34px; margin-right: 65px; border-radius: 2px; font-size: 13px !important;} .searchWrap .btn_b{ position: absolute; position: absolute; top:0; right: 0; min-width: 60px !important; height: 36px !important; padding: 0 !important; border-radius: 2px !important; font-size: 13px !important;} .sort { font-family:'Dotum',sans-serif; font-size:13px; color: #444444; text-decoration: none; letter-spacing: -0.05em;} .sort:link { font-family:'Dotum',sans-serif; font-size:13px; color: #444444; text-decoration: none; letter-spacing: -0.05em;} .sort:visited { font-family:'Dotum',sans-serif; font-size:13px; color: #444444; text-decoration: none; letter-spacing: -0.05em;} .sort:active { font-family:'Dotum',sans-serif; font-size:13px; color: #444444; text-decoration: none; letter-spacing: -0.05em;} .sort:hover { font-family:'Dotum',sans-serif; font-size:13px; color: #df3e4e; text-decoration: none; letter-spacing: -0.05em;} .sortc { font-family:'Dotum',sans-serif; font-size:13px; color: #000000; font-weight: bold; text-decoration: none;letter-spacing: -0.05em;} .sortc:link { font-family:'Dotum',sans-serif; font-size:13px; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .sortc:visited { font-family:'Dotum',sans-serif; font-size:13px; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .sortc:active { font-family:'Dotum',sans-serif; font-size:13px; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .sortc:hover { font-family:'Dotum',sans-serif; font-size:13px; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .t4 { font-family:'Dotum',sans-serif; font-size:12px; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .t4:link { font-family:'Dotum',sans-serif; font-size:12px; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .t4:visited { font-family:'Dotum',sans-serif; font-size:12px; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .t4:active { font-family:'Dotum',sans-serif; font-size:12px; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .t4:hover { font-family:'Dotum',sans-serif; font-size:12px; color: #333333; font-weight: bold; text-decoration: underline; letter-spacing: -0.05em;} #nh_main #nh_main6 .best_p { border: 1px solid #d2d7dd;} #nh_main #nh_main6 .best_p:hover { border: 1px solid #df3e4e;} #nh_main #nh_main6 .best .ttab .ttab_button { clear:both; width:100%; display: inline-block ; } /*2014리뉴얼-상품상세*/ /* #nh_ngood {clear: both; width: 100%; float: left; text-align: center; margin: 0 auto; padding-top: 20px; position: relative; display: inline; font-family:'Dotum',sans-serif; font-size:12px; color: #212121; text-decoration: none; font-weight: normal; letter-spacing: 0em;} */ #nh_ngood .pname { display: block; width:990px; text-align: left; margin: 0 auto; height:40px; line-height: 40px; border-top: #00a436 2px solid; border-bottom: #dadada 1px solid; } .pname { font-family:'Dotum',sans-serif; font-size:15px; color: #333333; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} #nh_ngood #pinfo { clear: both; display:block; width:990px; margin: 0 auto; padding-top: 15px; background-color: #ffffff; } #nh_ngood #pinfo::after{ display: table; content: ''; clear: both;} #nh_ngood #pinfo .pinfo1 { float: left; display: inline-block; width: 302px; height:530px; margin: 0; padding-right: 20px; } #nh_ngood #pinfo .pinfo1 .pother { display: block; width: 302px; text-align:center; padding-top: 15px; } .pimg { width:50px; height:50px; margin-right: 6px; border:1px solid #e4e4e4; } #nh_ngood #pinfo .pinfo2 { float: left; display: inline-block; width: 416px; margin: 0; padding-right: 25px; } #nh_ngood #pinfo .pinfo2 .plist ul { display: inline; padding: 0; margin: 0; font-size:0; list-style-type: none; } #nh_ngood #pinfo .pinfo2 .plist li { float: left; list-style-type: none; padding-top: 10px; padding-bottom: 9px; } #nh_ngood #pinfo .pinfo2 .plist li .tit { float: left; text-align: left; display: inline-block; width: 145px; margin-top: 5px;} #nh_ngood #pinfo .pinfo2 .plist li .txt { float: right; text-align: left; width: 271px; font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; letter-spacing: -0.05em; vertical-align: top; } #nh_ngood #pinfo .pinfo2 .plist li .tit2 { text-align: left; display: inline-block; width: 210px; padding-top:5px; padding-left:15px; vertical-align: top;} #nh_ngood #pinfo .pinfo2 .plist li .txt2 { text-align: left; display: inline-block; width: 70px; font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; letter-spacing: -0.05em; vertical-align: top; } #nh_ngood #pinfo .pinfo2 .plist li .txt3 { text-align: right; display: inline-block; width: 90px; padding-top:5px; font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; letter-spacing: -0.05em; vertical-align: top; } #nh_ngood #pinfo .pinfo2 .plist li .txt4 { text-align: right; display: inline-block; width: 21px; padding-top:5px; padding-right:8px; font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; letter-spacing: -0.05em; vertical-align: middle; } #nh_ngood #pinfo .pinfo2 .plist li .tit3 { text-align: right; display: inline-block; width: 416px; height: 20px; padding-top: 5px; } #nh_ngood #pinfo .pinfo2 .plist li .tit4 { text-align: right; display: inline-block; width: 416px; height: 20px; padding-top: 5px; } #nh_ngood #pinfo .pinfo2 .plist li .tit5 { text-align: left; display: inline-block; width: 399px; padding-top:5px; padding-left:15px; vertical-align: top;} #nh_ngood .luxbanner img{max-width: 100%;} .tit { font-family:'Dotum',sans-serif; font-size: 11px; color: #a0a0a0; font-weight: bold; text-decoration: none; letter-spacing: -0.05em; vertical-align: top; } .tit2 { font-family:'Dotum',sans-serif; font-size: 11px; color: #a0a0a0; font-weight: bold; text-decoration: none; letter-spacing: -0.05em; vertical-align: middle;} .tit3 { font-family:'Dotum',sans-serif; font-size: 12px; color: #a0a0a0; font-weight: bold; text-decoration: none; letter-spacing: -0.05em; line-height: 20px; } .tit4 { font-family:'Dotum',sans-serif; font-size: 12px; color: #2c2c2c; font-weight: bold; text-decoration: none; letter-spacing: -0.05em; } .tit5 { font-family:'Dotum',sans-serif; font-size: 11px; color: #a0a0a0; font-weight: bold; text-decoration: none; letter-spacing: -0.05em; vertical-align: middle;} .pprice1 { font-family:'verdana',sans-serif; font-size: 11px; color: #777777; text-decoration: none; line-height: 11px; letter-spacing: -0.05em;} .pprice2 { font-family:'verdana',sans-serif; font-size: 12px; color: #2c2c2c; text-decoration: none; line-height: 12px; letter-spacing: -0.05em;} .pprice3 { font-family:'verdana',sans-serif; font-size: 15px; color: #2c2c2c; text-decoration: none; line-height: 17px; letter-spacing: -0.05em;} .pprice4 { font-family:'verdana',sans-serif; font-size: 17px; color: #f22800; text-decoration: none; line-height: 17px; letter-spacing: -0.05em;} .pprice5 { font-family:'verdana',sans-serif; font-size: 11px; color: #31b571; text-decoration: none; line-height: 11px; letter-spacing: -0.05em;} .pprice6 { font-family:'verdana',sans-serif; font-size: 11px; color: #777777; text-decoration: none; line-height: 11px; letter-spacing: -0.02em;} .pprice7 { font-family:'verdana',sans-serif; font-size: 15px; color: #f22800; text-decoration: none; line-height: 15px; letter-spacing: -0.05em;} .pprice8 { font-family:'verdana',sans-serif; font-size: 15px; color: #327bd6; text-decoration: none; line-height: 15px; letter-spacing: -0.05em;} .pprice9 { font-family:'verdana',sans-serif; font-size: 12px; color: #327bd6; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} #nh_ngood #pinfo .pinfo2 .plist .gobtn { text-align: center; display: inline-block; width: 416px; height: 40px; padding-top: 10px; } #nh_ngood #pinfo .pinfo2 .plist .gonoti { text-align: center; display: inline-block; width: 416px; height: 83px; padding-top: 10px; font-family:'Dotum',sans-serif; font-weight: normal; font-size:11px; color: #555555; text-decoration: none; letter-spacing: -0.05em; } #nh_ngood #pinfo .pinfo2 .plist .gonoti .noti { width:415px; height: 83px; background: url('http://image.72time.kr/data/rental/2014_goods/noti_limit.gif') no-repeat; } #nh_ngood #pinfo .pinfo3 { float: left; display: inline-block; width: 225px; margin: 0; padding: 0; } #nh_ngood #pinfo .pinfo3 .pseller { display: inline-block; width: 223px; border: 1px solid #e0e0e0; margin: 0; padding: 0; } #nh_ngood #pinfo .pinfo3 .pseller .seller_image { display: inline-block; width:100%; padding: 13px 0 10px 0; text-align:center; width:100%; } #nh_ngood #pinfo .pinfo3 .pseller .seller_name { display: inline-block; text-align: center; width:100%; height: 47px; border-bottom: 1px solid #e0e0e0; } #nh_ngood #pinfo .pinfo3 .pseller .seller_info { display: inline-block; width:200px; padding: 5px 10px 15px 10px; text-align: left; border: 1px solid #31b571; } .seller_info { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; font-weight: normal; text-decoration: none; line-height: 18px; letter-spacing: 0;} .seller_info .t3 { font-family:'Dotum',sans-serif; font-size:12px; color: #31b571; font-weight: bold; text-decoration: none; line-height: 30px; letter-spacing: 0;} #nh_ngood #pinfo .pinfo3 .pseller .seller_info2 { display: inline-block; width:213px; padding-left: 10px; text-align: left; border-bottom: 1px solid #e0e0e0; } .seller_info2 { font-family:'Dotum',sans-serif; font-size:11px; color: #a0a0a0; font-weight: normal; text-decoration: none; line-height: 18px; letter-spacing: -0.05em; } #nh_ngood .pnotice { display: inline-block; width:990px; height: 113px; margin-top: 35px; margin-bottom: 30px; background: url('http://image.72time.kr/data/rental/2014_goods/banner_infobg.png') no-repeat; } #nh_ngood .pnotice ul { display: inline-block; padding: 15px 0 15px 0; margin: 0; font-size:0; list-style-type: none; } #nh_ngood .pnotice li { list-style-type: none; padding-left: 145px; width:835px; line-height: 14px; text-align:left; font-family:'Dotum',sans-serif; font-weight: normal; font-size:11px; color: #6b6f71; text-decoration: none; letter-spacing: -0.05em; } /* #nh_ngood2 { clear: both; width: 100%; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; font-family:'Dotum',sans-serif; font-size:12px; color: #212121; text-decoration: none; font-weight: normal; text-decoration: none; letter-spacing: 0em;} */ #nh_ngood2 #pcontents { display: inline-block; width:990px; margin: 0; padding-top: 15px; } #nh_ngood2 #pcontents .mbar { display: inline-block; float: left; width:990px; margin: 0; padding-bottom: 30px; } #nh_ngood2 #pcontents .mbar ul { display: inline-block; list-style-type: none; padding: 0; margin: 0; } #nh_ngood2 #pcontents .mbar li { float: left; list-style-type: none; padding: 0; text-align:left; } #nh_ngood2 #pcontents .contents1 { display: inline-block; text-align: left; width:960px; margin: 0 auto; padding-bottom: 50px; } #nh_ngood2 #pcontents .contents1 ul { display: inline-block; text-align: left; width: 960px; margin: 0 auto; padding: 0; border-left: 1px solid #c1d7ea; border-right: 1px solid #c1d7ea; border-top: 1px solid #c1d7ea; } #nh_ngood2 #pcontents .contents1 li { display: inline-block; text-align: left; margin: 0; height: 28px; border-bottom: 1px solid #c1d7ea;} #nh_ngood2 #pcontents .contents1 li .ileft { float: left; text-align: left; background: #eef3f9; display: inline-block; width: 114px; height: 20px; padding-top: 8px; padding-left: 15px; border-right: 1px solid #c1d7ea; } #nh_ngood2 #pcontents .contents1 li .ileft22 { float: left; text-align: left; background: #eef3f9; display: inline-block; width: 114px; height: 85px; padding-top: 8px; padding-left: 15px; border-right: 1px solid #c1d7ea; } #nh_ngood2 #pcontents .contents1 li .ileft23 { float: left; text-align: left; background: #eef3f9; display: inline-block; width: 114px; height: 70px; padding-top: 8px; padding-left: 15px; border-right: 1px solid #c1d7ea; } #nh_ngood2 #pcontents .contents1 li .iright1 { float: left; display: inline-block; text-align: left; margin: 0; width: 815px; height: 20px; padding-top: 8px; padding-left: 15px; } #nh_ngood2 #pcontents .contents1 li .iright2 { float: left; display: inline-block; text-align: left; margin: 0; width: 334px; height: 20px; padding-top: 8px; padding-left: 15px; border-right: 1px solid #c1d7ea; } #nh_ngood2 #pcontents .contents1 li .iright3 { float: left; display: inline-block; text-align: left; margin: 0; width: 335px; height: 20px; padding-top: 8px; padding-left: 15px; } #nh_ngood2 #pcontents .contents1 li .iright4 { float: left; display: inline-block; text-align: left; margin: 0; width: 40px; height: 85px; padding-top: 20px; padding-left: 15px; } #nh_ngood2 #pcontents .contents1 li .iright5 { float: left; display: inline-block; text-align: left; margin: 0; width: 743px; height: 85px; padding-top: 24px; padding-left: 15px; } #nh_ngood2 #pcontents .contents1 li .iright6 { float: left; display: inline-block; text-align: left; margin: 0; width: 40px; height: 70px; padding-top: 12px; padding-left: 15px; } #nh_ngood2 #pcontents .contents1 li .iright7 { float: left; display: inline-block; text-align: left; margin: 0; width: 743px; height: 70px; padding-top: 16px; padding-left: 15px; } .ileft { font-family:'Dotum',sans-serif; font-size:11px; color: #3177aa; text-decoration: none; font-weight: bold; text-decoration: none; letter-spacing: -0.1em;} .ileft22 { font-family:'Dotum',sans-serif; font-size:11px; color: #3177aa; text-decoration: none; font-weight: bold; text-decoration: none; letter-spacing: -0.1em;} .ileft23 { font-family:'Dotum',sans-serif; font-size:11px; color: #3177aa; text-decoration: none; font-weight: bold; text-decoration: none; letter-spacing: -0.1em;} .iright1 { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; font-weight: normal; text-decoration: none; letter-spacing: -0.05em;} .iright2 { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; font-weight: normal; text-decoration: none; letter-spacing: -0.05em;} .iright3 { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; font-weight: normal; text-decoration: none; letter-spacing: -0.05em;} .iright4 { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; font-weight: normal; text-decoration: none; letter-spacing: -0.05em;} .iright5 { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; font-weight: normal; text-decoration: none; letter-spacing: -0.05em;} .iright6 { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; font-weight: normal; text-decoration: none; letter-spacing: -0.05em;} .iright7 { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; font-weight: normal; text-decoration: none; letter-spacing: -0.05em;} #nh_ngood2 #pcontents .contents8 { display: inline-block; text-align: left; width:960px; margin: 0 auto; padding-bottom: 50px; } #nh_ngood2 #pcontents .contents8 ul { display: inline-block; text-align: left; width: 960px; margin: 0 auto; padding: 0; border-left: 1px solid #c1d7ea; border-right: 1px solid #c1d7ea; border-top: 1px solid #c1d7ea; } #nh_ngood2 #pcontents .contents8 li { display: inline-block; text-align: left; margin: 0; height: 38px; border-bottom: 1px solid #c1d7ea;} #nh_ngood2 #pcontents .contents8 li .ileft2 { float: left; text-align: left; background: #eef3f9; display: inline-block; width: 350px; height: 30px; line-height: 30px; padding-left: 15px; padding-top: 8px; } #nh_ngood2 #pcontents .contents8 li .iright5 { float: left; display: inline-block; text-align: left; margin: 0; width: 579px; height: 100%; padding-left: 15px; padding-top: 8px; height: 30px; vertical-align: middle; border-left: 1px solid #c1d7ea; } .ileft2 { font-family:'Dotum',sans-serif; font-size:11px; color: #1b1b1b; text-decoration: none; font-weight: normal; text-decoration: none; letter-spacing: -0.05em;} .iright5 { font-family:'Dotum',sans-serif; font-size:11px; color: #777777; text-decoration: none; font-weight: normal; text-decoration: none; letter-spacing: -0.05em;} #nh_ngood2 #pcontents .contents6 { clear: both; display: inline-block; width: 990px; text-align: center; margin: 0 auto; padding-bottom: 30px; } #nh_ngood2 #pcontents .contents7 { display: inline-block; text-align: left; width:960px; margin: 0 auto; padding:0; } #nh_ngood2 #pcontents .contents7 ul { display: inline-block; text-align: left; width: 958px; margin: 0 auto; padding: 0; border: 2px solid #c1d7ea; } #nh_ngood2 #pcontents .contents7 li { display: inline-block; text-align: left; margin: 15px 20px 15px 20px; padding: 0px; } .cnoti { font-family:'Dotum',sans-serif; font-size: 14px; color: #000000; text-decoration: none; font-weight: bold; text-decoration: none; letter-spacing: 0em; line-height: 23px;} /* #nh_ngood2 #pcontents .contents2 { clear: both; display: inline-block; text-align: center; width:100%; margin: 0 auto; padding-bottom: 30px; } #nh_ngood2 #pcontents .contents2 .review { clear: both; display: inline-block; text-align: center; width:960px; margin: 0 auto; } #nh_ngood2 #pcontents .contents2 .review ul {clear: both; display: inline; list-style-type: none; padding: 0; margin: 0; } #nh_ngood2 #pcontents .contents2 .review li { float: left; list-style-type: none; padding: 10px 10px 7px 10px; text-align: center; border-bottom: 1px solid #e5e5e5; } #nh_ngood2 #pcontents .contents2 .review li .star1 { display: inline-block; width: 105px; font-family:'Dotum',sans-serif; font-size: 11px; color: #a0a0a0; text-decoration: none; letter-spacing: -0.05em;} #nh_ngood2 #pcontents .contents2 .review li .titl1 { display: inline-block; width: 660px; margin: 0; font-family:'Dotum',sans-serif; font-size: 11px; color: #a0a0a0; text-decoration: none; letter-spacing: -0.05em; } #nh_ngood2 #pcontents .contents2 .review li .wdate1 { display: inline-block; width: 165px; margin: 0; font-family:'Dotum',sans-serif; font-size: 11px; color: #a0a0a0; text-decoration: none; letter-spacing: -0.05em; } #nh_ngood2 #pcontents .contents2 .review li .star2 { vertical-align:middle; display: inline-block; width: 105px; } #nh_ngood2 #pcontents .contents2 .review li .titl2 { text-align: left; display: inline-block; width: 660px; margin: 0; font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: -0.05em; } #nh_ngood2 #pcontents .contents2 .review li .wdate2 { text-align: right; display: inline-block; width: 165px; margin: 0; font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: 0; } #nh_ngood2 #pcontents .contents2 .review li .txt { text-align: left; display: inline-block; padding-left: 110px; width: 830px; margin: 0; font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: 0; } #nh_ngood2 #pcontents .contents2 .review li .txt2 { text-align: left; display: inline-block; padding-left: 10px; width: 930px; margin: 0; font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: 0; } */ #nh_ngood2 .reviewList{margin-top: 10px;} #nh_ngood2 .reviewList .item{padding: 15px 20px; width: 100%;background: #fff; border-bottom: 1px solid #dfdfdf; text-align: left; overflow: hidden; box-sizing: border-box; } #nh_ngood2 .reviewList .item a{display: table; width: 100%;} #nh_ngood2 .reviewList .thumb{position: relative; display: table-cell; width: 80px; min-height: 80px;} #nh_ngood2 .reviewList .thumb img{max-width: 100%; background: #f9f9f9;} #nh_ngood2 .reviewList .thumb .noImage{position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: #ddd url(/images/svg/icon_noimage2.svg) 50% no-repeat; background-size: 40px; border-radius: 4px; border: 1px solid #888; opacity: .1;} #nh_ngood2 .reviewList .thumb + .info{padding-left: 20px;} #nh_ngood2 .reviewList .info{ display: table-cell; vertical-align: top; font-weight: 400;} #nh_ngood2 .reviewList .info .tit{font-size: 14px; color: #222; padding-right: 10px; font-weight: 500;} #nh_ngood2 .reviewList .text{ padding: 15px; margin-top: 10px; line-height: 1.4; color: #555; font-size: 13px; font-weight: 400; text-indent: 0; background: #f9f9f9; border-radius: 4px;} #nh_ngood2 .reviewList .info .bottom{position: relative; font-size: 0; margin-top: 10px;} #nh_ngood2 .reviewList .info .bottom .userid, #nh_ngood2 .reviewList .info .bottom .date{position: relative; text-align: center;color: #aeaeae; font-size: 13px;} #nh_ngood2 .reviewList .info .bottom .userid::after{display: inline-block; content: ''; margin: 2px 8px 0; width: 1px; height: 10px; background: #ddd;} #nh_ngood2 .reviewList .info .bottom .date{width: 80px;} #nh_ngood2 .reviewList .info .bottom .star-rating{position: absolute; bottom: 0; right: 0; padding-left: 16px; color: #333; font-size: 13px; height: 15px; line-height: 15px; background: url(/images/svg/icon_star_on12.svg) 0 50% no-repeat;} #nh_ngood2 .reviewList .info .bottom .star-rating span{color: #aeaeae;} .titl2 { font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: 0; } .titl2:link { font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: 0; } .titl2:visited { font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: 0; } .titl2:active { font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: 0; } .titl2:hover { font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: 0; } #nh_ngood2 #pcontents .contents2 .wreview { clear:both; position: relative; display: inline-block; text-align: center; width:960px; margin: 0 auto; padding-bottom: 40px; } #nh_ngood2 #pcontents .contents2 .wreview ul { clear: both; display: inline; width: 100%; list-style-type: none; padding: 0; margin: 0; border-top: 1px solid #e5e5e5; } #nh_ngood2 #pcontents .contents2 .wreview li { float: left; list-style-type: none; padding: 10px 10px 7px 10px; text-align: center; border-bottom: 1px solid #e5e5e5; } #nh_ngood2 #pcontents .contents2 .wreview li .titl3 { text-align: center; display: inline-block; width: 105px; margin: 0; font-weight: bold; font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: -0.05em; } #nh_ngood2 #pcontents .contents2 .wreview li .wcon3 { text-align: left; display: inline-block; width: 825px; margin: 0; font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: 0; } #nh_ngood2 #pcontents .contents5 { clear: both; display: inline-block; text-align: center; width:960px; margin: 0 auto; padding-bottom: 30px; } #nh_ngood2 #pcontents .contents5 .qna { clear: both; display: inline; position: relative; text-align: center; width:960px; margin: 0 auto; } #nh_ngood2 #pcontents .contents5 .qna ul { clear: both; display: inline; list-style-type: none; } #nh_ngood2 #pcontents .contents5 .qna li { float: left; list-style-type: none; padding: 10px 10px 7px 10px; text-align: center; border-bottom: 1px solid #e5e5e5; } #nh_ngood2 #pcontents .contents5 .qna li .titl1 { display: inline-block; width: 720px; margin: 0; font-family:'Dotum',sans-serif; font-size: 11px; color: #a0a0a0; text-decoration: none; letter-spacing: -0.05em; } #nh_ngood2 #pcontents .contents5 .qna li .date1 { display: inline-block; width: 105px; margin: 0; font-family:'Dotum',sans-serif; font-size: 11px; color: #a0a0a0; text-decoration: none; letter-spacing: -0.05em; } #nh_ngood2 #pcontents .contents5 .qna li .write1 { display: inline-block; width: 105px; font-family:'Dotum',sans-serif; font-size: 11px; color: #a0a0a0; text-decoration: none; letter-spacing: -0.05em;} #nh_ngood2 #pcontents .contents5 .qna li .titl2 { text-align: left; display: inline-block; padding-left: 10px; width: 710px; margin: 0; font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: -0.05em; } #nh_ngood2 #pcontents .contents5 .qna li .date2 { display: inline-block; width: 105px; margin: 0; font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: 0; } #nh_ngood2 #pcontents .contents5 .qna li .write2 { vertical-align:middle; display: inline-block; width: 105px; } #nh_ngood2 #pcontents .contents5 .qna li .txt { text-align: left; display: inline-block; padding-left: 10px; width: 930px; margin: 0; font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: 0; } #nh_ngood2 #pcontents .contents5 .wqna { clear:both; position: relative; display: inline-block; text-align: center; width:960px; margin: 0 auto; padding-bottom: 40px; } #nh_ngood2 #pcontents .contents5 .wqna ul { clear: both; display: inline; width: 100%; list-style-type: none; padding: 0; margin: 0; border-top: 1px solid #e5e5e5; } #nh_ngood2 #pcontents .contents5 .wqna li { float: left; list-style-type: none; padding: 10px 10px 7px 10px; text-align: center; border-bottom: 1px solid #e5e5e5; } #nh_ngood2 #pcontents .contents5 .wqna li .titl3 { text-align: center; display: inline-block; width: 105px; margin: 0; font-weight: bold; font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: -0.05em; } #nh_ngood2 #pcontents .contents5 .wqna li .wcon3 { text-align: left; display: inline-block; width: 825px; margin: 0; font-family:'Dotum',sans-serif; font-size: 11px; color: #777777; text-decoration: none; letter-spacing: 0; } #nh_ngood2 #pcontents .contents3 { clear: both; position: relative; display: inline-block; text-align: left; width:960px; margin: 0 auto; padding-bottom: 20px; } #nh_ngood2 #pcontents .contents3 ul { list-style-type: none; display: inline-block; text-align: left; width: 960px; margin: 0 auto; padding: 0; } #nh_ngood2 #pcontents .contents3 li { list-style-type: none; display: inline-block; text-align: left; width: 100%; margin: 0; height: 19px; } #nh_ngood2 #pcontents .contents3 li .txt5 { display: inline-block; text-align: left; width: 100%; margin: 0; height: 19px; font-family:'Dotum',sans-serif; font-size: 12px; color: #777777; text-decoration: none; letter-spacing: 0; } #nh_ngood2 #pcontents .contents3 li .txt6 { display: inline-block; text-align: left; width: 100%; margin: 0; height: 15px; padding-left: 15px; font-family:'Dotum',sans-serif; font-size: 11px; color: #0071c7; text-decoration: none; letter-spacing: 0;} #nh_ngood2 #pcontents .contents4 { clear: both; display: inline-block; text-align: left; width:960px; margin: 0 auto; padding-bottom: 20px; } #nh_ngood2 #pcontents .contents4 ul { list-style-type: none; display: inline-block; text-align: left; width: 930px; margin: 0 auto; padding: 15px; border: 1px solid #cacaca; } #nh_ngood2 #pcontents .contents4 li { list-style-type: none; display: inline-block; text-align: left; width: 100%; margin: 0; height: 19px; font-family:'Dotum',sans-serif; font-size: 12px; color: #777777; text-decoration: none; letter-spacing: 0; } /*2014리뉴얼-주문페이지 회원동의*/ div.my_agrmt_wrap{margin:0;} div.my_agrmt_wrap > div{background:#fff} div.my_agrmt_wrap > div.id_agrmt{background:#fff} div.my_agrmt_wrap .id_agrmt{overflow:auto; height: 68px; width: 255px; margin-top:8px; border:1px solid #d8dce5; background:none;} div.my_agrmt_wrap .id_agrmt ul{padding:7px 10px;} div.my_agrmt_wrap .id_agrmt li{padding-left:6px; color:#666;font:11px dotum,'돋움';line-height:180%;letter-spacing:-1px;} div.my_agrmt_wrap .agrmt_noti{padding-top:9px;} div.my_agrmt_wrap .agrmt_noti p{color:#666;font:11px dotum,'돋움';letter-spacing:-1px;} div.my_agrmt_wrap .aaa {margin-bottom:5px; font:12px dotum,'돋움'; color:#333;font-weight:bold;text-align:left; } /* 이용동의 추가 */ div.my_agrmt_wrap .id_agrmt p {padding:7px 10px;color:#666;font:11px dotum,'돋움';line-height: 180%;letter-spacing: -1px;} div.my_agrmt_wrap .id_agrmt table {width:222px; border:1px solid #ececec; border-bottom:0; margin-left:10px; margin-bottom:10px; font: 11px dotum,'돋움'; letter-spacing: -1px;} div.my_agrmt_wrap .id_agrmt table th {border-bottom:1px solid #ececec; border-right:1px solid #ececec; font-weight:normal;text-align:left; padding-left: 4px;} div.my_agrmt_wrap .id_agrmt table td {border-bottom:1px solid #ececec; padding:4px;} /*2014리뉴얼-기획전*/ #nh_promo { clear: both; width: 100%; text-align: center; float: left; margin: 0 auto; position: relative; display: inline; padding-bottom:70px; } #nh_promo #promo1 { clear:both; width:990px; margin:0 auto; padding-top: 5px; } #nh_promo #promo1 .promo_ban { text-align: left; display: inline-block ; float: left; padding-top: 35px; } /*2014리뉴얼-로그인*/ #nh_login1 { clear: both; width: 100%; text-align: center; float: left; margin: 0 auto; position: relative; display: inline; padding-bottom:150px; padding-top:70px; } /*#nh_login1 .ttl1 { width: 575px; text-align: left; margin: 0 auto; height: 80px; } **기존로그인*/ /**B2B**/ #nh_login1 .login_t2 { position: relative; width: 575px; height: 258px; margin: 0 auto; text-align: center; padding-bottom: 90px; } #nh_login1 .login_t2 .ttl2 { width: 575px; text-align: left; margin: 0 auto; height: 80px; } #nh_login1 .login_t2 .login22 { position: relative; float: left; width: 575px; height:258px; margin: 0 auto; text-align: left; font-style: normal; border-top: 3px solid #56c520; border-left: 3px solid #c7c7c7; border-right: 3px solid #c7c7c7; border-bottom: 3px solid #c7c7c7; } #nh_login1 .login_t2 .login22 .login1 { position: relative; width: 395px; display: inline-block; padding-top: 50px;} #nh_login1 .login_t2 .login22 .login1 .items { display: inline-block; overflow: hidden; float: left; padding: 6px 0px 6px 40px; width:80px; text-align: right; } #nh_login1 .login_t2 .login22 .login1 .txt { display: inline-block; font-weight: bold; margin: 0; padding: 0px 10px 3px 0; font-size: 1.2em; float: none; color:#0075D4; width:264px;} #nh_login1 .login_t2 .login22 .login2 { position: relative; width: 395px; display: inline-block; } #nh_login1 .login_t2 .login22 .login2 .items { display: inline-block; overflow: hidden; float: left; padding: 6px 0px 6px 40px; width:80px; text-align: right; } #nh_login1 .login_t2 .login22 .login2 .txt { display: inline-block; font-weight: bold; margin: 0; padding: 0px 10px 3px 0; font-size: 1.2em; float: none; color:#0075D4; width:264px;} #nh_login1 .login_t2 .login22 .btn { overflow: hidden; float: left; padding: 49px 20px 0 0; position:absolute; top:0; left:400px; } #nh_login1 .login_t2 .login22 .btn2 { overflow: hidden; float: left; position:absolute; top:180px; left:120px; } #nh_login1 .login_t2 .login22 .check { margin: 0; position:absolute; top:130px; left:120px; font-family:'Dotum',sans-serif; font-size:9pt; color: #3e3e43; text-decoration: none ;letter-spacing: -0.05em; } /**기본**/ #nh_login1 .login_t { position: relative; width: 856px; height: 258px; margin: 0 auto; text-align: center; padding-bottom: 90px; } #nh_login1 .login_t .ttl1 { width: 856px; text-align: left; margin: 0 auto; height: 80px; } #nh_login1 .login_t .login { position: relative; float: left; width: 575px; height:400px; margin: 0 auto; text-align: left; font-style: normal; border-top: 3px solid #56c520; border-left: 3px solid #c7c7c7; border-right: 3px solid #c7c7c7; border-bottom: 3px solid #c7c7c7; } #nh_login1 .login_t .login .login1 { position: relative; width: 395px; display: inline-block; padding-top: 50px;} #nh_login1 .login_t .login .login1 .items { display: inline-block; overflow: hidden; float: left; padding: 6px 0px 6px 40px; width:80px; text-align: right; } #nh_login1 .login_t .login .login1 .txt { display: inline-block; font-weight: bold; margin: 0; padding: 0px 10px 3px 0; font-size: 1.2em; float: none; color:#0075D4; width:264px;} #nh_login1 .login_t .login .login2 { position: relative; width: 395px; display: inline-block; } #nh_login1 .login_t .login .login2 .items { display: inline-block; overflow: hidden; float: left; padding: 6px 0px 6px 40px; width:80px; text-align: right; } #nh_login1 .login_t .login .login2 .txt { display: inline-block; font-weight: bold; margin: 0; padding: 0px 10px 3px 0; font-size: 1.2em; float: none; color:#0075D4; width:264px;} #nh_login1 .login_t .login .btn { overflow: hidden; float: left; padding: 49px 20px 0 0; position:absolute; top:0; left:400px; } #nh_login1 .login_t .login .btn2 { overflow: hidden; float: left; position:absolute; top:180px; left:120px; } #nh_login1 .login_t .login .check { margin: 0; position:absolute; top:130px; left:120px; font-family:'Dotum',sans-serif; font-size:9pt; color: #3e3e43; text-decoration: none ;letter-spacing: -0.05em; } /**삼성광고**/ #nh_login1 .login_t .loginad { position: relative; float: right; width: 258px; height: 258px; margin: 0 auto; text-align: right; border: 3px solid #e4e4e4; } /**주문시로그인**/ #nh_login1 .login_t .login_guest { position: relative; width: 575px; height: 65px; margin: 0; text-align: left; font-style: normal; border: 3px solid #e6e6e6; margin-top:420px; margin-right: 275px;} #nh_login1 .login_t .login_guest .login1 { position: relative; display: inline-block; padding-top: 13px;} #nh_login1 .login_t .login_guest .login1 .ttl { display: inline-block; overflow: hidden; float: left; padding-left: 38px; } #nh_login1 .login_t .login_guest .login1 .ttl2 { display: inline-block; overflow: hidden; float: left; padding-left: 53px; } #nh_login1 .login_t .login_guest .login1 .items { display: inline-block; overflow: hidden; float: left; padding-left: 10px; } #nh_login1 .login_t .login_guest .login1 .txt { display: inline-block; float: left; font-weight: bold; margin: 0; font-size: 1.2em; color:#0075D4; } #nh_login1 .login_t .login_guest .btn { overflow: hidden; float: left; padding: 14px 0 0 0; position:absolute; top:0; left:457px; } #nh_login1 .login_t .login_guest .btn2 { overflow: hidden; float: left; padding: 15px 0 0 0; position:absolute; top:0; left:400px; } #nh_login1 .login_t .login_guest2 { position: relative; width: 575px; height: 50px; margin: 0; text-align: left; font-style: normal; border: 3px solid #e6e6e6; margin-top:15px; margin-right: 275px;} #nh_login1 .login_t .login_guest2 .login2 { position: relative; display: inline-block; padding:0 ; text-align: center; vertical-align: middle; line-height: 47px;} #nh_login1 .login_guest_term { position: relative; width: 840px; margin: 0 auto; text-align: center; font-style: normal; margin-top: 260px; border-bottom: 3px solid #0059a7; } #nh_login1 .login_guest_term .agree1 { position: relative; display: inline-block; text-align: left; border-top: 3px solid #0059a7; } #nh_login1 .login_guest_term .agree1 .ttl { display: block; width: 100%; overflow: hidden; text-align: left; padding-top: 10px; } #nh_login1 .login_guest_term .agree1 .info1 { clear: both; position: relative; width: 965px; width: 100%; display: inline-block; overflow: auto; text-align: left; padding: 10px; height: 135px; border: 2px solid #cbdcf3; } #nh_login1 .login_guest_term .agree1 .btn1 { width: 100%; display: inline-block; overflow: hidden; float: right; text-align: right; height: 35px; padding-top: 5px; } #nh_login1 .login_guest_term .agree1 .btn2 { width: 100%; overflow: hidden; text-align: center; padding: 30px 0 20px 0; } #nh_login1 .login_guest_term2 { position: relative; width: 581px; margin: 0 auto; text-align: center; font-style: normal; margin-top:30px; border-bottom: 3px solid #0059a7; } #nh_login1 .login_guest_term2 .agree2 { position: relative; display: inline-block; text-align: left; border-top: 3px solid #0059a7; } #nh_login1 .login_guest_term2 .agree2 .ttl { display: block; width: 100%; overflow: hidden; text-align: left; padding-top: 10px; } #nh_login1 .login_guest_term2 .agree2 .info1 { clear: both; position: relative; width: 556px; display: inline-block; overflow: auto; text-align: left; padding: 10px; height: 135px; border: 2px solid #cbdcf3; } #nh_login1 .login_guest_term2 .agree2 .btn1 { width: 100%; display: inline-block; overflow: hidden; float: left; text-align: left; height: 60px; padding-top: 10px; font-weight: bold; font-family:'Dotum',sans-serif; font-size: 2em; color: #777777; text-decoration: none; letter-spacing: 0; } #nh_login1 .login_guest_term2 .agree2 .btn2 { width: 100%; overflow: hidden; text-align: center; padding: 0 0 20px 0; } /*팝업*/ #new_popup { clear: both; width: 315px; text-align: center; margin: 0 auto; position: relative; display: inline; padding: 0; } #new_popup .pop1 { position: relative; width: 309px; margin: 0 auto; text-align: center; padding: 0; font-style: normal; border: 3px solid #000000; background-color: #ffffff; text-align: center;} #new_popup .pop1 .info1 { clear: both; display: inline-block; position: relative; width: 280px; text-align: center; padding: 15px 10px 10px 10px; } #new_popup .pop1 .radio1 { width: 200px; display: inline-block; margin: 0 auto; text-align: center; height: 35px; padding-top: 10px;} #new_popup .pop1 .btn1 { width: 100%; display: inline-block; text-align: center; height: 30px; padding-top: 10px; padding-bottom: 15px; } .info1 {font-family:'Dotum',sans-serif; font-size: 10pt; color: #7f7f7f; text-decoration: none; letter-spacing: -0.04em; line-height: 125%;} /*라디오버튼*/ #nh_login1 .login_guest_term2 .agree2 input {display:none;} #nh_login1 .login_guest_term2 .agree2 input.ip_r + label {display:inline-block; height: 30px; padding:0 0 0 34px; background:url("http://image.72time.kr/data/rental/2014_login/uncheck.png") no-repeat left top;} #nh_login1 .login_guest_term2 .agree2 input.ip_r:checked + label {background:url("http://image.72time.kr/data/rental/2014_login/check.png") no-repeat left top;} #nh_login_biz1 { clear: both; width:100%; text-align: center; float: left; margin: 0 auto; position: relative; display: inline; padding: 0; } #nh_login_biz1 .login_guest_term3 { position: relative; width: 990px; margin: 0 auto; text-align: center; font-style: normal; border-bottom: 3px solid #0059a7; } #nh_login_biz1 .login_guest_term3 .agree1 { position: relative; display: inline-block; text-align: left; } #nh_login_biz1 .login_guest_term3 .agree1 .ttl { display: block; width: 100%; overflow: hidden; text-align: left; padding-top: 10px; } #nh_login_biz1 .login_guest_term3 .agree1 .info1 { clear: both; position: relative; width: 965px; display: inline-block; overflow: auto; text-align: left; padding: 10px; height: 135px; border: 2px solid #cbdcf3; } #nh_login_biz1 .login_guest_term3 .agree1 .btn1 { width: 100%; display: inline-block; overflow: hidden; float: right; text-align: right; height: 35px; line-height: 35px; } .simpleAuth{margin: 130px 40px 0; width: 490px;} .simpleAuth.simpleJoin{margin: 80px 100px 0; width: 790px;} .simpleAuth .bar{ position: relative; width: 100%; margin: 50px 0 40px; border-bottom: 1px solid #e1e1e1; -webkit-box-sizing: content-box; box-sizing: content-box;} .simpleAuth .bar span{ position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #787878; padding:0 20px; background: #fff;} .simpleAuth .snsBtns{display: table; width: 100%; padding: 0 20px; box-sizing: border-box;} .simpleAuth .snsBtns li{display:table-cell; width: 20%; text-align: center;} .simpleAuth .btn_icon{line-height: 1; height: 80px;} .simpleAuth .btn_icon .icon{ content: ''; display: block; min-width: 48px; width: 48px; height: 48px; padding: 0; margin: 0 auto; border-radius: 50%; overflow: hidden;} .simpleAuth .btn_icon .txt{ display: block; margin-top: 10px; font-size: 13px; line-height: 1;} .simpleAuth .btn_naver .icon{background: #00bf19 url(../images/svg/icon_naver.svg) 50% no-repeat;} .simpleAuth .btn_kakao .icon{background: #fce000 url(../images/svg/icon_kakao.svg) 50% no-repeat;} .simpleAuth .btn_face .icon{background: #4267b2 url(../images/svg/icon_face.svg) 50% no-repeat;} .simpleAuth .btn_gmail .icon{background: #e26859 url(../images/svg/icon_gmail.svg) 50% no-repeat;} .contentArea{width: 990px; margin: 0 auto;} .contentArea::before, .contentArea::after{display: table; content: ''; clear: both;} /* 리얼리얼X 안내페이지 */ .realrealXRanding {position: relative;} .realrealXRanding .link1{ position: absolute;left: 127px;bottom: 927px;width: 280px;height: 80px; text-indent: -999em;} .realrealXRanding .link2{ position: absolute; left: 360px; bottom: 68px; width: 280px; height: 80px; text-indent: -999em;} /* 상품검수 랜딩페이지 */ .outCheckWrap{font-family: 'Noto Sans KR', sans-serif;} .productTopArea{display: table; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #222;} .productTopArea > * {display: table-cell;} .productTopArea .productCount{padding-bottom: 2px; font-size: 18px; font-weight: 400; vertical-align: bottom; letter-spacing: -0.2px; text-align: left;} .productTopArea .productCount b{font-weight: bold; font-size: 20px; padding-right: 2px;} .productTopArea .productFilterArea{width: 160px;} .productTopArea select.ipt{width: 100%; height: 36px; line-height: 34px; font-size: 14px; background-color: #f9f9f9;} .outCheckTopBanner{position: relative;} .outCheckTopBanner img{max-width: 100%;} .outCheckList::after{display: table; content: ''; clear: both;} .outCheckList .item{position: relative;} .outCheckList .outCheckThumb{ position: relative; padding-top: 100%; border-radius: 2px; overflow: hidden;} .outCheckList .outCheckThumb img{position: absolute; top: 0; left: 0; max-width: 100%;} .outCheckList .outCheckInfo{position: relative; margin-top: 15px; padding-bottom: 15px; text-align: center;} .outCheckList .outCheckInfo .outCheckDate{ color: #888; font-size: 14px;} .outCheckList .outCheckInfo .outCheckName{margin-top: 4px; color: #222; font-size: 16px; font-weight: 500;} .outCheckList .outCheckInfo .outCheckSeller{ margin-top: 15px;} .outCheckList.col4 .item{ float: left; width: 25%; padding: 0 10px; margin-bottom: 30px; box-sizing: border-box;} .outCheckList.col4 .item .btn_l{display: inline-block; font-family: 'Noto Sans KR', sans-serif;} /* 리뷰 페이지 */ .reviewWrap, .reviewWrap *{font-family: 'Noto Sans KR', sans-serif !important;} .reviewWrap{max-width: 1000px; margin: 0 auto;} .reviewHead img{max-width: 100%;} .reviewBody{margin-top: 40px; margin-bottom: 80px; padding: 0 30px;} .reviewBody .reviewList{margin-top: 20px;} .reviewBody .tabList{padding: 0;} .reviewBody .reviewList .item{padding: 20px 0; width: 100%;background: #fff; border-bottom: 1px solid #dfdfdf; text-align: left; overflow: hidden;} .reviewBody .reviewList .item a{display: table; width: 100%;} .reviewBody .reviewList .thumb{display: table-cell; width: 100px; min-height: 80px; padding: 0 10px;} .reviewBody .reviewList .thumb img{max-width: 100%; background: #f9f9f9;} .reviewBody .reviewList .info{ display: table-cell; vertical-align: top; padding-left: 20px;} .reviewBody .reviewList .info .tit{font-size: 14px; color: #939393; padding-right: 10px;} .reviewBody .reviewList .info .text{ margin-top: 4px; padding-right: 100px; font-size: 16px; line-height: 1.4; color: #333; overflow: hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .reviewBody .reviewList .info .bottom{position: relative; font-size: 0; margin-top: 10px;} .reviewBody .reviewList .info .bottom .userid, .reviewBody .reviewList .info .bottom .date{position: relative; text-align: center;color: #aeaeae; font-size: 14px;} .reviewBody .reviewList .info .bottom .userid::after{display: inline-block; content: ''; margin: 2px 8px 0; width: 1px; height: 10px; background: #ddd;} .reviewBody .reviewList .info .bottom .date{width: 80px;} .reviewBody .reviewList .info .bottom .star-rating{position: absolute; bottom: 0; right: 20px; padding-left: 16px; color: #333; font-size: 14px; height: 15px; line-height: 15px; background: url(/images/svg/icon_star_on12.svg) 0 50% no-repeat;} .reviewBody .reviewList .info .bottom .star-rating span{color: #aeaeae;} /*2014리뉴얼-고객센터-왼쪽*/ #nh_left {clear: both; width: 165px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; display: inline; } #nh_left .cscenter {width: 100%; text-align: center; float: left; padding: 0; display: inline-block; background-color: #ffffff; } #nh_left .menu { width: 100%; text-align: center; float: left; padding: 0; display: inline-block; background-color: #efefef; } #nh_left .menu ul { display: inline; padding: 0; margin: 0; font-size:0; list-style-type: none; } #nh_left .menu li { list-style-type: none; } #nh_left .myinfo { width: 100%; text-align: center; float: left; padding: 0; margin: 0; display: inline-block; background-color: #00af3a; } #nh_left .myinfo .list { width: 100%; display: inline-block; text-align:center; height: 30px; background: url('http://image.72time.kr/data/rental/2014_mypage/my_info1.png') repeat-x; background-color: #efefef; color: #ffffff; } #nh_left .myinfo2 { position: relative; clear: both; width: 165px; height: 29px; text-align: center; float: left; margin: 0 auto; padding: 0; display: inline; background: url('http://image.72time.kr/data/rental/2014_mypage/my_infobg.png') repeat-y; } #nh_left .myinfo2 .mright { overflow: hidden; text-align: right; float: right; width: 75px; margin: 8px 15px 0 0; position: absolute; top:0; left: 75px; } #nh_left .myinfo2 .mleft { padding: 0; position:absolute; margin:8px 0 0 15px; width: 55px; text-align: left; top:0; left:0; } #nh_left .myinfo3 { position: relative; clear: both; width: 165px; height: 29px; text-align: center; float: left; margin: 0 auto; padding: 0; display: inline; background: url('http://image.72time.kr/data/rental/2014_mypage/my_infobg2.png') repeat-y; } #nh_left .myinfo3 .mright { overflow: hidden; text-align: right; float: right; width: 75px; margin: 8px 15px 0 0; position: absolute; top:0; left: 75px; } #nh_left .myinfo3 .mleft { padding: 0; position:absolute; margin:8px 0 0 15px; width: 55px; text-align: left; top:0; left:0; } .list { font-family:'Dotum',sans-serif; font-size:9pt; color: #ffffff; text-decoration: none; letter-spacing: 0;} .list:link { font-family:'Dotum',sans-serif; font-size:9pt; color: #ffffff; text-decoration: none; letter-spacing: 0;} .list:visited { font-family:'Dotum',sans-serif; font-size:9pt; color: #ffffff; text-decoration: none; letter-spacing: 0;} .list:active { font-family:'Dotum',sans-serif; font-size:9pt; color: #ffffff; text-decoration: none; letter-spacing: 0;} .list:hover { font-family:'Dotum',sans-serif; font-size:9pt; color: #ffffff; text-decoration: none; letter-spacing: 0;} .myinfo2 { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none; letter-spacing: -0.08em; } .myinfo2:link { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none; letter-spacing: -0.08em; } .myinfo2:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none; letter-spacing: -0.08em; } .myinfo2:active { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none; letter-spacing: -0.08em; } .myinfo2:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none; letter-spacing: -0.08em; } .myinfo3 { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none; letter-spacing: -0.08em; } .myinfo3:link { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none; letter-spacing: -0.08em; } .myinfo3:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none; letter-spacing: -0.08em; } .myinfo3:active { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none; letter-spacing: -0.08em; } .myinfo3:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #ffffff; text-decoration: none; letter-spacing: -0.08em; } .rl:link { font-family:'tahoma',sans-serif; font-size:11px; color: #f3ff3a; text-decoration: none; letter-spacing: 0; } .rl:visited { font-family:'tahoma',sans-serif; font-size:11px; color: #f3ff3a; text-decoration: none; letter-spacing: 0; } .rl:active { font-family:'tahoma',sans-serif; font-size:11px; color: #f3ff3a; text-decoration: none; letter-spacing: 0; } .rl:hover { font-family:'tahoma',sans-serif; font-size:11px; color: #f3ff3a; text-decoration: underline; letter-spacing: 0; } /*2014리뉴얼-오른쪽최근본상품/플로팅 메뉴*/ #rightw {clear: both; width: 101px; text-align: center; float: left; margin: 0 auto; padding: 0; position: relative; border-bottom: 5px solid #00a436; } #rightw .rightw_list { width: 74px; text-align: center; float: left; margin: 0 12px 0 11px; display: inline; border-left: #c1c1c1 solid 1px; border-right: #c1c1c1 solid 1px; } /*2014리뉴얼-판매자미니샵 */ .mshop_t { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none; letter-spacing: 0;} .mshop_t:link { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none; letter-spacing: 0;} .mshop_t:visited { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none; letter-spacing: 0;} .mshop_t:active { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none; letter-spacing: 0;} .mshop_t:hover { font-family:'Dotum',sans-serif; font-size:11px; color: #222222; text-decoration: none; letter-spacing: 0;} .mshop_tt { font-family:'Dotum',sans-serif; font-size:20pt; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .mshop_tt:link { font-family:'Dotum',sans-serif; font-size:20pt; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .mshop_tt:visited { font-family:'Dotum',sans-serif; font-size:20pt; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .mshop_tt:active { font-family:'Dotum',sans-serif; font-size:20pt; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .mshop_tt:hover { font-family:'Dotum',sans-serif; font-size:20pt; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -0.05em;} .mshop_t2 { font-family:'Dotum',sans-serif; font-size:11px; color: #909090; text-decoration: none; letter-spacing: 0;} .mshop_rg { font-family:'Dotum',sans-serif; font-size:11pt; color: #008f2f; font-weight: bold; text-decoration: none ;letter-spacing: -0.05em;} .mshop_rb { font-family:'Dotum',sans-serif; font-size:9pt; color: #000000; font-weight: bold; text-decoration: none ;letter-spacing: -0.05em;} .mshop_t3 { font-family:'Dotum',sans-serif; font-size:9pt; color: #222222; text-decoration: none; letter-spacing: -0.05em;} .mshop_t3:link { font-family:'Dotum',sans-serif; font-size:9pt; color: #222222; text-decoration: none; letter-spacing: -0.05em;} .mshop_t3:visited { font-family:'Dotum',sans-serif; font-size:9pt; color: #222222; text-decoration: none; letter-spacing: -0.05em;} .mshop_t3:active { font-family:'Dotum',sans-serif; font-size:9pt; color: #222222; text-decoration: none; letter-spacing: -0.05em;} .mshop_t3:hover { font-family:'Dotum',sans-serif; font-size:9pt; color: #222222; text-decoration: underline; letter-spacing: -0.05em;} /* 기존 */ .topbar_green { font-family:'Nanum Gothic',sans-serif; font-size:11px; color: #41bc1a; text-decoration: none ;} .topbar_green:link { font-family:'Nanum Gothic',sans-serif; font-size:11px; color: #41bc1a; text-decoration: none ;} .topbar_green:visited { font-family:'Nanum Gothic',sans-serif; font-size:11px; color: #41bc1a; text-decoration: none ;} .topbar_green:active { font-family:'Nanum Gothic',sans-serif; text-decoration: none; } .topbar_green:hover { font-family:'Nanum Gothic',sans-serif; font-size:11px; color:#41bc1a; text-decoration: underline ;} .topbar_gray { font-family:'Nanum Gothic',sans-serif; font-size:11px; color: #777777; text-decoration: none ;} .topbar_gray:link { font-family:'Nanum Gothic',sans-serif; font-size:11px; color: #777777; text-decoration: none ;} .topbar_gray:visited { font-family:'Nanum Gothic',sans-serif; font-size:11px; color: #777777; text-decoration: none ;} .topbar_gray:active { font-family:'Nanum Gothic',sans-serif; text-decoration: none; } .topbar_gray:hover { font-family:'Nanum Gothic',sans-serif; font-size:11px; color:#777777; text-decoration: underline ;} .basic_gray { font-family:'Nanum Gothic',sans-serif; font-size:12px; color: #4d4d4d; text-decoration: none ;} .basic_gray:link { font-family:'Nanum Gothic',sans-serif; font-size:12px; color: #4d4d4d; text-decoration: none ;} .basic_gray:visited { font-family:'Nanum Gothic',sans-serif; font-size:12px; color: #4d4d4d; text-decoration: none ;} .basic_gray:active { font-family:'Nanum Gothic',sans-serif; text-decoration: none; } .basic_gray:hover { font-family:'Nanum Gothic',sans-serif; font-size:12px; color:#4d4d4d; text-decoration: underline ;} .input_white { font-size:12px; line-height:20px; color:#666666; background:#FFFFFF; text-decoration:none; height:20px; border:0px #ffffff solid; } .input_basic { font-size:12px; line-height:18px; color:#666666; background:#FFFFFF; text-decoration:none; height:20px; border:1px #dddddd solid; } .input_gray { font-size:12px; line-height:17px; color:#333333; background:#FFFFFF; text-decoration:none; height:20px; border:1px #CCCCCC solid; } .input_red { font-size:12px; line-height:17px; color:#FF0000; background:#FFFFFF; text-decoration:none; height:20px; border:1px #CCCCCC solid; } .input_gray01 { font-size:12px; line-height:17px; color:#333333; background:#FFFFFF; text-decoration:none; height:20px; border-bottom:1px solid #DBDBDB; border-left:1px solid #B0B0B0; border-right:1px solid #DBDBDB; border-top:1px solid #B0B0B0; } .input_list { font-size:12px; line-height:17px; color:#444444; background:#FFFFFF; text-decoration:none; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:1px solid #dddddd; overflow:auto; } .input_search { font-size:12px; line-height:17px; color:#333333; background:#FFFFFF; text-decoration:none; height:20px; border-bottom:1px solid #B4EA93; border-left:1px solid #235D00; border-right:1px solid #B4EA93; border-top:1px solid #235D00; } .input_search2 { font-size:12px; line-height:17px; color:#333333; background:#FFFFFF; text-decoration:none; width:315px; height:25px; border:2px solid #a0b7d5; } .input_title { font-size:9pt; line-height:17px; background:#FFFFFF; text-decoration:none; height:20px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-top:1px solid #cccccc; } .input_content { font-size:9pt; line-height:17px; background:#FFFFFF; text-decoration:none; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-top:1px solid #cccccc; overflow:auto; } .page_select { font-weight:bold; color:#0066b3; } .placeholder { color: #aaa; } .nh_divide h1{ background:url(image/lg.gif) no-repeat;width:585px;height:103px;margin-bottom:15px;text-indent:-9999px;width:0;height:0;line-height:0;overflow:hidden;font-size:0;position:absolute; } /* 오늘 본 상품 */ #rightFloating{ font-family: "Noto Sans KR", sans-serif;} #rightFloating .rightTodayHead{height: 30px; line-height: 30px; background: #df3e4e; color: #fff; font-size: 13px; text-align: center; letter-spacing: -0.5px;} /* new */ .pointC1{color: #df3e4e;} .section_title{margin-bottom: 10px; font-size: 24px; font-weight: bold; font-family: 'Malgun Gothic','맑은 고딕',sans-serif;} .label_freedel{display: inline-block; width: 52px; height: 18px; line-height: 18px; background: #df3e4e; color: #fff; font-size: 11px; text-align: center; vertical-align: top;} .topNav.luxury{margin:0 0 30px; border-top: 1px solid #eee; border-bottom: 1px solid #ddd; clear: both;} .topNav.luxury ul{ width: 990px; padding: 0 !important; margin: 0 auto; overflow: hidden;} .topNav.luxury ul li{float: left; padding: 12px 10px !important; margin-right: 6px; font-size: 16px !important; font-weight: 500; font-family: 'Noto Sans KR'; color: #222 !important;} .topNav.luxury ul li.on{color: #df3e4e !important; font-weight: bold;} .topNav.luxury ul li:last-child{margin-right: 0;} .topNav.luxury ul li .count{display: none;} .topNav.luxury ul li.empty{display: none;} .topNav.other::before, .topNav.other::after{display: table; content: ''; clear: both;} .topNav.other ul { display: block; width:990px; text-align: center; margin: 30px auto 0; border-top: #d8d8d8 1px solid; border-left: #d8d8d8 1px solid; overflow: hidden;} .topNav.other ul li { float: left; text-align: left; width:16.6666%; height:30px; line-height: 28px; margin:0; padding-left:15px; border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; font-size: 11px; box-sizing: border-box;} .topNav.other ul li.on { background-color: #333; color: #fff;} /*================================================ Border ================================================*/ .bdNone {border:none !important;} .blNone {border-left:none !important;} .brNone {border-right:none !important;} .btNone {border-top:none !important;} .bbNone {border-bottom:none !important;} .btLine {border-top: 1px solid #e0e0e0 !important;} .blLine {border-left: 1px solid #e0e0e0 !important;} .brLine {border-right: 1px solid #e0e0e0 !important;} .bbLine2 {border-bottom: 2px solid #222 !important;} .bbLine3 {border-bottom: 3px solid #222 !important;} .bbLine4 {border-bottom: 4px solid #222 !important;} /*================================================ 정렬 ================================================*/ .fl {float:left;} .fr {float:right;} .fn {float:none !important;} .ac {text-align:center !important;} .al {text-align:left !important;} .ar {text-align:right !important;} .vm {vertical-align:middle !important} .vt {vertical-align:top !important} .vb {vertical-align:bottom !important} .tblAuto {min-width:100%; table-layout:auto !important;} /*================================================ 여백 ================================================*/ .mt_10 {margin-top:-10px !important;} .mt_25 {margin-top:-25px !important;} .mg0 {margin:0 !important;} .mt0 {margin-top:0 !important;} .mr0 {margin-right:0 !important;} .mb0 {margin-bottom:0 !important;} .ml0 {margin-left:0 !important;} .mt5 {margin-top:5px !important;} .mr5 {margin-right:5px !important;} .mb5 {margin-bottom:5px !important;} .ml5 {margin-left:5px !important;} .mt10 {margin-top:10px !important;} .mr10 {margin-right:10px !important;} .mb10 {margin-bottom:10px !important;} .ml10 {margin-left:10px !important;} .mt15 {margin-top:15px !important;} .mr15 {margin-right:15px !important;} .mb15 {margin-bottom:15px !important;} .ml15 {margin-left:15px !important;} .mt20 {margin-top:20px !important;} .mr20 {margin-right:20px !important;} .mb20 {margin-bottom:20px !important;} .ml20 {margin-left:20px !important;} .mt25 {margin-top:25px !important;} .mr25 {margin-right:25px !important;} .mb25 {margin-bottom:25px !important;} .ml25 {margin-left:25px !important;} .mt30 {margin-top:30px !important;} .mr30 {margin-right:30px !important;} .mb30 {margin-bottom:30px !important;} .ml30 {margin-left:30px !important;} .mt35 {margin-top:35px !important;} .mr35 {margin-right:35px !important;} .mb35 {margin-bottom:35px !important;} .ml35 {margin-left:35px !important;} .mt40 {margin-top:40px !important;} .mr40 {margin-right:40px !important;} .mb40 {margin-bottom:40px !important;} .ml40 {margin-left:40px !important;} .mt45 {margin-top:45px !important;} .mr45 {margin-right:45px !important;} .mb45 {margin-bottom:45px !important;} .ml45 {margin-left:45px !important;} .mt50 {margin-top:50px !important;} .mr50 {margin-right:50px !important;} .mb50 {margin-bottom:50px !important;} .ml50 {margin-left:50px !important;} .mt60 {margin-top:60px !important;} .mr60 {margin-right:60px !important;} .mb60 {margin-bottom:60px !important;} .ml60 {margin-left:60px !important;} .mt70 {margin-top:70px !important;} .mr70 {margin-right:70px !important;} .mb70 {margin-bottom:70px !important;} .ml70 {margin-left:70px !important;} .mt80 {margin-top:80px !important;} .mr80 {margin-right:80px !important;} .mb80 {margin-bottom:80px !important;} .ml80 {margin-left:80px !important;} .mt150 {margin-top:150px !important;} .mr150 {margin-right:150px !important;} .mb150 {margin-bottom:150px !important;} .ml150 {margin-left:150px !important;} .mt160 {margin-top:160px !important;} .mr160 {margin-right:160px !important;} .mb160 {margin-bottom:160px !important;} .ml160 {margin-left:160px !important;} .pd0 {padding:0 !important} .pt0 {padding-top:0 !important;} .pr0 {padding-right:0 !important;} .pb0 {padding-bottom:0 !important;} .pl0 {padding-left:0 !important;} .pd5 {padding:5px !important;} .pt5 {padding-top:5px !important;} .pr5 {padding-right:5px !important;} .pb5 {padding-bottom:5px !important;} .pl5 {padding-left:5px !important;} .pd10 {padding:10px !important;} .pt10 {padding-top:10px !important;} .pr10 {padding-right:10px !important;} .pb10 {padding-bottom:10px !important;} .pl10 {padding-left:10px !important;} .pt15 {padding-top:15px !important;} .pr15 {padding-right:15px !important;} .pb15 {padding-bottom:15px !important;} .pl15 {padding-left:15px !important;} .pd20 {padding:20px !important;} .pt20 {padding-top:20px !important;} .pr20 {padding-right:20px !important;} .pb20 {padding-bottom:20px !important;} .pl20 {padding-left:20px !important;} .pd25 {padding:25px !important;} .pt25 {padding-top:25px !important;} .pr25 {padding-right:25px !important;} .pb25 {padding-bottom:25px !important;} .pl25 {padding-left:25px !important;} .pd30 {padding:30px !important;} .pt30 {padding-top:30px !important;} .pr30 {padding-right:30px !important;} .pb30 {padding-bottom:30px !important;} .pl30 {padding-left:30px !important;} .pd35 {padding:35px !important;} .pt35 {padding-top:35px !important;} .pr35 {padding-right:35px !important;} .pb35 {padding-bottom:35px !important;} .pl35 {padding-left:35px !important;} .pd40 {padding:40px !important;} .pt40 {padding-top:40px !important;} .pr40 {padding-right:40px !important;} .pb40 {padding-bottom:40px !important;} .pl40 {padding-left:40px !important;} .pd45 {padding:45px !important;} .pt45 {padding-top:45px !important;} .pr45 {padding-right:45px !important;} .pb45 {padding-bottom:45px !important;} .pl45 {padding-left:45px !important;} .pd50 {padding:50px !important;} .pt50 {padding-top:50px !important;} .pr50 {padding-right:50px !important;} .pb50 {padding-bottom:50px !important;} .pl50 {padding-left:50px !important;} .pd55 {padding:55px !important;} .pt55 {padding-top:55px !important;} .pr55 {padding-right:55px !important;} .pb55 {padding-bottom:55px !important;} .pl55 {padding-left:55px !important;} .pd60 {padding:60px !important;} .pt60 {padding-top:60px !important;} .pr60 {padding-right:60px !important;} .pb60 {padding-bottom:60px !important;} .pl60 {padding-left:60px !important;} .pd70 {padding:70px !important;} .pt70 {padding-top:70px !important;} .pr70 {padding-right:70px !important;} .pb70 {padding-bottom:70px !important;} .pl70 {padding-left:70px !important;} .pd80 {padding:80px !important;} .pt80 {padding-top:80px !important;} .pr80 {padding-right:80px !important;} .pb80 {padding-bottom:80px !important;} .pl80 {padding-left:80px !important;} .pd190 {padding:190px !important;} .pt190 {padding-top:190px !important;} .pr190 {padding-right:190px !important;} .pb190 {padding-bottom:190px !important;} .pl190 {padding-left:190px !important;} /*================================================ width 정의 ================================================*/ .w50 {width: 50% !important;} .w100 {width: 100% !important;} /*================================================ Text ================================================*/ /* ?…???¤??¸ ?????´??? */ .txtXXXL, .txtXXL, .txtXL, .txtL, .txtM, .txtS, .txtXS{ font-family: 'Noto Sans KR', sans-serif;} .txtXXXL {font-size:24px !important;} .txtXXL {font-size:22px !important;} .txtXL {font-size:20px !important;} .txtL {font-size:18px !important;} .txtM {font-size:16px !important;} .txtS {font-size:14px !important;} .txtXS {font-size:12px !important;} /* ?…???¤??¸ ?????? */ .pointC1 {color:#df3e4e !important;} .pointC2 {color:#e80163 !important;} .pointC3 {color:#00879b !important;} .pointC4 {color:#e8010c !important;} .pointC5 {color:#000 !important;} .pointC6 {color:#333 !important;} .pointC7 {color:#666 !important;} .pointC8 {color:#999 !important;} .bold{ font-weight: bold !important;} /*================================================ Title ================================================*/ [class^=titH] {position:relative; color:#222; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; letter-spacing:-0.04em;} .titH1 {font-size:40px;} .titH2 {font-size:24px;} .titH3 {margin:40px 0 10px; font-size:20px;} .titH4 {margin:20px 0 10px; font-size:18px;} .titH5 {margin:20px 0 10px; font-size:16px;} /* ?????´?§€ ??€??´??€ */ .pageTit {display:table; width:100%; height:175px; margin:0 auto !important; text-align:center;} .pageTit > .inner {display:table-cell; vertical-align:middle;} .pageTit .desc {margin:7px 0; font-size:16px;} /* ??¨?…??¸? ??€??´??€ */ .titArea {position:relative; margin-top: 40px; margin-bottom:15px;} .titArea:after {display:block; content:''; clear:both;} .titArea [class^=titH] {display:inline-block; display:-webkit-inline; margin:0; padding-right:15px; line-height:1.3; vertical-align:middle;} .safari .titArea [class^=titH] {display:inline;} .titArea .desc {display:inline-block; color:#666; font-size:14px; vertical-align:middle;} .titArea .desc .links {margin-left:20px; font-size:14px;} .titArea * + .desc {padding:9px 0 0 0;} .titArea .txtList_guide {margin:0; padding-top:3px; font-size:14px;} .titArea + .titH3, .titArea + .titH4 {margin-top:20px;} .titArea + .userMsg {margin-top:0;} .titH4 > .desc {display:inline-block; padding-left:15px; font-size:14px !important;} /*================================================ Button ================================================*/ /* ?????´?½? ?²???¼ */ [class^=btnIco_] {display:inline-block; position:relative; background-color:transparent; background-image:url(../img/pc/common/ico_common.png); background-repeat:no-repeat; background-position:0 0; vertical-align:middle; overflow:hidden;} [class^=btnIco_] span {display:inline-block; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);} .btnIco_home {width:50px; height:50px; background-position:0 0;} .btnIco_start {width:30px; height:30px; background-position:0 0;} .btnIco_prev {width:30px; height:30px; background-position:-30px 0;} .btnIco_next {width:30px; height:30px; background-position:-60px 0;} .btnIco_end {width:30px; height:30px; background-position:-90px 0;} .btnIco_keypad {width:40px; height:40px; margin-left:0 !important; background:url(../img/pc/common/btn_keypad.png) no-repeat center center;} .btnIco_tip {width:18px; height:18px; margin:0 0 0 2px; border-radius:50%; background-color:#333; background-position:-40px -30px;} .btnIco_close {width:60px; height:60px; background:url(../img/pc/common/btn_close1.png) no-repeat center center;} /* Quick */ .btnIco_Top {width:52px; height:52px; border-radius:26px; background:rgba(34,34,34,0.8) url(../img/pc/common/ico_quick.png) 0 -104px; box-shadow:0 8px 15px rgba(0,0,0,0.25);} [class^=btnIco_quick] {width:52px; height:52px; border-radius:26px; background-color:#222; background-image:url(../img/pc/common/ico_quick.png); text-align:right; box-shadow:0 8px 15px rgba(0,0,0,0.25);} .btnIco_quickView {background:none; background-color:#222;} .btnIco_quickView:before {display:inline-block; content:''; position:absolute; top:18px; left:18px; width:16px; height:16px; background:url(../img/pc/common/ico_quick.png) no-repeat -18px -18px; z-index:1;} .btnIco_quickView:after {display:inline-block; content:'??¼?¹??¸°'; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);} .btnIco_quickView.on:before {transform:rotate(135deg); -ms-transform:rotate(135deg);} .btnIco_quickView.on:after {content:'??‘?¸°';} .btnIco_quickChatbot {background-position:0 -52px;} [class^=btnIco_quickM] {background:none; background-color:rgba(34,34,34,0.8); white-space:nowrap; box-shadow:none; transition:width 0.5s;} [class^=btnIco_quickM]:after {display:inline-block; content:''; width:52px; height:52px; background-color:transparent; background-image:url(../img/pc/common/ico_quick.png); background-repeat:no-repeat; background-position:-52px 0; vertical-align:middle;} [class^=btnIco_quickM]:hover {width:160px;} [class^=btnIco_quickM] span {transition:width 0.7s;} [class^=btnIco_quickM]:hover span {position:static; width:108px; height:auto; margin:0; color:#fff; font-size:14px; vertical-align:middle; white-space:nowrap; clip:unset; clip-path:unset;} .btnIco_quickMPay:after {background-position:-52px -52px;} .btnIco_quickMHis:after {background-position:-52px -104px;} .btnIco_quickMPro:after {background-position:-52px -156px;} .btnIco_acco {width:30px; height:30px; background-image:url(../img/pc/common/btn_acco.png);} .btnIco_more {width:30px; height:30px; margin:0 !important; border:1px solid #e1e1e1; border-radius:50%; background-image:url(../img/pc/common/btn_more.png); background-position:center center;} /* ?…???¤??¸ ?²???¼ */ /* [class^=btn_] {display:inline-block; min-width:160px; height:60px; padding:0 30px; border-radius:4px; font-size:18px; line-height:normal; text-align:center; vertical-align:middle; overflow:hidden;} [class^=btn_].full {width:100%;} [class^=btn_].round {min-width:180px; border-radius:30px;} [class^=btn_].disabled, [class^=btn_].disabled:hover, [class^=btn_][disabled], [class^=btn_][disabled]:hover {color:#888; background-color:#f2f2f2; cursor:default;} */ .btn_p {background-color:#df3e4e; color:#fff;} .btn_p:hover, .btn_p:focus {background-color:#0048ce;} .btn_s {background-color:#dee3e6; color:#333;} .btn_s:hover {background-color:#c7ced3;} .btn_d {background-color:#546d82; color:#fff;} .btn_d:hover {background-color:#364c5f;} .btn_b {background-color:#222; color:#fff;} .btn_b:hover {background-color:#111;} .btn_g {background-color:#999; color:#fff;} .btn_g:hover {background-color:#888;} .btn_l, a.btn_l {border:1px solid #df3e4e; background-color:#fff; color:#df3e4e;} .btn_l:hover {border-color:#df3e4e; background-color:#f4f4f4; color:#df3e4e;} .btn_l[disabled], .btn_l[disabled]:hover {border-color:#f2f2f2;} .btn_i {background-color:#000; color:#fff;} .btn_i:hover {color:#7ffaff;} [class^=btn_]{ box-sizing: border-box;} [class^=btn_].m {min-width:90px; height:42px; padding:0 15px; font-size:16px;} [class^=btn_].s {min-width:90px; height:32px; padding:0 15px; border-radius:3px; font-size:14px;} a[class^=btn_] {line-height:58px;} span[class^=btn_].m, a[class^=btn_].m {line-height:40px;} a[class^=btn_].s, span[class^=btn_].s {line-height:30px;} .s.round {border-radius:16px;} /* .btn_l.s {border-color:#c8c8c8;} .btn_l.s:hover {border-color:#c8c8c8; background-color:#fff;} .btn_l.s[disabled] {border-color:#f2f2f2;} */ * + [class^=btn]:not(.btnArea) {margin-left:5px;} [class^=btn_].down > span {display:inline-block; padding-right:20px;} .btn_p.down > span {background:url(../img/pc/common/btnIco_p_down.png) no-repeat 100% center;} .btn_l.down > span {background:url(../img/pc/common/btnIco_l_down.png) no-repeat 100% center;} .btnArea {margin:70px 0; padding:0; font-size:0; text-align:center;} .btnArea.sticky {position:fixed; bottom:0; left:0; width:100%; margin:0; padding:0;} .btnArea [class^=btn] {margin:0 5px;} .btnArea [class^=btn].m {min-width:160px;} .btnArea.al, .btnArea.ar {margin:20px 0 40px;} .btnArea.al [class^=btn]:first-child {margin-left:0;} .btnArea.ar [class^=btn]:last-child {margin-right:0;} .btnArea.ar .txtM {display:inline-block; vertical-align:middle;} /* ?????´?½? + ?…???¤??¸ ?²???¼ */ [class^=btnTxt_] > span {display:inline-block; background-repeat:no-repeat;} .btnTxt_more {display:block; width:100%; height:60px; margin:30px 0 50px !important; border:1px solid #e0e0e0;} .btnTxt_more span {padding-right:25px; background:url(../img/pc/common/ico_arrow.png) no-repeat 100% center;} [class*=btnTxt_].s {display:inline-block; min-width:auto; height:32px; padding:0 18px 1px 19px; border:1px solid #c8c8c8; border-radius:3px; background-color:#fff; font-size:0;} [class*=btnTxt_].s > span {padding-right:25px; color:#333; font-size:14px; line-height:29px;} a[class*=btnTxt_].s, span[class*=btnTxt_].s {padding-bottom:0;} a[class*=btnTxt_].s > span, span[class*=btnTxt_].s > span {line-height:30px;} [class*=btnTxt_].m {display:inline-block; min-width:auto; height:42px; padding:0 15px; border:1px solid #c8c8c8; border-radius:4px; font-size:16px; line-height:40px;} [class*=btnTxt_].m > span {padding-right:25px;} .btnArea.ar .btnTxt_print:last-child{vertical-align:top; margin-right:auto;} .btnTxt_anFee {padding-bottom:25px; background:url(../img/pc/content/btn_anFee.png) no-repeat center 100%; color:#222; font-size:16px; font-weight:700; text-align:center;} .btnTxt_print span {background:url(../img/pc/common/ico_print.png) no-repeat right 8px;} .btnTxt_email span {background:url(../img/pc/common/ico_email.png) no-repeat 100% center;} .btnTxt_hide span {background:url(../img/pc/common/ico_hide.png) no-repeat 100% center;} .btnTxt_unhide span {background:url(../img/pc/common/ico_unhide.png) no-repeat 100% center;} .btnTxt_save span {background:url(../img/pc/common/ico_save.png) no-repeat 100% center;} .btnTxt_reset span {background:url(../img/pc/common/ico_reset.png) no-repeat 100% center;} .btnTxt_benef span {background:url(../img/pc/common/ico_benef.png) no-repeat 100% center;} .btnTxt_point span {background:url(../img/pc/common/ico_point.png) no-repeat 100% center;} /*================================================ Form ================================================*/ /* Grid - row */ .row {margin:0 -5px;} .row:after {display:block; content:''; clear:both;} .row > [class*=col_] {float:left; padding:0 5px;} .row + .row {margin-top:10px;} /* Grid - col */ [class*=col_] {display:inline-block; position:relative; min-height:1px; vertical-align:middle;} .col_1 {width:8.3333% !important;} .col_2 {width:16.6666% !important;} .col_3 {width:25% !important;} .col_4 {width:33.3333% !important;} .col_5 {width:41.6666% !important;} .col_6 {width:50% !important;} .col_7 {width:58.3333% !important;} .col_8 {width:66.6666% !important;} .col_9 {width:75% !important;} .col_10 {width:83.3333% !important;} .col_11 {width:91.6666% !important;} .col_12 {width:100% !important;} /* basic */ .ipt {width:315px; height:42px; padding:0 14px 0; border:1px solid #c8c8c8; border-radius:4px; background-color:#fff; color:#333; font-size:14px; vertical-align:middle; transition:border-color ease-in-out 0.225s; -webkit-transition:border-color ease-in-out 0.225s; font-family: 'Noto Sans KR', sans-serif;} .ipt:focus {border-color:#df3e4e !important; /*box-shadow:0 0 6px rgba(0,104,212,0.9);*/ outline:rgba(0,0,0,0);} .ipt[disabled] {background-color:#f8f8f8; color:#999;} .ipt[readonly] {background-color:#f8f8f8;} /* error */ .ipt.error {color:#e00000; border-color:#e00000; background-color:#fff5f5;} /* success */ .ipt.success {border-color:#df3e4e;} /* blue */ .ipt.blue {border-color:#b1d7e6; background-color:#e8f7ff;} .ipt.blue:focus {background-color:#ecfeff;} .ipt.blue[readonly] {background-color:#e8f7ff;} /* select */ select.ipt {line-height:42px;} select.ipt, .customSlt .ipt.asSlt {margin-right:5px; padding-right:40px; background:#fff url(../images/pc/btn_select.png) no-repeat right -2px center; appearance: none;} select.ipt[disabled] {color:#333;} .selectBtn {display:inline-block; position:relative; width:315px; height:46px; border:1px solid #c8c8c8; border-radius:4px; background-color:#fff; color:#333; font-size:16px; line-height:44px;} .selectBtn button {position:absolute; top:0; bottom:0; left:0; width:100%; background:transparent url(../img/pc/common/btn_select.png) no-repeat 100% center;} .selectBtn span {display:inline-block; width:100%; height:44px; padding:0 34px 0 13px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /* textarea */ textarea.ipt {width:100%; min-height:120px; padding:12px 14px 9px; line-height:1.5; resize:none;} td textarea.ipt {max-width:853px;} /* datepicker, monthpicker */ .ipt.date, .ipt.month {padding-right:35px;} .iptWrap .ipt.mini, .keypad.mini .ipt, select.mini {width:145px !important;} .dateWrap .ui-datepicker-trigger, .btnIco_month {background:transparent url(../img/pc/common/ico_calendar.png) no-repeat 100% center !important;} .ipt.date[readonly], .ipt.month[readonly], .keypad .ipt[readonly] {border-color:#c8c8c8; background-color:#f8f8f8 !important;} .ipt.date[readonly] + button, .ipt.month[readonly] + button, .keypad .ipt[readonly] + .btnIco_keypad {display:none;} /* ?³´?????¤?Œ¨?“œ */ .keypad {display:inline-block; position:relative; margin-right:10px;} .keypad .ipt {margin-right:0; padding-right:40px; border-color:#b1d7e6; background-color:#e8f7ff !important; color: #df3e4e !important;} .keypad .btnIco_keypad {position:absolute; top:1px; right:1px;} /* ????????…??? label */ .required {display:inline-block; position:relative; margin-left:5px; width:5px; height:5px; border-radius:50%; background-color:#df3e4e; vertical-align:super;} .required > span {display:inline-block; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);} /* field?´€??¨ ??”??œ?§€ */ .fieldMsg {margin-top:5px; color:#0048ce; font-size:14px;} .fieldMsg.error {color:#e8010c;} .fieldMsg.success {color:#0048ce;} /* ?·¸??¹ ??œ??? ?¸°?³¸ */ [class^=set] {display:inline-block; font-size:0; vertical-align:middle;} [class^=set] .iptWrap {margin:0;} [class^=set] select.ipt {margin:0 10px 0 0;} [class^=set] .iptWrap + [class^=btn_].m {margin:0 0 0 10px;} [class^=set] .sign {display:inline-block; width:25px; color:#222; font-size:16px; line-height:46px; text-align:center; vertical-align:middle;} [class^=set] .keypad {margin:0;} /* ?¹´?“œ?²???¸ */ .setCard .ipt {width:100px;} /*.setCard .keypad .ipt {width:121px;}*/ /* ?????…????²???¸ */ .setThird .ipt {width:100px;} .setThird.biz span.sign:first-of-type + .iptWrap .ipt {width:90px;} /* ?œ´?Œ€??°?²???¸ */ .setPhone select.ipt {width:90px;} .setPhone select.agency {width:150px;} .setPhone .ipt {width:215px; max-width:100%;} .setPhone .setHalf .ipt {width:90px !important;} /* ????ŒŒ??¸??¼?†Œ */ .setApt .ipt {width:585px;} .setApt .iptWrap + .iptWrap {margin-left:10px;} .setApt .iptWrap + .iptWrap .ipt {width:125px;} /* ??°??¸?²???¸ */ .setBtnAdd .ipt, .setZipCode .ipt {width:215px;} /* ??°??¸?²???¸ */ .setBtnAdd select.ipt {width:185px;} /* ??´?“±?¶? - ??¼??¼?²???¸, ?¸°?°??????? */ .setHalf .ipt, .ipt.date, .ipt.month {width:145px !important;} .setHalf .iptWrap, .setHalf .dateWrap {margin:0;} .setHalf .keypad .ipt {width:170px;} /*.setHalf .keypad.own .ipt {width:85px !important;}*/ .setTerm .ipt {width:90px; margin:0 !important;} .setTerm .ipt + .ipt {margin-left:10px !important} .keypad.letter2 {width:150px; background:url(../img/pc/common/ico_star.png) no-repeat 100% 14px;} .keypad.letter2 .ipt {width:100px !important;} .keypad.letter2 .btnIco_keypad {right:50px;} /*.keypad.password {width:185px; background:url(../img/pc/common/ico_star.png) repeat-x 100% 16px;} .keypad.password .ipt {width:145px;} .keypad.password .btnIco_keypad {right:40px;}*/ .setSelect select.ipt {width:125px;} .setSelect select.ipt + .ipt {width:180px; margin-right:0;} .setFile {border:1px solid #c8c8c8; border-radius:4px; overflow:hidden;} .setFile .ipt {width:318px; height:40px; border:none; border-radius:0;} .setFile .btn_s {height:40px; margin:0 !important; border-radius:0;} .srchBox .setHalf .ipt, .srchBox .ipt.date, .srchBox .ipt.month {width:157px !important;} .srchBox .setHalf .sign {width:26px;} .srchBox .iptWrap .ipt.mini, .srchBox .mini + select.ipt {width:157px;} select.ipt.mini, .setPhone select.ipt {padding-right:25px; background-color: transparent;} .btnGroup {display:block; margin:5px 0 5px !important;} .btnGroup [class^=btn_] {min-width:70px; margin:0 !important; padding:0 10px;} .cardSel {display:block; position:relative; width:100%; min-height:70px; padding:12px 60px 12px 102px; border:1px solid #c8c8c8; border-radius:4px; color:#333; background-color:#fff; font-size:16px; cursor:pointer;} .cardSel:before {content:''; position:absolute; top:50%; right:17px; width:16px; height:11px; margin-top:-5px; background:url(../img/pc/common/ico_arrow.png) no-repeat 0 0; transition:transform 0.25s;} .cardSel:after {display:block; content:''; clear:both;} .cardSel:hover {border-color:#df3e4e;} .cardSel .cardImg {display:inline-block; position:relative; float:left; left:-102px; width:102px; margin-right:-102px; padding-right:8px; text-align:center;} .cardSel .cardImg img {max-width:70px; max-height:70px; border-radius:3px;} .cardSel .tit {float:left; width:100%; margin:0 !important; line-height:44px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .cardSel .tit.vertical {line-height:70px;} .cardSel.on .tit {font-weight:700;} div.cardSel {padding:12px 60px 12px 90px; border:0; cursor:default;} div.cardSel:before {display:none;} .cardSelListWrap {display:none; position:absolute; left:0; right:0; max-height:280px; margin-top:10px; border:1px solid #c8c8c8; border-radius:4px; overflow:auto; z-index:100;} .cardSelListWrap .cardSelList {display:block; margin:0;} .cardSelList {display:none; overflow:hidden;} .cardSelList .cardSel {border:none; border-radius:0;} .cardSelList .cardSel:before {display:none;} .cardSelList .cardSel:hover {background-color:#ecfeff;} .customSlt.cardSlt.on .cardSelListWrap {display: block;} .customSlt.cardSlt.on .cardSel {border-color:#df3e4e;} .customSlt.cardSlt.on .cardSel:before {transform:rotate(180deg); -ms-transform:rotate(180deg);} .formTbl .customSlt.cardSlt {max-width:855px;} .srchBox .customSlt.cardSlt {max-width:823px;} .tableY .tit, .srchBox .tit {margin:10px 0; color:#333; font-weight:700;} .tableY .txt {color:#666; font-size:14px;} .srchBox .txt {color:#666;} .tableY span.txt, .srchBox span.txt {display:inline-block; max-width:480px; max-height:46px; margin:0 5px; padding-right:15px; vertical-align:middle;} .tableY p.txt, .srchBox p.txt {margin-top:10px;} .tableY .txt > *, .srchBox .txt > * {vertical-align:middle;} /*.formTbl * + [class^=btn_] {margin-left:5px;}*/ /*.formTbl * + .iptBtn {margin-top:10px;} H1CRD112S08*/ td .dateWrap, td .iptWrap, td .keypad, td [class^=set], td select.ipt, td ul, td [type=email].notDel, td [class^=btn_].m {margin:5px 7px 5px 0;} td .singleIpt {margin:5px 7px 5px 0;} td [class^=btn_].s {min-width:auto; margin-right:5px; margin-left:5px; padding:0 15px;} td .txtList_guide {margin:5px 0 !important; padding-bottom:3px !important; background-position:0 0; font-size:14px;} td .btnGroup + .txtList_guide {margin:10px 0 0 !important;} td .termsWrap {margin-bottom:0;} .tableX td .iptWrap {margin-right:0;} .tableX td .iptWrap + [class^=btn_].m {margin-left:5px;} /*================================================ Form - checkbox & radio ================================================*/ .ipt[type='checkbox'], .ipt[type='radio'] {position:absolute; top:auto; width:22px; height:22px; opacity:0; z-index:-1;} .ipt[type='checkbox'] + label, .ipt[type='radio'] + label {display:inline-block; position:relative; padding-left:30px; color:#333; line-height:1.5; vertical-align:top; cursor:pointer; z-index:1;} .ipt[type='checkbox'] + label:before, .ipt[type='radio'] + label:before {display:inline-block; content:''; position:absolute; top:2px; left:0; width:22px; height:22px; margin:0 8px 0 0; border:1px solid #c8c8c8; border-radius:2px; background-color:#fff; vertical-align:top; overflow:hidden; box-sizing:border-box; transition:background-color ease-in-out 0.225s;} .ipt[type='checkbox'] + label:hover, .ipt[type='radio'] + label:hover, .ipt[type='checkbox']:focus + label, .ipt[type='radio']:focus + label {/*text-decoration:underline;*/} .ipt[type='checkbox'] + label:hover:before, .ipt[type='radio'] + label:hover:before, .ipt[type='checkbox']:focus + label:before, .ipt[type='radio']:focus + label:before {border-color:#df3e4e;} /* checkbox */ .ipt[type='checkbox']:checked + label:before {border-color:#df3e4e; background:#df3e4e url(../img/pc/common/ico_checkbox.png) no-repeat 3px 4px; transition:background-color 0s;} .ipt[type='checkbox']:checked + label:hover:before, .ipt[type='checkbox']:checked:focus + label:before {border-color:#000;} /*.ipt[type='checkbox']:checked + label:after { content:''; position:absolute; top:4px; left:0; width: 20px; height: 16px; background: #0063cc; z-index:2; -webkit-animation: chkmotion 0.25s 1 linear forwards; animation: chkmotion 0.25s 1 linear forwards; } @-webkit-keyframes chkmotion {0%{width: 20px; left:0}45%{width: 12px; left:8px;}75%{width: 12px; left:8px;}100%{width: 0; left:20px;}} @keyframes chkmotion {0%{width: 20px; left:0}55%{width: 12px; left:8px;}65%{width: 12px; left:8px;}100%{width: 0; left:20px;}} @-webkit-keyframes chkmotionBlk {0%{width: 20px; left:-27px}45%{width: 12px; left:-19px;}75%{width: 12px; left:-19px;}100%{width: 0; left:-7px;}} @keyframes chkmotionBlk {0%{width: 20px; left:-27px}55%{width: 12px; left:-19px;}65%{width: 12px; left:-19px;}100%{width: 0; left:-7px;}} .ie .iptGroup input[type='checkbox']:checked+label:after {content:none;} @keyframes iptGlow { 0%{box-shadow: 0px 0px 6px 0px rgba(0,104,212,0.9);} 30%{box-shadow: 0px 0px 6px 0px rgba(0,104,212,0.9);} 50%{box-shadow: 0px 0px 13px 0px rgba(0,104,212,0.9);} 100%{box-shadow: 0px 0px 6px 0px rgba(0,104,212,0.9);} }*/ /* radio */ .ipt[type='radio'] + label:before {border-radius:50%; box-shadow:inset 0 0 0 12px #fff; transition:border 0.225s, box-shadow ease-in-out 0.225s;} .ipt[type='radio']:checked + label:before {border:none; background-color:#fff; box-shadow:inset 0 0 0 6px #df3e4e;} .ipt[type='radio']:checked + label:hover:before, .ipt[type='radio']:checked:focus + label:before {border:none; box-shadow:inset 0 0 0 4px #df3e4e;} /* disabled */ .ipt[type='checkbox'][disabled] + label, .ipt[type='radio'][disabled] + label, .ipt[type='checkbox'][readonly] + label, .ipt[type='radio'][readonly] + label {color:#888; cursor:default;} .ipt[type='checkbox'][disabled] + label:before, .ipt[type='radio'][disabled] + label:before, .ipt[type='checkbox'][readonly] + label:before, .ipt[type='radio'][readonly] + label:before {border-color:#c8c8c8; background-color:#c8c8c8;} .ipt[type='checkbox'][disabled]:checked + label:before, .ipt[type='checkbox'][readonly]:checked + label:before {background-color:#c8c8c8;} .ipt[type='radio'][disabled] + label:before, .ipt[type='radio'][readonly] + label:before {box-shadow:inset 0 0 0 12px #c8c8c8;} .ipt[type='radio'][disabled]:checked + label:before, .ipt[type='radio'][readonly]:checked + label:before {background-color:#fff; box-shadow:inset 0 0 0 6px #c8c8c8;} .single {display:inline-block; position:relative; vertical-align:middle; overflow:hidden;} .single label {width:22px; height:22px; padding-left:23px !important; font-size:1px; overflow:hidden; color:transparent !important;} .single label:before {top:0 !important;} .singleIpt {display:inline-block; position:relative;} .singleIpt + .singleIpt {margin-left:20px;} /* iptGroup */ .iptGroup {vertical-align:middle;} .iptGroup > li {display:inline-block; position:relative; padding:5px 20px 4px 0; vertical-align:top;} .iptGroup > li:last-child {padding-right:0;} .iptGroup.vertical > li {display:block;} /* iptBtn */ .iptBtn {display:inline-block; font-size:0; vertical-align:middle;} .iptBtn:after {display:block; content:''; clear:both;} .iptBtn li {display:inline-block; float:left; margin-left:-1px; padding:0; text-align:center;} .iptBtn .ipt + label, .iptBtn button {min-width:114px; padding:0 19px; border:1px solid #D5D5D5; background-color:#fff; color:#333; font-size:16px; letter-spacing:-0.05em; line-height:40px; vertical-align:middle;} .iptBtn button {position: relative; z-index: 1} .iptBtn .ipt + label:before, .iptBtn button:before {display:none;} .iptBtn .ipt:checked + label, .iptBtn .on button {border-color:#00379E; background-color:#f6feff; color:#df3e4e; z-index:2;} .iptBtn .ipt:focus + label, /*.ipt[type='checkbox']:focus + label:before, .ipt[type='radio']:focus + label:before,*/ .single .ipt:focus + label, .iptCertiTab .ipt:focus + label, .chkBoard .ipt:focus + label {outline: 1px dotted black;} .chkBoard .ipt:focus + label:before {outline: rgba(0,0,0,0)} table .single {overflow: visible;} .iptBtn li:first-child{margin-left:0;} .iptBtn li:first-child label, .iptBtn li:first-child button {border-top-left-radius:5px; border-bottom-left-radius:5px}/* 1?°œ??¼??Œ ??¤??€??¼??´ ?????? ????????´??œ ?ª¼?°œ??œ radius ??¤??? */ .iptBtn li:last-child label, .iptBtn li:last-child button {border-top-right-radius:5px; border-bottom-right-radius:5px;}/* 1?°œ??¼??Œ ??¤??€??¼??´ ?????? ????????´??œ ?ª¼?°œ??œ radius ??¤??? */ .iptBtn.mini li label {min-width:78px;} .iptBtn.div_4 {width:453px;} .iptBtn[class*=div_] li {margin-bottom:-1px;} .iptBtn[class*=div_] li:first-child {margin-left:0;} .iptBtn.div_2 li:nth-child(3), .iptBtn.div_3 li:nth-child(4), .iptBtn.div_4 li:nth-child(5) {margin-left:0;} .iptBtn[class*=div_] li:first-child label {border-radius:5px 0 0 0;} .iptBtn.div_2 li:nth-child(2) label, .iptBtn.div_3 li:nth-child(3) label, .iptBtn.div_4 li:nth-child(4) label {border-radius:0 5px 0 0;} .iptBtn.div_2 li:nth-child(3) label, .iptBtn.div_3 li:nth-child(4) label, .iptBtn.div_4 li:nth-child(5) label {border-radius:0 0 0 5px;} .iptBtn[class*=div_] li:last-child label {border-radius:0 0 5px 0;} /*================================================ Tab ================================================*/ .tabWrap .tabContents {padding:0;} .tabWrap .tabPanel {display:none; text-align:left;} .tabWrap .tabPanel.on {display:block;} .tabList {display:table; width:100%; table-layout:fixed;} .tabList > li {display:table-cell; position:relative; padding:0 5px; color:#666; font-size:2.0rem; letter-spacing:-0.05em; line-height:1.2; text-align:center; vertical-align:middle; cursor:pointer;} .tabList > .on {color:#000; font-weight:700; z-index:1;} .tabList button {display:block; width:100%;} /*.tabWrap.pageTab .tabContents {padding:32px 20px 30px;}*/ .tabWrap.subTab .tabList {position:relative; height:60px; padding:0 10px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; overflow-x:auto; overflow-y:hidden; white-space:nowrap;} .tabWrap.subTab .tabList > li {display:inline-block; height:59px; margin:0 10px; padding:20px 8px 0; color:#888; font-size:1.6rem; } .tabWrap.subTab .tabList > li.on {position:relative; border-bottom:3px solid #222; color:#222; z-index:1;} .tabWrap.subTab .tabContents {padding:0 20px;} /* pageTab */ ul.pageTab {padding:0 15px; background:#fff url(../img/mw/common/pageTab_line.png) repeat-x 0 100%; background-size:1px auto; overflow:hidden;} ul.pageTab > li {padding:19px 0; border-top:2px solid transparent; color:#333; font-size:1.6rem; outline:rgba(0,0,0,0);} ul.pageTab > .on {color:#df3e4e;} ul.pageTab > .on:before {content:''; position:absolute; bottom:0; right:5px; left:5px; height:3px; background-color:#df3e4e;} ul.pageTab:not(.def).var {display:block; white-space:nowrap; overflow-x:auto;} ul.pageTab:not(.def).var > li {display:inline-block; padding:0 10px; line-height:57px;} ul.pageTab.bg > li{background: #f0f0f0; font-size: 20px;} ul.pageTab.bg > .on{ background: #df3e4e; color: #fff;} /* pageTab */ ul.mainTab {margin:0 auto 30px; background-color:#f2f2f2;} ul.mainTab > li {height:40px; padding-top:2px; border:1px solid transparent; border-bottom-color:#333; color:#666; font-size:1.6rem;} ul.mainTab > .on {border-color:#333; border-bottom-color:#fff; background-color:#fff; color:#000;} .mainTab .tabContents {padding:0;} * ~ ul.mainTab {margin-top:40px;} @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(../assets/fonts/NotoSansKR-Regular.woff2) format('woff2'), url(../assets/fonts/NotoSansKR-Regular.woff) format('woff'), url(../assets/fonts/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(../assets/fonts/NotoSansKR-Medium.woff2) format('woff2'), url(../assets/fonts/NotoSansKR-Medium.woff) format('woff'), url(../assets/fonts/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(../assets/fonts/NotoSansKR-Bold.woff2) format('woff2'), url(../assets/fonts/NotoSansKR-Bold.woff) format('woff'), url(../assets/fonts/NotoSansKR-Bold.otf) format('opentype'); }