@charset "utf-8"; /***************************** 메인페이지 전용 CSS *****************************/ /* CSS 초기화 */ html { height: 100%; } *{margin:0;padding:0} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, span, strong, em, * { margin: 0; padding: 0; font-family:'Malgun Gothic','맑은 고딕', "돋움",dotum ; font-size: 12px; color: #333; } fieldset, img, abbr, acronym { margin: 0; border: 0; } legend, caption { display: none; } table { border-collapse: collapse; border-spacing: 0; } ol,ul { list-style: none; } address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; } a { color: #333; text-decoration: none; cursor:pointer} a:hover { text-decoration:underline; } img, input, select { vertical-align: middle; } select { color: #333; } iframe { overflow: hidden; margin: 0; padding: 0; border: none; } iframe body { overflow: hidden; margin: 0; padding: 0; border: none; } /*color Type*/ .c_f{color:#fff!important;} .c_r{color:#ff3366!important;} .c_s{color:#00a4df!important;} .c_b{color:#576cb1!important;} .c_6{color:#6b6b6b!important;} .c_8{color:#888!important;} .c_d{color:#ddd!important;} .f11{font-size:11px} .bold{font-weight:bold;} .ls-1{letter-spacing:-1px} .ls-0{letter-spacing:-0.05em} /**/ .pd0 { padding: 0 !important; } .mg0 { margin: 0 !important; } .mg0_1 { margin: 0 !important; clear: both; } .mgb_5 { margin-bottom: 5px !important; } .mgb_10 { margin-bottom: 10px !important; } .mgb_15 { margin-bottom: 15px !important; } .mgb_20 { margin-bottom: 20px !important; } .mgb_25 { margin-bottom: 25px !important; } .mgb_30 { margin-bottom: 30px !important; } .mgb_35 { margin-bottom: 35px !important; } .mgb_40 { margin-bottom: 40px !important; } .mgb_50 { margin-bottom: 50px !important; } .mgb_60 { margin-bottom: 60px !important; } .mgt_0 { margin-top: 0 !important; } .mgt_5 { margin-top: 5px !important; } .mgt_10 { margin-top: 10px !important; } .mgt_20 { margin-top: 20px !important; } .mgt_30 { margin-top: 30px !important; } .mgt_40 { margin-top: 40px !important; } .mgt_50 { margin-top: 50px !important; } .mgt_60 { margin-top: 60px !important; } .mgt_70 { margin-top: 70px !important; } .mgt_80 { margin-top: 80px !important; } .mgl_10 { margin-left: 10px !important; } .mgl_30 { margin-left: 30px !important; } .pdl_5 { padding-left: 5px !important; } .pdl_10 { padding-left: 10px !important; } .pdl_15 { padding-left: 15px !important; } .pdl_20 { padding-left: 20px !important; } .pdl_30 { padding-left: 30px !important; } .pdl_40 { padding-left: 40px !important; } .pdl_45 { padding-left: 45px !important; } .pdl_50 { padding-left: 50px !important; } .pdl_60 { padding-left: 60px !important; } .pdl_65 { padding-left: 65px !important; } .pdl_70 { padding-left: 70px !important; } .pdl_105 { padding-left: 105px !important; } .pdl_124 { padding-left: 124px !important; } .pdl_125 { padding-left: 125px !important; } .pdl_127 { padding-left: 127px !important; } .pdl_130 { padding-left: 130px !important; } .pdl_300 { padding-left: 300px !important; } .pdl_310 { padding-left: 310px !important; } .pdl_320 { padding-left: 320px !important; } .pdl_350 { padding-left: 350px !important; } .pdt_5 { padding-top: 5px !important; } .pdt_10 { padding-top: 10px !important; } .pdt_20 { padding-top: 20px !important; } .pdt_30 { padding-top: 30px !important; } .pdt_40 { padding-top: 40px !important; } .pdt_50 { padding-top: 50px !important; } .pdb_5 { padding-bottom: 5px !important; } .pdb_10 { padding-bottom: 10px !important; } .pdb_20 { padding-bottom: 20px !important; } .pdb_30 { padding-bottom: 30px !important; } .pdb_40 { padding-bottom: 40px !important; } .pdb_50 { padding-bottom: 50px !important; } .pdr_5 { padding-right: 5px !important; } .pdr_10 { padding-right: 10px !important; } .pdr_20 { padding-right: 20px !important; } .pdr_30 { padding-right: 30px !important; } .pdr_40 { padding-right: 40px !important; } .pdr_50 { padding-right: 50px !important; } .pda_0{padding:0px!important; } .pda_1{padding:1px!important; } .pda_2{padding:2px!important; } .pda_3{padding:3px!important; } .pda_5{padding:5px!important; } .pda_10{padding:10px!important; } .pda_20{padding:20px!important; } .pda_30{padding:30px!important; } .txt_size11{font-size:11px!important;font-weight:normal} .txt_size11_ul li{font-size:11px!important;font-weight:normal} .txt_size12{font-size:12px;font-weight:normal} .txt_size12{font-size:12px!important;font-weight:normal} .txt_size12i{font-size:12px!important;font-weight:normal} .txt_size13{font-size:13px;font-weight:normal} .txt_size14{font-size:14px;font-weight:normal} .txt_size14i{font-size:14px!important;font-weight:normal} .txt_size18{font-size:18px;font-weight:normal} .txt_size21{font-size:21px;font-weight:normal} .vat { vertical-align: top !important;} .vam { vertical-align: middle !important;} .vab { vertical-align: bottom !important;} .center_i { text-align: center !important; } .word_break{word-break:keep-all; } .bold{font-weight:bold} /******************************************************************************여기부터**/ body{} .wrap{ margin: 0 auto; width: 880px;position:relative;} /**여기까지**/ header{border-bottom:2px solid #0cc;display:table;width:862px;padding:35px 0 10px 0;margin:0 0 10px 7px} header .logo{display:table-cell;width:200px} header .logo p img{display:none} header .logo p {background:url('/img/logo/logii_new.png?rnd=200907') center no-repeat;background-size:135px 57px;-webkit-background-size:135px 57px;width:135px;height:57px;margin-left:5px;image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; } .logout, .login{display:table-cell;vertical-align:bottom;text-align:right;padding-bottom:5px} .login{padding-bottom:0} .logout *{vertical-align:middle;font-family:"맑은 고딕", "돋움",dotum ;} .logout .leftlog, .login .leftlog{float:left;padding-left:} .login .leftlog{float:right;padding-left:} .logout .leftlog, .login .leftlog a:hover{text-decoration:none} .logout .rightlog, .login .rightlog{} .logout input.entry{height:20px;line-height:20px;border:1px solid #ededed;padding-left:2px;font-size:11px;font-family:"돋움",dotum, "굴림", Gulim;color:#666} .logout input.entry.pwd{background:url("/img/index/inp_pwd.gif") no-repeat 5px 4px;} .logout .leftlog span{font-weight:bold;} .logout .leftlog label{font-size:11px;color:#9666} .logout .rightlog{;} .logout .rightlog span{color:#ccc;font-size:11px;} .login ul li{float:left;width:115px;;text-align:right;line-height:23px;} .login ul li a{display:inline-block;width:100%;;color:#333;font-family:"맑은 고딕", "돋움",dotum ;font-weight:bold} .login ul li span{font-weight:bold;padding-right:0px;;font-family:"맑은 고딕", "돋움",dotum ;} .login ul li em{color:#ff5079;font-weight:bold;;font-family:"맑은 고딕", "돋움",dotum ;} .login .rightlog{text-align:left;} .login .rightlog .welcome{float:left;font-family:"맑은 고딕", "돋움",dotum ;} .login .rightlog .welcome strong{font-family:"맑은 고딕", "돋움",dotum ;} .login .rightlog .member{float:right;font-family:"맑은 고딕", "돋움",dotum ;} a.btn_s_gr{border:1px solid #ededed;border-radius:5px;padding:2px 6px;height:18px;line-height:18px;display:inline-block;font-size:11px;background:#fff} a.btn_s_gr:hover{text-decoration:none} .content{width:869px;overflow:hidden;} .content .leftcont{float:right;width:600px;} .content .rightcont{float:left;width:270px;} .content .rightcont .title{height:40px;line-height:38px;overflow:hidden;width:268px;border-bottom:1px solid #eee;background:url('/img/index/arrow_gr.gif') center right no-repeat;} .content .rightcont .title a{display:inline-block;width:100%;height:40px;} .content .rightcont .title2{height:34px;line-height:34px;overflow:hidden;width:268px;background:url('/img/index/arrow_gr.gif') center right no-repeat;} .content .rightcont .title3{height:34px;line-height:34px;overflow:hidden;width:268px;} .content .title h1{float:left;font-size:14px;padding-left:15px;font-family:"맑은 고딕", "돋움",dotum ;} .title h1 a{font-family:"맑은 고딕", "돋움",dotum ;font-size:14px;padding:7px 0 0 3px} .content .title h2{float:right;font-size:11px;font-weight:normal;color:#999;padding-right:20px;font-family:"맑은 고딕", "돋움",dotum ;letter-spacing:-1px} .content .title2 h4{float:left;font-size:12px;padding-left:15px;color:#333} .content .title2 span{float:right;font-size:11px;font-weight:normal;color:#01aebe;padding-right:20px} .content .title3 h4{float:left;font-size:12px;padding-left:15px;color:#6b6b6b} .content .title3 span{float:right;font-size:11px;font-weight:normal;color:#74aaad;padding-right:20px} .content .bn_main {margin-bottom:10px;border:1px solid #ededed;width:598px;height:100px} .content .bn_main:before{content:'';position:absolute;display:block;right:0;width:1px;height:100px;border-right:1px solid #ddd} .content .shopa{border:1px solid #ededed;overflow:hidden;margin-bottom:10px; height:274px;}/* 2015-06-09 */ .content .shopa .sp_roll{width:100%;overflow:hidden;position:relative;} .content .shopa .sp_roll ul.sp_big{width:388px;float:left;position:relative;height:149px;} .content .shopa .sp_roll ul.sp_big li{width:387px;height:235px;overflow:hidden;display:block} .content .shopa .sp_roll ul.sp_big li img{position:absolute;top:0;right:0;} .content .shopa .sp_roll ul.sp_big#sp_blind li img{position:absolute;top:-235px;right:0;} .content .shopa .sp_roll ul.sp_big li h4{font-weight:bold;font-size:14px;color:#6b6b6b;position:absolute;top:20px;left:25px;font-family:"맑은 고딕", "돋움",dotum ;} .content .shopa .sp_roll ul.sp_big li .price{position:absolute;top:90px;left:20px;width:175px} .content .shopa .sp_roll ul.sp_big li .price .sale{background:url('/img/index/sale_arrow.png') no-repeat;width:62px;height:46px;display:block;} .content .shopa .sp_roll ul.sp_big li .price .sale em{color:#fff;font-weight:bold;position:absolute;top:15px;left:18px;font-size:18px;font-family:"맑은 고딕", "돋움",dotum ;} .content .shopa .sp_roll ul.sp_big li .price .money{position:absolute;top:0px;right:0px;text-align:right;} .content .shopa .sp_roll ul.sp_big li .price .money .dash{text-decoration:line-through;display:block;color:#999} .content .shopa .sp_roll ul.sp_big li .price .money .spm{font-weight:bold;font-family:"맑은 고딕", "돋움",dotum ;} .content .shopa .sp_roll ul.sp_big li .price .money .spm strong{color:#f36;font-size:18px;font-family:"맑은 고딕", "돋움",dotum ;} .content .shopa .sp_roll ul.sp_sml{float:right;width:210px;} .content .shopa .sp_roll ul.sp_sml li{float:left;border-left:1px solid #ddd;border-bottom:1px solid #ddd; width:104px;}/* 2015-06-09 */ .content .shopa .sp_roll ul.sp_sml li.sml3, .content .shopa .sp_roll ul.sp_sml li.sml4{border-bottom:none;} .content .shopa .sp_roll ul.sp_sml li a{display:inline-block;width:100px;height:108px;border:2px solid #fff;padding-top:0px;overflow:hidden;letter-spacing:-1px} .content .shopa .sp_roll ul.sp_sml li a p{font-size:11px;text-align:center;padding-top:6px;color:#999} .content .shopa .sp_roll ul.sp_sml li a:hover{border:2px solid #01aebe;} .content .shopa .sp_roll ul.sp_sml li a:hover p{color:#74aaad} .content .shopa .sp_roll ul.sp_sml li img{width:100px;height:85px;} .content .shopa .sp_roll .sp_roll_btn{width:100%;} .content .shopa .sp_roll .sp_roll_btn a.prev{background:url('/img/index/roll_prev.png') no-repeat;position:absolute;left:0;top:62px;text-indent:-999em;width:25px;height:25px;} .content .shopa .sp_roll .sp_roll_btn a.prev:hover{background-color:#999} .content .shopa .sp_roll .sp_roll_btn a.next{background:url('/img/index/roll_next.png') no-repeat;position:absolute;left:363px;top:62px;text-indent:-999em;width:25px;height:25px;} .content .shopa .sp_roll .sp_roll_btn a.next:hover{background-color:#999} .content .shopa .sp_list ul {} .content .shopa .sp_list ul li{width:193px;float:left;} .content .shopa .sp_list ul li img{float:right;} .content .shopa .sp_list ul li.li2{border-left:1px dotted #ddd;width:193px} .content .shopa .sp_list ul li.li3{width:209px;float:right;border-left:1px dotted #ddd} .content .shopa .sp_list ul li h5{padding:10px;font-size:11px;font-weight:normal} .content .shopa .sp_list ul li .money{padding-left:10px} .content .shopa .sp_list ul li .dash{color:#999;font-size:11px;text-decoration:line-through;} .content .shopa .sp_list ul li .spm em{color:#f36;font-weight:bold} /*리뉴얼 1703*/ .content .tpoint{border:1px solid #ededed;margin-bottom:10px;height:512px;} .content .tpoint .tp_plus {border-bottom:1px solid #ddd;overflow:hidden;} .content .tpoint .tp_plus h4{font-weight:bold;color:#454545;} .content .tpoint .tp_plus p{width:72%;padding-left:28%;line-height:16px;color:#6a7070;font-size:11px;padding-top:15px;} .content .tpoint .tp_plus span{color:#01aebe;font-size:11px;display:block;padding-top:6px;text-indent:-9999em} .content .tpoint .tp_plus_ul ul{width:100%;} .content .tpoint .tp_plus_ul li{float:left;width:33%} .content .tpoint .tp_plus .taekbae{background:url('/img/index/ptpls_tpt.png') 20px 54px no-repeat;border-right:1px dotted #ddd;width:193px} .content .tpoint .tp_plus .shopping{background:url('/img/index/ptpls_shp.png') 16px 50px no-repeat;border-right:1px dotted #ddd;width:194px;} .content .tpoint .tp_plus .charge{background:url('/img/index/ptpls_gift.png') 20px 46px no-repeat;width:209px;} .content .tpoint .tp_plus .box3{padding:22px 15px 5px 15px;} .content .tpoint .tp_plus .box3 a{width:110%;height:100%;display:inline-block;background:url('/img/index/ar_left_g.png') 95% center no-repeat;background-size:10px} /* .content .tpoint .tp_plus .box3:hover *{color:#fff;text-decoration:none;} .content .tpoint .tp_plus .taekbae:hover{background:url('/img/index/w_ptpls_tpt.png') #6cc 20px 44px no-repeat;border-right:1px dotted #ddd;width:193px;height:90px} .content .tpoint .tp_plus .charge:hover{background:url('/img/index/w_ptpls_gift.png') #6cc 20px 36px no-repeat;width:209px;height:90px} .content .tpoint .tp_plus .ptnpp.box3:hover{background:url('/img/index/w_ptpls_pch.png') #6cc 20px 40px no-repeat;width:163px;border-top:1px dotted #ddd;letter-spacing:-1px;} .content .tpoint .tp_plus .pplus:hover{background:url('/img/index/w_ptpls_frpt.png') #6cc 20px 40px no-repeat;width:193px;border-top:1px dotted #ddd;height:90px} .content .tpoint .tp_plus .hana:hover{background:url('/img/index/w_icon_hana.png') #6cc 20px 40px no-repeat;border-top:1px dotted #ddd;letter-spacing:-1px;height:90px} .content .tpoint .tp_plus .pcul:hover{background:url('/img/index/w_ptcul_frpt.png') #6cc 20px 40px no-repeat;width:163px;border-top:1px dotted #ddd;height:90px} */ .content .tpoint .tp_plus .box3:hover *{color:#fff;text-decoration:none;} .content .tpoint .tp_plus .taekbae .box3:hover{background:url('/img/index/w_ptpls_tpt.png') #09b5bd 20px 54px no-repeat;border-right:1px dotted #ddd;} .content .tpoint .tp_plus .ptnpp.box3:hover{background:url('/img/index/w_ptpls_pch.png') #09b5bd 20px 50px no-repeat;width:163px;border-top:1px dotted #ddd;letter-spacing:-1px;height:82px} .content .tpoint .tp_plus .shopping .box3:hover{background:url('/img/index/w_ptpls_shp.png') #09b5bd 16px 50px no-repeat;border-right:1px dotted #ddd;} .content .tpoint .tp_plus .shopping .box3.pcul:hover{background:url('/img/index/w_ptcul_frpt.png') #09b5bd 20px 50px no-repeat;width:163px;border-top:1px dotted #ddd;height:82px} .content .tpoint .tp_plus .charge .box3:hover{background:url('/img/index/w_ptpls_gift.png') #09b5bd 20px 46px no-repeat;} .content .tpoint .tp_plus .charge .box3.hana:hover{background:url('/img/index/w_icon_hana.png') #09b5bd 20px 50px no-repeat;border-top:1px dotted #ddd;letter-spacing:-1px;height:82px} /*잠정중단할때까지 , 끝나면 삭제 .content .tpoint .tp_plus .ptnpp.box3{position:relative;} .content .tpoint .tp_plus .ptnpp.box3:hover{background:url('/img/index/ptpls_pch.png') 20px 50px no-repeat;width:163px;border-top:1px dotted #ddd;letter-spacing:-1px;}/*잠정중단할때까지 .content .tpoint .tp_plus .ptnpp.box3:hover *{color:#555} .content .tpoint .tp_plus .ptnpp.box3 .sleeparea .sleep{position:absolute;top:0;left:0;width:100%;height:110px;color:#fff;font-weight:bold;text-align:center;} .content .tpoint .tp_plus .ptnpp.box3 .sleeparea .txt{position:absolute;top:0;left:0;width:100%;height:110px;top:22px;left:105px;font-size:12px;color:#555} /*잠정중단할때까지 , 끝나면 삭제*/ .content .tpoint .tp_plus .box3.ptnpp{background:url('/img/index/ptpls_pch.png') 20px 50px no-repeat;width:163px;border-top:1px dotted #ddd;letter-spacing:-1px;} .content .tpoint .tp_plus .box3.pplus{background:url('/img/index/ptpls_frpt.png') 20px 50px no-repeat;width:193px;border-top:1px dotted #ddd;} .content .tpoint .tp_plus .box3.hana{background:url('/img/index/icon_hana.png') 20px 50px no-repeat;border-top:1px dotted #ddd;letter-spacing:-1px} .content .tpoint .tp_plus .box3.pcul{background:url('/img/index/ptcul_frpt.png') 20px 50px no-repeat;width:163px;border-top:1px dotted #ddd;} .content .tpoint .tp_plus .box3.ocb{background:url('/img/index/icon_ocb.png') 20px 50px no-repeat;border-top:1px dotted #ddd;letter-spacing:-1px} .content .tpoint .tp_plus_ul li .ul_half{padding:5px 0 0 15px;height:85px} .content .tpoint .tp_plus_ul li .ul_half li{width:49%;color:#999;font-size:11px;line-height:25px;background:url('/img/index/px_arrow_ga.png') 20px center no-repeat;} .content .tpoint .tp_plus_ul li .ul_half li a{color:#999;} .content .tpoint .tp_plus_ul li .bn_spon{text-align:center;padding-bottom:6px} .content .tpoint .tp_plus_ul li .bn_spon img{height:90px} .content .tpoint .tp_use {overflow:hidden;} .content .tpoint .tp_use h4{font-weight:bold;color:#454545} .content .tpoint .tp_use p{width:72%;padding-left:28%;line-height:14px;color:#6a7070;font-size:11px;padding-top:15px;} .content .tpoint .tp_use span{color:#09b5bd;font-size:11px;display:block;padding-top:6px;text-indent:-9999em} .content .tpoint .tp_use_ul ul{width:100%;} .content .tpoint .tp_use_ul li{float:left;width:33%} .content .tpoint .tp_use_ul ul{width:100%;} .content .tpoint .tp_use_ul li{float:left;width:33%} /*택배포인트쓰기 수정150310*/ .content .tpoint .tp_use_ul li .ul_half{padding:0px 0 0 15px;height:75px} .content .tpoint .tp_use_ul li .ul_half li{width:49%;color:#999;font-size:11px;line-height:24px;background:url('/img/index/px_arrow_ga.png') 95% center no-repeat;} .content .tpoint .tp_use_ul li .ul_half li a{color:#999;} .content .tpoint .tp_use_ul .ticket .ul_half li{letter-spacing:-0.12em} .content .tpoint .tp_use_ul li.ticket .ul_half li:last-child{width:75%} .content .tpoint .tp_use_ul li.ticket .ul_half li:nth-last-child(2){width:62%} .content .tpoint .tp_use .ticket{background:url('/img/index/ptuse_tikt.png') 20px 50px no-repeat;border-right:1px dotted #ddd;width:193px;height:213px} .content .tpoint .tp_use .mobile{background:url('/img/index/ptuse_mble.png') 20px 50px no-repeat;border-right:1px dotted #ddd;width:194px;height:213px} .content .tpoint .tp_use .pointsph{background:url('/img/index/ptuse_shop.png') 20px 50px no-repeat;width:209px;border-bottom:1px dotted #ddd;height:104px} .content .tpoint .tp_use .unicef{background:url('/img/index/ptuse_ucf.png') 20px 50px no-repeat;width:209px;} .content .tpoint .tp_use .ticket:hover{background:url('/img/index/w_ptuse_tikt.png')#09b5bd 20px 50px no-repeat;border-right:1px dotted #ddd;color:#fff;text-decoration:none;} .content .tpoint .tp_use .ticket:hover *{color:#fff;text-decoration:none;} .content .tpoint .tp_use .mobile:hover{background:url('/img/index/w_ptuse_mble.png')#09b5bd 20px 50px no-repeat;border-right:1px dotted #ddd;color:#fff;text-decoration:none;} .content .tpoint .tp_use .mobile:hover *{color:#fff;text-decoration:none;} .content .tpoint .tp_use .pointsph .box3:hover{background:url('/img/index/w_ptuse_shop.png')#09b5bd 20px 50px no-repeat;border-bottom:1px dotted #ddd;height:86px} .content .tpoint .tp_use .pointsph .box3:hover *{color:#fff;text-decoration:none;} .content .tpoint .tp_use .unicef .box3:hover{background:url('/img/index/w_ptuse_ucf.png')#09b5bd 20px 50px no-repeat;height:82px} .content .tpoint .tp_use .unicef .box3:hover *{color:#fff;text-decoration:none;} .content .tpoint .tp_use .box3{padding:25px 15px 0px 15px;} .content .tpoint .tp_use .box3 a{width:110%;height:100%;display:inline-block;background:url('/img/index/ar_left_g.png') 95% center no-repeat;background-size:10px} /*택배포인트쓰기 수정150310끝*/ .content .tpoint .tp_use_ul li .ul_full{padding:5px 0 0 15px;height:78px} .content .tpoint .tp_use_ul li .ul_full li{width:100%;color:#999;font-size:11px;line-height:17px;background:url('/img/index/px_arrow_ga.png') 95% center no-repeat;} .content .tpoint .tp_use_ul li .ul_full li a{color:#999;} .content .review{border:1px solid #ededed;overflow:hidden;position:relative;width:598px;margin-bottom:10px} .content .review .rb_roll{overflow:hidden;padding-left:30px;} .content .review .roll_ul li{float:left;width:105px;padding:15px 15px} .content .review .roll_ul li img{width:105px;height:70px} .content .review .roll_ul li p{font-size:11px;line-height:12px;padding-top:5px;color:#6b6b6b} .content .review .roll_btn{width:100%;} .content .review .roll_btn a.prev{background:url('/img/index/roll_prev.png') no-repeat;position:absolute;left:0;top:50%;text-indent:-999em;width:25px;height:25px;} .content .review .roll_btn a.prev:hover{background-color:#999} .content .review .roll_btn a.next{background:url('/img/index/roll_next.png') no-repeat;position:absolute;right:0px;top:50%;text-indent:-999em;width:25px;height:25px;} .content .review .roll_btn a.next:hover{background-color:#999} /*rightcont*/ .content .rightcont .t_reserve .title{background:none;} .content .rightcont .t_reserve .title a{display:inline;color:#333} .content .rightcont .t_reserve .title a:hover{text-decoration:none} .content .rightcont .t_reserve .title h2{padding-right:5px} .t_reserve{border:1px solid #ededed;height:625px;margin-bottom:10px} .t_reserve .copy p{padding:8px 15px;font-size:11px;color:#999;border-bottom:1px dotted #ddd;line-height:13px;}/*ok캐쉬백적립 설명150413 letter-spacing:-0.08em*/ .t_reserve .copy p span{color:#74aaad;font-size:11px;} .t_reserve .choice{width:100%;} .t_reserve .choice .chotxt{padding:10px 0 9px 15px;font-size:11px;} .t_reserve .choice ul{padding:0 15px;} .t_reserve .choice ul li{width:70px;margin:0 12px 0 0 ;height:56px;float:left;position:relative;text-align:center;cursor:pointer} .t_reserve .choice ul li.last{margin:0;} .t_reserve .choice ul li input{margin:0;padding:0;height:12px;width:12px;position:absolute;top:36px;left:30px;} .t_reserve .choice ul li label{width:100%;height:50px;border:1px solid #ededed;display:inline-block;padding-top:4px} .t_reserve .choice ul li label span{background:url('/img/index/radio.png') no-repeat;position:absolute;top:36px;left:30px;width:14px;height:14px;display:block;z-index:555;text-indent:-999em} .t_reserve .choice ul li label.on{border:1px solid #09b5bd;} .t_reserve .choice ul li label.on span{background-position:0px -16px;} .t_reserve .choice .btn_res{clear:both;padding:5px 17px 0 15px;height:50px;} .t_reserve .choice a.bt_res{display:block;height:40px;background:#6b6b6b;width:100%;border-bottom:3px solid #555;color:#fff;font-weight:bold;font-size:14px;text-align:center;line-height:40px;} .t_reserve .choice a.bt_res:hover{background:#09b5bd;border-bottom:3px solid #5ab7b7;} .bn_right{margin:9px 0}/* 2015-06-09 배너 */ .content .rightcont .event .title{background:none;} .content .rightcont .event .title a{display:inline;color:#333} .content .rightcont .event .title h2{padding-right:5px} .event{border:1px solid #ededed;margin-bottom:10px;} .event p.copy{color:#74aaad;font-size:11px;padding: 14px 0 0 15px;} .event .ev_list{width:100%;padding:6px 0}/* 2015-06-09 배너 */ .event .ev_list li{font-weight:bold;background:url('/img/index/px_arrow_ga.png') 0 3px no-repeat} .event .ev_list li p{color:#6b6b6b;padding-left:15px;height:23px;line-height:23px;}/* 2015-06-09 배너 */ .event .ev_list li p strong{color:#6b6b6b;font-weight:normal;color:#494949} .event .ev_list li p strong:hover{text-decoration:underline} .event .ev_list li p span.arrival{background:#01aebe;color:#fff;font-size:11px;font-weight:normal;height:18px;line-height:18px;padding-top:2px;margin:0 1px;border-radius:2px} .event .ev_list li p span.all{background:#f99;color:#fff;font-size:11px;font-weight:normal;height:18px;line-height:18px;padding-top:2px;margin:0 1px;border-radius:2px} .event .ev_list .ev_txt{position:relative;width:100%;border-bottom:1px dotted #ddd;margin-bottom:10px} .event .ev_list li.last .ev_txt{} .event .ev_list .ev_txt dl{width:170px;padding:5px 0 10px 15px;height:50px;overflow:hidden;} .event .ev_list .ev_txt dl dt{font-size:11px;color:#999;letter-spacing:-1px;width:28px;float:left;font-weight:normal;line-height:16px;} .event .ev_list .ev_txt dl dd{font-size:11px;color:#999;letter-spacing:-1.2px;width:135px;float:left;font-weight:normal;line-height:16px;} .event .ev_list .ev_txt img{position:absolute;right:0;top:0;} .event .ev_list li a{display:inline-block;width:100%;} .event .ev_big li .ev_txt{float:left;width:180px} .event .ev_big li .ev_txt ul li{font-size:11px;color:#999;letter-spacing:-1px} .event .ev_big li img{float:right;} .lotto{border:1px solid #ededed;height:175px} .lotto .cha{font-size:12px;color:#999;padding:15px 15px 10px 15px;} .lotto .cha strong{font-size:14px;color:#01aebe;} .lotto .lto_num_img{padding-left:15px;margin-bottom:5px} .lotto .lto{width:100%;padding:3px 0;} .lotto .tit{font-size:11px;color:#999;padding-left:15px;width:30%;text-align:left;line-height:13px} .lotto .ttt{font-size:12px;color:#6b6b6b;width:70%;text-align:right;display:inline-block;font-weight:bold} .lotto .ttt span{font-size:12px;} .lotto .ttt2{font-size:12px;color:#6b6b6b;width:70%;text-align:right;display:inline-block;font-weight:bold} /* 좌측 배너 */ .main_left_banner{ position: absolute; top: 190px; left: -90px; width: 78px; background: #fff; } /* tvcf 플래시 */ .main_quick_banner2 { position: absolute; top: 188px; right: -85px; width: 78px; background: #fff;display:none} .layer_pop_tvcf{ position: absolute; top:188px; left: 50%;margin:0 0 0 -270px; width: 708px; height: 389px; border: 1px solid #ddd;background:url('/img/main/loading2.gif') 50% 50% no-repeat #ffffff} .close_btntop{position: absolute;top:3px;right:3px;} .tvcf_layer{z-index:9999;position:absolute;top:188px;left:50%;margin:0 0 0 -200px;width:640px;height:360px;background:url('/img/main/loading2.gif') 50% 50% no-repeat #ffffff} .tvcf_layer_close{position:absolute;top:4px;right:6px;} .tvcf_layer_border{position:absolute;top:0px;left:50%;margin:0 0 0 -320px;border:3px solid #ddd;width:634px;height:354px;} /******** 레이어팝업1 *********/ .layer_fix1 { position: fixed; _position: absolute; right: 0; bottom: 0; } /* 메일수신동의 */ .pop_main_notice { position: relative; padding: 30px 0 0 30px; width: 526px; height: 209px; background: url('/img/main/main_notice.gif') 0 0 no-repeat; } .pop_main_notice .close1 { position: absolute; bottom: 7px; right: 10px; color: #fff; font-weight: bold; } .pop_main_notice .close1:hover { color: #fff !important; text-decoration: none; } .pop_main_notice .close2 { position: absolute; top: 30px; right: 25px; } .pop_main_notice .explain { padding: 10px 0; line-height: 18px; color: #64646c; } .pop_main_notice .explain p { padding: 8px 0 0 0; font-size: 11px; letter-spacing: -1px; color: #64646c; } .pop_main_notice em { font-size: 14px; font-weight: bold; } .pop_main_notice strong { color: #df9301; } /* 쇼핑파인더 존 구성 변경 2015-07 */ .content .shopa .sp_roll .goods {float:left; border:1px solid red;} .content .shopa .sp_roll .goods li {position:relative; width:166px; border-right:1px solid #ddd; height:233px; float:left; text-align:center;} .content .shopa .sp_roll .goods li.last {position:relative; width:166px; border-right:none; height:233px; float:left; text-align:center;} .content .shopa .sp_roll .goods li img {width:140px; height:115px; padding-top:12px;} .content .shopa .sp_roll .goods li h3 {height:40px; text-align:left; vertical-align:middle; padding:6px 10px; letter-spacing:-1px; font-family:"맑은 고딕","돋움",dotum,"굴림"; line-height:15px;} .content .shopa .sp_roll .goods li h3.line1 {padding:12px 10px;} .content .shopa .sp_roll .goods li .dc_arrow {position:absolute; top:169px; left:12px; background:url('/img/shopa/arrow_sale.gif') no-repeat; background-size:46px; width:46px; height:35px; padding:12px 0 0 10px; text-align:left;} .content .shopa .sp_roll .goods li em {font-size:14px; color:#fff; letter-spacing:-1px; font-weight:bold; font-family:verdana,"돋움",dotum,"굴림";} .content .shopa .sp_roll .goods li .cont {position:absolute; top:175px; right:0; padding:0 10px 0 0;} .content .shopa .sp_roll .goods li .cont .price {font-size:11px; color:#999; letter-spacing:-1px; text-align:right;} .content .shopa .sp_roll .goods li .cont .price span {text-decoration:line-through; color:#999;} .content .shopa .sp_roll .goods li .cont .low {font-size:11px; color:#ff2d7c; letter-spacing:-1px; text-align:right;} .content .shopa .sp_roll .goods li .cont .low strong {font-size:14px; font-family:verdana,"돋움",dotum,"굴림";} .content .shopa .sp_roll .goods li .cont .point {padding-top:5px; font-size:11px; text-align:center;} .content .shopa .sp_roll .goods li .cont .point em {font-size:11px; color:#ff2d7c;} .content .shopa .sp_roll .category {float:left; border-left:1px solid #ddd;} .content .shopa .sp_roll .md {float:left; border-right:1px solid #ddd; width:315px; height:233px; position:relative;} .content .shopa .sp_roll .md .prev {position:absolute; top:99px; left:0; z-index:999;} .content .shopa .sp_roll .md .next {position:absolute; top:99px; right:0; z-index:999;} .content .shopa .sp_roll .md .label {position:absolute; top:5px; left:7px; z-index:999;} .content .shopa .sp_roll .md .md_roll {width:315px;} .content .shopa .sp_roll .md .md_roll .roll {width:100%; overflow:hidden;} .content .shopa .sp_roll .md .md_roll .roll ul {width:10000%;} .content .shopa .sp_roll .md .md_roll .roll ul li {float:left;cursor:pointer} .content .shopa .sp_roll .md .mdzone {width:315px; height:175px; border-bottom:1px solid #ddd; position:relative;} .content .shopa .sp_roll .md .mdzone .point {position:absolute; bottom:0; right:0; font-size:11px; line-height:11px; background:#ff307e; color:#fff; padding:3px 4px 1px;} .content .shopa .sp_roll .md .mdzone .point strong {color:#fff; font-size:11px;} .content .shopa .sp_roll .md .mdzone .frame {width:100%;} .content .shopa .sp_roll .md .mdzone .frame .over {height:195px; overflow:hidden; position:absolute; top:-20px; left:0;} .content .shopa .sp_roll .md .mdzone .frame .over img {width:315px;} .content .shopa .sp_roll .md .info {color:#888; float:left; padding:5px 0 0 8px; width:210px;} .content .shopa .sp_roll .md .info h3 {float:left; height:20px; color:#494949; font-size:14px; font-family:tahoma,"맑은 고딕", "돋움",dotum; width:200px; overflow:hidden;} .content .shopa .sp_roll .md .info .price {clear:both; float:left; color:#ff307e; font-weight:bold; padding-top:5px;} .content .shopa .sp_roll .md .info .price .line {color:#888; padding:0 3px 0 5px; display:inline-block; font-family:tahoma, "돋움",dotum; text-decoration:line-through;} .content .shopa .sp_roll .md .info .price .sum {color:#333; font-size:18px; font-family:tahoma, "돋움",dotum;} .content .shopa .sp_roll .md .info .price .sum span {font-size:12px;font-family:tahoma,"맑은 고딕", "돋움",dotum;} .content .shopa .sp_roll .md .info .price .sum_non {font-size:18px;} .content .shopa .sp_roll .md .info .price .sum_non .non {border:1px solid #ff307e; background:#fff; color:#ff307e; width:70px; height:13px; display:inline-block; text-align:center; padding:3px 0 1px; line-height:14px; font-size:12px;} .content .shopa .sp_roll .md .benefit {float:left; padding-top:7px;} .content .shopa .sp_roll .md .benefit .discount {float:left; text-align:center; line-height:40px; letter-spacing:-1px; background:url('/img/shopa/circle_p_43.png') no-repeat 0 0; width:43px; height:43px; color:#fff; font-family:"맑은 고딕", "돋움",dotum ; font-size:22px;} .content .shopa .sp_roll .md .benefit .discount span {font-size:12px; color:#fff;} .content .shopa .sp_roll .md .benefit .etc {float:left; text-align:center; padding-top:6px; letter-spacing:-1px; background:url('/img/shopa/circle_p_43.png') no-repeat 0 0; width:43px; height:43px;} .content .shopa .sp_roll .md .benefit .etc p {color:#fff; font-size:13px; font-weight:bold; font-family:"맑은 고딕", "돋움",dotum; letter-spacing:-1px; line-height:14px;} .content .shopa .sp_roll .md .benefit .freeship {float:left; text-align:center; padding-top:6px; background:url('/img/shopa/circle_w_43.png') no-repeat 0 0; width:43px; height:43px;} .content .shopa .sp_roll .md .benefit .freeship p {color:#ff307e; font-size:13px; font-weight:bold; font-family:"맑은 고딕", "돋움",dotum; letter-spacing:-1px; line-height:14px;} .content .shopa .sp_roll .md .benefit .space {float:left;} .content .shopa .sp_roll .new {width:282px; height:116px; border-bottom:1px solid #ddd; position:absolute; top:0; right:0; background:#fff;} .content .shopa .sp_roll .weekly {width:282px; height:116px; position:absolute; top:117px; right:0; background:#fff;} .content .shopa .sp_roll .ban .label {position:absolute; top:2px; left:5px; z-index:999;} .content .shopa .sp_roll .ban .prev {position:absolute; top:55px; left:0; z-index:999;} .content .shopa .sp_roll .ban .prev a {padding:3px;} .content .shopa .sp_roll .ban .next {position:absolute; top:55px; right:0; z-index:999;} .content .shopa .sp_roll .ban .next a {padding:3px;} .content .shopa .sp_roll .ban .nw_roll {width:282px;} .content .shopa .sp_roll .ban .nw_roll .roll {width:100%; overflow:hidden; height:117px;} .content .shopa .sp_roll .ban .nw_roll .roll ul {width:10000%;} .content .shopa .sp_roll .ban .nw_roll .roll ul li {width:282px; float:left;cursor:pointer} .content .shopa .sp_roll .ban .nw_roll .roll ul li .info {width:280px; padding:10px 0 0 18px; position:relative;} .content .shopa .sp_roll .ban .nw_roll .roll ul li .info h3 {position:absolute; width:145px; height:33px; overflow:hidden; top:25px; left:18px; border:1px soild red; font-family:"맑은 고딕", "돋움",dotum; color:#494949; z-index:999;} .content .shopa .sp_roll .ban .nw_roll .roll ul li .info .benefit {margin:52px 0 4px;} .content .shopa .sp_roll .ban .nw_roll .roll ul li .info .benefit .discount {color:#ff307e; font-size:18px; font-family:tahoma,"맑은 고딕", "돋움",dotum; display:inline-block; padding-right:3px;} .content .shopa .sp_roll .ban .nw_roll .roll ul li .info .benefit .discount span {color:#ff307e; font-size:14px; font-weight:normal; font-family:tahoma,"맑은 고딕", "돋움",dotum;} .content .shopa .sp_roll .ban .nw_roll .roll ul li .info .benefit .price {font-size:14px; font-family:tahoma,"맑은 고딕", "돋움",dotum;} .content .shopa .sp_roll .ban .nw_roll .roll ul li .info .benefit .price span {font-size:11px;font-family:tahoma,"맑은 고딕", "돋움",dotum;} .content .shopa .sp_roll .ban .nw_roll .roll ul li .info .benefit .price_non {font-size:14px; font-family:tahoma,"맑은 고딕", "돋움",dotum; display:inline-block; margin-left:5px;} .content .shopa .sp_roll .ban .nw_roll .roll ul li .info .benefit .price_non span {font-size:11px;font-family:tahoma,"맑은 고딕", "돋움",dotum;} .content .shopa .sp_roll .ban .nw_roll .roll ul li .info .benefit .price_non span.non {font-family:"돋움",dotum;border:1px solid #ff307e; background:#fff; color:#ff307e; width:42px; height:10px; display:inline-block; text-align:center; padding:2px 0 1px; line-height:13px; font-size:12px;} .content .shopa .sp_roll .ban .nw_roll .roll ul li .info .w_box {float:left; border:1px solid #ededed; padding:1px 2px 2px; letter-spacing:-1px; font-size:11px; line-height:11px; color:#888; font-family:"맑은 고딕", "돋움",dotum; margin-right:3px;} .content .shopa .sp_roll .ban .nw_roll .roll ul li .info .ban_img {position:absolute; top:11px; right:16px;} .content .shopa .sp_roll .ban .nw_roll .roll ul li .info .ban_img img {width:140px;} /* 메인 구성 변경 2015-12-07 */ .tb_service {height:285px; margin-top:15px; border-top:1px solid #eee;} .tb_service h4 {height:37px; background:#f9f9f9; color:#31888d; line-height:37px; text-align:center;font-family:tahoma,"맑은 고딕", "돋움",dotum;} /* 택배 수취자 이벤트 */ .event{border:1px solid #ededed;margin-bottom:10px; width:278px; height:195px; float:right;} .event p.copy{color:#74aaad;font-size:11px;padding: 14px 0 0 15px;} .event .ev_list{width:100%;padding:6px 0}/* 2015-06-09 배너 */ .event .ev_list li{font-weight:bold;background:url('/img/index/px_arrow_ga.png') 0 10px no-repeat} .event .ev_list li p{color:#6b6b6b;padding-left:15px;height:28px;line-height:28px;padding-top:5px}/* 2015-06-09 배너 */ .event .ev_list li p strong{color:#6b6b6b;} .event .ev_list li p span.arrival{background:#01aebe;color:#fff;font-size:11px;font-weight:normal;height:18px;line-height:18px;padding-top:2px;margin:0 1px;border-radius:2px} .event .ev_list li p span.all{background:#f99;color:#fff;font-size:11px;font-weight:normal;height:18px;line-height:18px;padding-top:2px;margin:0 1px;border-radius:2px} .event .ev_list .ev_txt{position:relative;width:100%;border-bottom:1px dotted #ddd;margin-bottom:10px} .event .ev_list li.last .ev_txt{} .event .ev_list .ev_txt dl{width:170px;padding:5px 0 10px 15px;height:50px;overflow:hidden;} .event .ev_list .ev_txt dl dt{font-size:11px;color:#999;letter-spacing:-1px;width:28px;float:left;font-weight:normal;line-height:16px;} .event .ev_list .ev_txt dl dd{font-size:11px;color:#999;letter-spacing:-1.2px;width:135px;float:left;font-weight:normal;line-height:16px;} .event .ev_list .ev_txt img{position:absolute;right:0;top:0;} .event .ev_list li a{display:inline-block;width:100%;} .event .ev_big li .ev_txt{float:left;width:180px} .event .ev_big li .ev_txt ul li{font-size:11px;color:#999;letter-spacing:-1px} .event .ev_big li img{float:right;} /*슬라이드배너*/ .swiper-container { width: 100%; height: 187px; margin:0 0 5px 0 !important; border-bottom:1px solid #eee; } .swiper-slide { width: 100%; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img{width:100%; } .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1;} .swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-pagination{position:absolute;top:170px;right:5px;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:7px;height:7px;display:inline-block;border-radius:100%;background:#fff;border:1px solid #54c4ca;}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#5ac7ce}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#333}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:0px;left:0;text-align:right;}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 2px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#333;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} /*택배예약 이용료 안내 수정 160907*/ .tb_price{padding:0 10px} table.basic{width:100%;text-align:center;padding:0;margin:0 0 5px 0;border:1px solid #eee} table.basic th{background:#fafafa;font-size:11px;font-weight:normal;height:36px;border-bottom:1px solid #eee;border-right:1px solid #eee;border-top:1px solid #eee;} table.basic td{padding:0;height:28px;font-size:11px;border-right:1px solid #eee;border-bottom:1px solid #eee;} table.basic.h18 td{height:18px} table.basic .sml{font-size:11px;color:#666;letter-spacing:-1px} table.basic .last{border-right:none;} .t_reserve{border:1px solid #ededed;height:564px;margin-bottom:10px} .content .rightcont .title2{height:45px;line-height:45px} /*메인 좌측 날개 배너*/ .main_quick_banner_left{position:absolute;top:173px;left:-246px;width:235px;height:426px;overflow:hidden;border-radius:12px;border:1px solid #eee} .main_quick_banner_left a{cursor:pointer;} .main_quick_banner_left img{border-radius:12px} .main_quick_banner_left2{position:absolute;top:613px;left:-246px;width:235px;height:206px;overflow:hidden;cursor:pointer;border-radius:12px;border:1px solid #eee} .main_quick_banner_left2 img{border-radius:12px} .main_quick_banner_right{position:absolute;top:172px;right:-237px;cursor:pointer;}/*20190226 실장님 메신저 요청 배너 삭제*/ .main_quick_banner_left_wrap{position:absolute;top:173px;left:-300px;overflow:hidden;} .main_quick_banner_left_wrap a img{cursor:pointer;border-radius:12px;} .main_quick_banner_left_wrap .random_bn {height:210px;margin-bottom:10px;} /*.main_quick_banner_left_wrap .random_bn a{display:none;} .main_quick_banner_left_wrap .random_bn a:first-child{display:block;}*/ .main_quick_banner_left_wrap .fix_bn{margin-bottom:10px;} .main_quick_banner_left_wrap .app_bn{margin-top:10px;border:1px solid #eee;border-radius:12px;height:207px} /* 공지사항 */ .nav_section { position: relative; padding: 0 9px 8px 9px; width: 370px; border: 2px solid #999; background: #fff; z-index:999;} .nav_section .tit { padding: 12px 0 10px 8px; font-size: 14px; font-weight: bold; } .nav_section table { width: 100%; } .nav_section th { padding: 6px 0 5px 8px; height: 12px; border-right: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; text-align: left; font-size: 11px; color: #333; } .nav_section td { padding: 0 8px 7px 8px; height: 12px; border-right: 1px solid #e9e9e9; font-size: 11px; letter-spacing: -1px; } .nav_section .last1 { border-right: none; } .nav_section .last2_td td { padding-bottom: 18px; } .nav_section .close { position: absolute; top: 13px; right: 10px; } #footer_re_main { float: left; width:100%; height: 80px; } #footer_re_main .wrap {position:relative ; margin: 5px auto; width: 870px; border-top: 1px solid #ededed;} #footer_re_main .intro_navi {text-align: center; margin: 15px 0 10px 0; color: #6b6b6b; font-size: 11px; } #footer_re_main .intro_navi strong{font-size:12px;color:#666} #footer_re_main a { margin-right: 5px; padding-right: 6px; background: url('/img/main/l_da_11.gif') no-repeat right 0; color: #6b6b6b; font-family:"맑은 고딕","돋움",dotum,"굴림";} #footer_re_main a.last { background: none; margin-right: 0; } #footer_re_main a:hover { text-decoration:underline } #footer_re_main p { color: #888; font-size: 11px;text-align:center;font-family:"맑은 고딕","돋움",dotum,"굴림"; padding:2px 0;display:inline-block;letter-spacing:-0.02em} #footer_re_main p span{color:#ccc} #footer_re_main .intro_navi + p{padding-right:5px} #footer_mobile a{width:100%;display:block;text-align:center;margin-top:10px;background:url('/img/background/footer_mobile.gif') #e1e5e8 top repeat-x;border-bottom:1px solid #cdccd1;padding:20px 0} /*리뉴얼 1701 .content .leftcont .title{height:40px;line-height:38px;overflow:hidden;border-bottom:1px solid #eee;background:url('/img/index/arrow_gr.gif') center right no-repeat;} .content .leftcont .title a{display:inline-block;width:100%;height:40px;} .otb_res li {position:relative} .otb_cate{width:100%;} .otb_res{width:100%;} .otb_res li{border-bottom:1px solid #eee;padding:8px 0 8px 70px;position:relative;background:url('/img/index/ar_left_g.png') no-repeat 96% center;background-size:10px;} .otb_res li:hover{background:url('/img/index/ar_left_g.png') no-repeat 96% center #09b5bd;background-size:10px;} .otb_res li:hover *{color:#fff;text-decoration:none} .otb_res li:hover span{color:#fff;} .otb_res li:hover .ico_tb{background-image:url('/img/icon/icon_w_tb_over.png')} .otb_res .otit{font-size:12px;font-weight:bold;color:#454545;letter-spacing:-0.05em;padding:3px 0 7px 0} .ocopy{width:88%;font-size:11px;line-height:13px;word-break:keep-all;} .ocopy span{font-size:11px;color:#6a7070;word-break:keep-all;line-height:14px} .ico_tb{background:url('/img/icon/icon_w_tb.png') no-repeat;width:40px;height:40px;display:inline-block;position:absolute;left:15px;top:23px;overflow: hidden;background-size:100px 250px;text-indent:-9999em} .ico_tb.day{background-position:0 5px;} .ico_tb.time{background-position:0 -32px;} .ico_tb.quick{background-position:0 -73px;} .ico_tb.cu{background-position:0px -111px;} .ico_tb.air{background-position:0px -151px;} .ocopy3 p{font-size:11px!important;color:#777;background:url('/img/index/won.png') no-repeat ;background-size:14px;height:14px;padding-left:15px;margin-top:5px} .ocopy3 em{color:#ff5079;font-size:11px!important;} .ocopy3 .p4{font-size:11px;color:#777;background:url('/img/index/point.png') no-repeat 0 center;background-size:14px;height:14px;padding-left:15px;margin-top:1px} .tb_price{padding:5px 0 ;} .otit2{padding:8px 10px;font-family:'나눔고딕','Nanum Gothic',Dotum,'돋움',sans-serif!important;color:#333;font-weight:bold;} .tbl_basic_1{width:92%;margin:5px auto;padding:0 2px} p.tb_tit{font-size:12px;color:#454545;text-align:left;font-weight:normal;line-height:24px;height:24px;margin:3px 0 0 0;padding:3px 0 3px 26px;background: url('/img/index/won.png') no-repeat 8px center #f9f9f9; } .tbl_basic_1 td{font-size:11px;color:#6a7070;padding:4px 2px;} .tbl_basic_1 td:last-child{text-align:right;} .tb_price .tb_tit:last-child{margin-top:10px} .t_reserve{height:875px;} .linet{text-decoration: line-through;font-size:11px;color:#6a7070} .tb_tit .f11{float:right;font-size:11px;color:#ff5079;padding-right:10px;letter-spacing:-1px} .notice_main { float: right; position: absolute;right:0;bottom:10px; width: 598px; height: 32px; border: 1px solid #ddd;} .notice_main dl { float: left; padding: 10px 0 0 10px; width: 863px; } .notice_main dt { float: left; margin-right: 37px; font-weight: bold; font-size: 11px;font-family:"돋움",dotum, "굴림", Gulim;} .notice_main dd { float: left;font-family:"돋움",dotum, "굴림", Gulim;} .notice_main dd a { font-size: 11px; } .notice_main .btn { position: absolute; top: 11px; right: 12px; padding-right: 16px; background: url('/img/main/unfold.gif') right center no-repeat; font-size: 11px; color: #6b6b6b; } .all_menu11 { position: absolute; bottom: -300px; right: 0; } .notice_main .all_menu11 { position: absolute; bottom: 32px; right: 0; } .navi_cooperation { border-top: 1px solid #bac4e4; overflow: hidden; clear: both; margin: 0 auto; width:880px; padding: 12px 0; height: 36px; text-align: center;font-size:0;line-height:0;} .navi_cooperation dt { display: none; } .navi_cooperation dd { display: inline; padding:0 25px 0 0;} .navi_cooperation dd.first{ display: inline; padding:0 18px 0 0;font-size:11px;font-weight:bold} .navi_cooperation dd.after{ display: inline; padding:0;} .lotto{border:1px solid #ededed;height:195px;width:298px; float:left;} .lotto .cha{font-size:12px;color:#999; padding:10px 0 8px 15px;} .lotto .cha strong{font-size:14px;color:#01aebe;} .lotto .lto_num{padding:0 10px} .lotto .lto_num_img{display:inline-block;padding-left:10px;margin-bottom:5px} .lotto .lto{width:100%;padding:8px 0 3px;} .lotto .tit{font-size:11px;color:#999;padding-left:15px;width:30%;text-align:left;line-height:18px;} .lotto .ttt{float:right;width:60%;font-size:12px;color:#6b6b6b;text-align:right;display:inline-block;font-weight:bold;padding-right:15px} .lotto .ttt span{font-size:12px;} .lotto .ttt2{float:right;width:60%;font-size:12px;color:#6b6b6b;text-align:right;display:inline-block;font-weight:bold;padding-right:15px} .layer_txt_main{position:absolute;left:0px;top:0px;width:256px;padding:8px 5px 2px 5px;background:#fafafa;border:1px solid #555;text-align:center;z-index:9999;} .layer_txt_main h2{margin:3px 0;color:#454545!important;} .layer_txt_main div{line-height:14px;font-size:11px;padding-bottom:6px;color:#666} .layer_txt_main .pop_close{width:20px;height:20px;position:absolute;top:2px;right:0px;cursor:pointer;z-index:999;} .layer_txt_main a.btn{margin:0 auto;width:50px;display:block; padding:5px; background:#999; color:#fff; text-align:center;font-size:11px;font-weight:bold;} .layer_txt_main a.btn:hover{text-decoration:none;} .layer_txt_main .r_stop_txt p{font-size:11px;color:#666;word-break:keep-all;color:#454545} .layer_txt_main .r_stop_txt em{margin:5px 0 3px 0;display:inline-block;font-weight:bold} .layer_txt_main .r_stop_txt dl{border:1px solid #eee;background:#fff;padding:7px 30px 4px 30px;margin:5px 0;color:#454545;text-align:center} .layer_txt_main .r_stop_txt dt{margin:0 0 3px 0;color:#454545} .layer_txt_main .r_stop_txt dd{line-height:16px;color:#454545} /*리뉴얼 1712 반영시 삭제*/ /*2017 메인리뉴얼*/ .new2017 .otb_cate{border:1px solid #ededed;border-right:none;border-bottom:none;width:100%;overflow:hidden} .new2017 .otb_res{width:100%;overflow:hidden} .new2017 .otb_res li{float:left;width:50%;height:170px;padding:20px 0;position:relative;text-align:center;background:url('/img/index/ar_left_g.png') no-repeat 96% center;background-size:10px;} .new2017 .otb_res li:nth-child(odd):after{width: 1px;height:100%;position:absolute;background:#ededed;top:0;right:0;content:'';} .new2017 .otb_res li:nth-child(even):after{width: 1px;height:100%;position:absolute;background:#ededed;top:0;right:0;content:'';} .new2017 .otb_res li:before{width: 100%;height:1px;position:absolute;background:#ededed;left:0;bottom:0;content:'';} .layer_txt_main{position:absolute;left:-1px;top:-1px;width:289px;height:180px;padding:10px 5px 19px 5px;background:#fafafa;border:1px solid #eee;text-align:center;z-index:9999;color:#666} .layer_txt_main h2{margin:10px 0;color:#454545!important;} .layer_txt_main div{line-height:14px;font-size:11px;padding-bottom:6px;color:#454545!important} .layer_txt_main .pop_close{width:20px;height:20px;position:absolute;top:2px;right:0px;cursor:pointer;z-index:999;} .layer_txt_main a.btn{margin:0 auto;width:50px;display:block; padding:5px; background:#999; color:#fff; text-align:center;font-size:11px;font-weight:bold;} .layer_txt_main a.btn:hover{text-decoration:none;} .layer_txt_main .r_stop_txt p{font-size:11px;color:#666;word-break:keep-all;color:#454545!important} .layer_txt_main .r_stop_txt em{margin:5px 0 3px 0;display:inline-block;font-weight:bold;color:#454545!important} .layer_txt_main .r_stop_txt dl{border:1px solid #eee;background:#fff;padding:8px 30px 8px 30px;margin:8px 0;color:#454545;text-align:center} .layer_txt_main .r_stop_txt dt{margin:3px 0;color:#454545!important} .layer_txt_main .r_stop_txt dd{line-height:16px;color:#454545!important} .layer_txt_main .tbl_basic_1 {position:absolute;top: 50%;transform: translateY(-50%);width:96%;margin-top:15px} .layer_txt_main .tbl_basic_1 td strong{color:#454545!important;} .layer_txt_main .tbl_basic_1 td{font-size:12px;padding:12px 0;color:#454545!important;border:1px solid #eee;background:#fff} .layer_txt_main .tbl_basic_1 td:last-child{color:#ff5079!important} .new2017 .otb_res .otit{font-size:15px;font-weight:bold;color:#333;letter-spacing:-0.05em;padding:10px 0 5px 0} .new2017 .ocopy{width:80%;margin:0 auto;padding:5px 10%;line-height:13px;letter-spacing:-0.05em} .new2017 .ocopy span{font-size:12px;color:#6a7070;word-break:keep-all;line-height:14px} .new2017 .ocopy2{position:relative;padding:10px 0;} .new2017 .ocopy2 span{font-size:12px;word-break:keep-all;} .new2017 .ocopy2>span:first-child{background:url('/img/index/won.png') no-repeat 0;padding-left:18px;color:#6a7070;line-height:14px;background-size:14px} .new2017 .ocopy2 em{font-size:12px;color:#ff5079} .new2017 .ocopy2 a.btn{background:#6a7070;font-size:11px;color:#fff;width:50px;height:18px;padding:2px 0 0 0 ;line-height:18px;display:inline-block} .new2017 .ocopy2 a.btn span{font-size:11px} .new2017 .ico_tb{background:url('/img/icon/icon_w_tb.png') no-repeat;margin:5px 0 0 0;width:70px;height:58px;display:inline-block;overflow: hidden;background-size:150px;text-indent:-9999em} .new2017 .ico_tb.day{background-position:0 3px;} .new2017 .ico_tb.time{background-position:0 -54px;} .new2017 .ico_tb.quick{background-position:0 -111px;} .new2017 .ico_tb.cu{background-position:0px -167px;} .new2017 .ico_tb.air{background-position:0px -227px;} .new2017 .ico_tb.venditz{background-position:0px -380px;} .new2017 .ocopy3{width:100%;font-size:12px;text-align:center;margin-top:5px} .new2017 .ocopy3 em{font-size:13px;color:#ff5079;line-height:20px;background:url('/img/index/won.png') no-repeat 0 center;background-size:14px;height:14px;padding-left:18px;} .new2017 .ocopy3 .p1{font-size:11px;color:#888} .new2017 .ocopy3 .p2{font-size:12px;margin-top:2px;color:#666} .new2017 .ocopy3 .p2 *{line-height:20px;} .new2017 .ocopy3 .p3{font-size:12px;padding-top:0px} .new2017 .ocopy3 .p3 em{color:#555;letter-spacing:0} .new2017 .ocopy3 .p4{color:#555} .new2017 .ocopy3 .p4 em{font-size:12px;color:#555;line-height:16px;background:url('/img/index/point.png') no-repeat 0 center;background-size:14px;height:14px;padding-left:18px;} .new2017 .ocopy3 .p4 em strong{font-size:12px;color:#ff5079;font-weight:normal} .new2017 .ocopy3 a.btn{background:#6a7070;font-size:11px!important;color:#fff;width:52px;display:inline-block;height:18px;} .new2017 .ocopy3 .c_r{color:#ff5079!important;} .new2017 .leftcont{float:left;width:600px;margin-bottom:10px} .new2017 .rightcont{float:right;width:263px;border:1px solid #ededed;border-top:none;margin-bottom:10px} .new2017 .leftcont .title{border:none.content height:40px;line-height:38px;} .new2017 .leftcont .title h2{padding-right:0} .new2017 .rightcont .title{border-bottom:1px solid #ededed;border-top:1px solid #ededed;padding:2px 20px} .new2017 .title h1{padding-left:0} .lotto{border:1px solid #fff;height:190px;width:100%} .lotto .cha{font-size:12px;color:#999; padding:10px 0 3px 20px;} .lotto .cha strong{font-size:14px;color:#01aebe;} .lotto .lto_num{padding:10px 0px 0 20px} .lotto .lto_num_img{display:inline-block;padding-left:0px;margin-bottom:5px} .lotto .lto{width:90%;padding:3px 0 3px 20px;} .lotto .tit{font-size:11px;color:#999;padding-left:0px;width:30%;text-align:left;line-height:18px;} .lotto .ttt{float:right;width:60%;font-size:12px;color:#6b6b6b;text-align:right;display:inline-block;font-weight:bold;padding-right:15px} .lotto .ttt span{font-size:12px;} .lotto .ttt2{float:right;width:60%;font-size:12px;color:#6b6b6b;text-align:right;display:inline-block;font-weight:bold;padding-right:15px} .tpoint_save_area .tit,.tpoint_use_area .tit{font-size:14px;line-height:60px;font-family:'맑은 고딕','돋움';font-weight:bold} .tpoint_save_area ul,.tpoint_use_area ul{padding:10px 0 10px 15px} .tpoint_save_area ul li,.tpoint_use_area ul li{width:100%;background:url('/img/index/ar_left_g.png') no-repeat 95% center;background-size:10px;} .tpoint_save_area ul li .menu_txt,.tpoint_use_area ul li .menu_txt{font-size:13px;line-height:37px;padding-left:5px;letter-spacing:-0.05em} .tpoint_save_area ul li .imico,.tpoint_use_area ul li .imico{font-size:14px;line-height:40px} .tpoint_use_area ul li *,.tpoint_save_area ul li *{vertical-align:middle;font-family:'맑은 고딕','돋움';} .tpoint_use_area ul li a:hover,.tpoint_save_area ul li a:hover{text-decoration:none} .tpoint_use_area ul li a:hover *,.tpoint_save_area ul li a:hover *{color:#09b5bd;text-decoration:none} .new2017 .notice_main {clear:both;position:relative; margin:0px auto;width: 878px; height: 42px;border: 1px solid #ededed;} .new2017 .notice_main dl { float: left; padding: 15px 0 0 10px; width: 863px; } .new2017 .notice_main dt { float: left; margin-right: 37px; font-weight: bold; font-size: 12px;font-family:"돋움",dotum, "굴림", Gulim;} .new2017 .notice_main dd { float: left;font-family:"돋움",dotum, "굴림", Gulim;} .new2017 .notice_main dd a { font-size: 12px; } .new2017 .notice_main .btn { position: absolute; top: 11px; right: 10px; padding-right: 16px; background: url('/img/main/unfold_n.gif') right 0 no-repeat; font-size: 11px; color: #6b6b6b; } .new2017 .all_menu11 { position: absolute; bottom: 0px; right: 0; } .new2017 .notice_main .all_menu11 { position: absolute; bottom: 32px; right: 0; } .new2017 .navi_cooperation { border-top: 1px solid #bac4e4; overflow: hidden; clear: both; margin: 0 auto; width:880px; padding: 12px 0; height: 36px; text-align: center;font-size:0;line-height:0;} .new2017 .navi_cooperation dt { display: none; } .new2017 .navi_cooperation dd { display: inline; padding:0 25px 0 0;} .new2017 .navi_cooperation dd.first{ display: inline; padding:0 18px 0 0;font-size:11px;font-weight:bold} .new2017 .navi_cooperation dd.after{ display: inline; padding:0;} /*메인 리뉴얼 끝*/ /*아이콘이미지*/ .ico_new{display:inline-block;background:url('/img/icon/t_cate_ico.png?rnd=200907') no-repeat 0 -155px;background-size:220px;text-indent:-9999em;width:18px;height:18px;line-height:15px;} .imico_tnum{background:url('/img/icon/icon_taekbae.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block} .imico_spig{background:url('/img/icon/icon_shopa.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;} .imico_part{background:url('/img/icon/icon_change.png') no-repeat center center;background-size:22px;width:22px;height:22px;display:inline-block;}/*서비스점검중 파일명 sleep추가됨 main_m.css html2015.css */ .imico_plus{background:url('/img/icon/icon_point.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;} .imico_even{background:url('/img/icon/icon_gift2.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;} .imico_hana{background:url('/img/icon/icon_hana.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;} .imico_ocb{background:url('/img/icon/icon_ocb.png') no-repeat center center;background-size:22px;width:22px;height:22px;display:inline-block;} .imico_rese{background:url('/img/icon/icon_reserve.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;} .imico_cupn{background:url('/img/icon/icon_coupon.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;} .imico_pspg{background:url('/img/icon/icon_cart.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;} .imico_mbil{background:url('/img/icon/icon_buger.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;} .imico_uncf{background:url('/img/icon/icon_heart.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;} .imico_data{background:url('/img/icon/icon_mobile.png') no-repeat center center;background-size:20px;width:20px;height:20px;display:inline-block;} .imico_store{background:url('/img/icon/icon_store.png') no-repeat center center;background-size:20px;width:20px;height:22px;display:inline-block;} /* .imico{background:url('/img/icon/icon_pointzone.png') no-repeat ;background-size:200px;width:32px;height:30px;display:inline-block} .imico_tnum{background-position:0 7px} .imico_hana{background-position:0 -66px} .imico_part{background-position:0 -32px} .tpoint_save_area .imico_cupn{background-position:0 -122px} .imico_spig{background-position:0 -168px} .imico_even{background-position:0 -212px} .imico_mbil{background-position:-55px 5px} .imico_data{background-position:-55px -80px} .tpoint_use_area .imico_cupn{background-position:-55px -37px} .imico_uncf{background-position:-55px -122px} .imico_pspg{background-position:-55px -168px} .imico_rese{background-position:-55px -212px} */ .imico_arrr{background:url('/img/icon/icon_arrowr.png') no-repeat right center;background-size:8px;width:20px;height:14px;display:inline-block;} .imico_arrl{background:url('/img/icon/icon_arrowl.png') no-repeat left center;background-size:8px;width:20px;height:14px;display:inline-block;} .imico_arrr_w{background:url('/img/icon/icon_arrowr_w.png') no-repeat right center;background-size:8px;width:20px;height:14px;display:inline-block;} .imico_arrl_w{background:url('/img/icon/icon_arrowl_w.png') no-repeat left center;background-size:8px;width:20px;height:14px;display:inline-block;} .imico_arrb_2{background:url('/img/icon/icon_arrowb_2s.png') no-repeat center center;background-size:10px;width:40px;height:14px;display:inline-block;} /*서울전역 확대오픈*/ .openbox{background:#ff507b;position:absolute;top:0;right:0;width:50px;font-size:11px;text-align:center;color:#fff;line-height:14px;padding:2px 0} .t_reserve{height:890px} .notice_main{height:50px;} .ocopy3 .p6{font-size:11px;color:#777;background:url('/img/index/exc.png') no-repeat 0px center;background-size:13px;height:14px;padding-left:15px;margin-top:2px;letter-spacing:-0.05em} .tbl_basic_1 td{padding:2px 2px} .dashed{text-decoration:line-through} .layer_txt_main .r_stop_txt p.c_red *{color:#ff507b!important;} .layer_txt_main .r_stop_txt p.c_red .dashed{text-decoration:line-through} .saleday span{letter-spacing:-0.05em;color:#888!important;font-size:11px} i.salepr{position:relative;color:#ff507b;line-height:20px;display:inline-block;font-style:normal} .salepr u{background:url('/img/index/won.png') no-repeat 0px;background-size:14px;text-decoration:none;color:#666;padding:0 10px 0 18px;line-height:20px} .salepr u:before{content:'---------▶';position:absolute;top:;letter-spacing:-0.18em;color:#ff507b;font-size:9px} .salepr b{font-weight:normal} .eventbox{background:#ff507b;position:absolute;top:0;right:0;width:50px;font-size:11px;text-align:center;color:#fff;line-height:14px;padding:2px 0} /*화물차 추가*/ .price_sendy table * {font-size:11px} .price_sendy table th{background:#666;color:#fff;border:1px solid #eee;width:20%;padding:1px 0} .price_sendy table td:nth-child(1){background:#f1f1f1;color:#666;border:1px solid #ddd} .price_sendy table td{color:#666!important;border:1px solid #ddd;background:#fff;padding:1px 0 0 0} .price_sendy table td:last-child{letter-spacing:-0.05em} .ocate6 .layer_txt_main{padding-top:5px;padding-bottom:3px;z-index:9999;height:200px} /*.new2017 .otb_res li:last-child:hover{background:none;cursor:pointer} .new2017 .otb_res li:last-child{padding:0;height:210px}찾아서 삭제*/ /*ocb추가*/ .new2017 .otb_res li:nth-child(3){height:185px} .new2017 .otb_res li:nth-child(4){height:185px} /**로지아이 택배 통합 Ui 수정*/ .tpoint_save_area ul li .menu_txt,.tpoint_use_area ul li .menu_txt{font-size:14px;line-height:42px;} .lotto{height:235px} .lotto .cha{padding:25px 15px 10px 15px;} .lotto .lto_num{padding:10px 0 10px 20px} .rightcont .title_float{overflow:hidden;height:44px;line-height:42px;border-top:1px solid #eee;margin-top:11px} .rightcont .title_float a.on h1{float:left;font-size:14px;width:50%;padding:0;font-family:"맑은 고딕", "돋움",dotum ;color:#01aebe;text-align:center;border-bottom:3px solid #01aebe;letter-spacing:-0.03em} .rightcont .title_float a h1{float:left;font-size:14px;padding:0;width:50%;font-family:"맑은 고딕", "돋움",dotum ;color:#999;text-align:center;font-weight:0;letter-spacing:-0.03em;border-bottom:1px solid #eee;} .new2017 .ico_tb.visit{background-position:0px -450px;} .new2017 .ocopy span{letter-spacing:0;font-size:11px} .tpoint_save_area,.tpoint_use_area{height:315px} .reserve_price_wrap{margin:10px 0;} .tbl_basic_r{width:598px;border:1px solid #eee;} .tbl_basic_r th{background:#f7fbfb;font-size:12px;color:#546966;padding:7px 3px;word-break:keep-all;font-family:'맑은 고딕',Malgun Gothic,Dotum,'돋움',sans-serif;border-bottom:1px solid #eee;border-left:1px solid #eee;} .tbl_basic_r th span{display:block;font-size:12px;font-weight:normal;letter-spacing:-0.03em;color:#565656;font-family:'맑은 고딕',Malgun Gothic,Dotum,'돋움',sans-serif} .tbl_basic_r td{text-align:center;padding:8px 0;font-size:11px;word-break:keep-all;color:#575d6d;letter-spacing:0.0em!important;border-bottom:1px solid #eee;} .tbl_basic_r thead tr th{border-left:1px solid #eee;} .tbl_basic_r td:first-child{border-left:none} .tbl_basic_r tbody td{font-weight:normal;border-left:1px solid #eee} .title_price h1{font-family:"맑은 고딕", "돋움",dotum ;font-size:14px;padding:7px 0 0 3px} .btn_section{text-align:center;padding:0 20px} .btn_section a{width:100%;height:40px;line-height:40px;border:1px solid #5ac7ce;color:#fff;display:block;font-weight:bold;font-size:14px;font-family:"맑은 고딕", "돋움",dotum ;background:url('/img/icon/icon_arrowr_w.png') no-repeat 94% center #5ac7ce;background-size:8px;} .btn_section a:hover{border:1px solid #fff} .new2017 .otb_res li{background-image:none;padding:3px 0;height:194px} .new2017 .otb_res li:hover{background-image:none} .new2017 .ocopy{width:90%;padding:10px;} .new2017 .ico_tb{} .c_red *{font-size:11px;color:#575d6d} .c_red strong{font-size:11px;font-weight:normal} .layer_txt_main#allclosepop{width:589px;height:171px;top:-1px;left:-1px;} .layer_txt_main#allclosepop .infotxt{padding:20px 0} .layer_txt_main#allclosepop .infotxt p{font-size:12px;line-height:18px} .layer_txt_main#allclosepop .infotxt em{background:url('/img/icon/exp_w0.png') no-repeat 0 1px;padding-left:18px} .layer_txt_main#allclosepop .button_gray{background:#777;color:#fff;font-size:12px;padding:8px 30px} p.c_red{color:#575d6d;} p.c_red strong{color:#ff507b!important;font-weight:700} p.c_red .dashed{text-decoration:line-through} /**로지아이 택배 통합 Ui 수정*/ /*운임표 추가안 20190408 .tbl_basic_r th{padding:3px 3px} .tbl_basic_r td{padding:5px 0} .otb_res li{position:relative;text-align:left} .oicon{display:none} .new2017 .ocopy{padding:2px 0 0 0} .new2017 .otb_res li{height:115px} .btn_section{padding:5px 20px 0px 20px} .btn_section a{height:36px;line-height:36px} .tpoint_save_area ul li .menu_txt, .tpoint_use_area ul li .menu_txt{line-height:45px} .rightcont .title_float{height:50px;line-height:48px} .tpoint_use_area{height:354px;} .content .rightcont .title{height:46px;line-height:44px} .layer_txt_main{display:block;z-index:9999} .title_price a:hover{text-decoration:none} /*운임표 추가안 끝 20190408*/ /*운임표 추가안,택배예약 수정 20190408*/ .tbl_basic_r th{padding:5px 3px} .tbl_basic_r td{padding:8px 0} .otb_res li{position:relative;text-align:left} .oicon{position:absolute;top:35px;right:3px;} .new2017 .otb_res .otit{padding:10px 0 5px 20px;text-align:left;} .new2017 .otb_res .otit span{padding: 0 20px 0 0;background:url('/img/icon/icon_arrowr.png') no-repeat center right;background-size:8px;font-size:14px;letter-spacing:0} .new2017 .ocopy{padding:10px 25% 0 10px;text-align:left;width:65%;} .new2017 .ocopy span{font-size:12px;line-height:16px;letter-spacing:-0.03em} .new2017 .otb_res li{height:115px;padding:10px 0 0 0} .btn_section{padding:5px 10px 0px 20px;text-align:left;display:none} .btn_section a{height:20px;line-height:20px;width:60%;display:inline-block;text-align:center;font-size:11px} .tpoint_save_area ul li .menu_txt, .tpoint_use_area ul li .menu_txt{line-height:46px} .rightcont .title_float{height:50px;line-height:48px} .tpoint_save_area, .tpoint_use_area{height:358px;} .content .rightcont .title{height:46px;line-height:44px} .layer_txt_main{display:block;z-index:9999} .title_price a:hover{text-decoration:none} /*운임표 추가안,택배예약 수정 끝 20190408*/ .tpoint_save_new ul{overflow:hidden;padding:5px 0px;background:#fff;height:284px} .tpoint_save_new ul li a{display:inline-block;padding:8px 20px 8px 10px;height:36px;line-height:36px;font-size:14px} .tpoint_save_new ul li a span{display:block;float:left;} .tpoint_save_new ul li a span.menu_txt{font-size:13px;color:#333;letter-spacing:-0.05em} .tpoint_use_new ul{overflow:hidden;padding:5px 0px;background:#fff;height:289px} .tpoint_use_new ul li a{display:inline-block;padding:5px 20px 5px 10px;height:36px;line-height:36px;font-size:14px} .tpoint_use_new ul li a span{display:block;float:left;} .tpoint_use_new ul li a span.menu_txt{font-size:13px;color:#333;letter-spacing:-0.05em} .imico3{background:url('/img/icon/icon_pointzone_190624.png?rnd=20190315') no-repeat;width:32px;height:30px;} .imico3.imico3_arrr{background:url('/img/icon/ar_left_g.png') no-repeat right center ;background-size:10px;text-align:right;position:absolute;right:15px;} .imico3_tnum{background-position:0 8px} .imico3_hana{background-position:0 -56px} .imico3_part{background-position:0 -25px} .imico3_pointgift{background-position:-30px -302px;} .imico3_spig{background-position:0px -120px} .imico3_even{background-position:2px -152px} .imico3_plus{background-position:0 -215px} .imico3_ocb{background-position:0 -214px} .imico3_cupn{background-position:0 -88px} .imico3_cake{background-position:-36px -26px} .imico3_mbil{background-position:-36px 5px} .imico3_data{background-position:-36px -56px} .imico3_uncf{background-position:-36px -85px} .imico3_pspg{background-position:-36px -120px} .imico3_rese{background-position:-36px -150px} .imico3_store{background-position:-36px -185px} /*롯데택배 중단수정*/ .tpoint_save_new ul li a{height:28px;line-height:34px} .tpoint_use_new ul li a{height:28px;line-height:34px} .tbl_basic_r td{padding:12px 0;font-size:12px} .tbl_basic_r td * {font-size:12px} .t_res_area{margin:0 0 18px 0} .rightcont{margin-top:10px} .header{padding-left:120px;} /*롯데택배 중단수정 끝*/ .new2017 .ico_tb2.visit{background:url('/img/icon/ico_reserve1.png') no-repeat;margin:5px 0 0 0;display:inline-block;overflow: hidden;width:100px;height:100px;text-indent:-9999em;position:absolute;top:20px;right:0} .new2017 .ico_tb2.cu{background:url('/img/icon/ico_reserve2.png') no-repeat;margin:5px 0 0 0;display:inline-block;overflow: hidden;width:100px;height:100px;text-indent:-9999em;position:absolute;top:24px;right:0} .ocopy span{font-size:11px!important;} .otb_res li a:hover{text-decoration:none} /*메인 쇼핑몰반품추가 전*/ .tb_serv * {font-family:"noto"!important} .tb_serv{background:#0cc;margin:0px 0 10px 0;overflow:hidden;width:100%} .tb_serv ul{width:100%;overflow:hidden} .tb_serv ul li{width:50%;float:left;text-align:;position:relative;text-align:center} .tb_serv ul li a{width:70%;display:inline-block;padding:15px 15% 15px 15% ;} .tb_serv ul li a:hover{text-decoration:none} .tb_serv ul li a:before{content:'';display:inline-block;width:1px;height:100%;background:#fff;position:absolute;top:0%;right:0;opacity:0.5} .tb_serv ul li:last-child{display:none} .tb_serv ul li:last-child a:before{display:none} .tb_serv ul li a:after{content:'';display:inline-block;width:110px;height:80px;background:url('/img/icon/icon_tbserv2.png?rnd=200219') no-repeat;background-size:320px;margin:0px 0 0 10px} .tb_serv ul li.visit a:after{background-position:0px 0 } .tb_serv ul li.dv24 a:after{background-position:-115px 0px } .tb_serv ul li.return a:after{background-position:-270px 0 } .tb_serv ul li .cot{position:relative} .tb_serv ul li span{color:#fff!important;font-weight:800;font-size:22px;padding:10px 0 0 0} .tb_serv ul li p{color:#fff;padding:10px 0;line-height:1.3em;font-weight:500;font-size:14px;word-break:keep-all} .tb_serv ul li .badge{display:table;position:absolute;top:140px;left:130px;color:#f36!important;background:#ffc;border-radius:5em;width:54px;height:54px;vertical-align:middle} .tb_serv ul li .badge em{display:table-cell;vertical-align:middle;color:#f36!important;font-weight:500;letter-spacing:-0.05em;font-size:11px;text-align:center;line-height:1.2em} /*메인 쇼핑몰반품추가 전 끝*/ .tpoint_use_new ul{overflow:hidden;padding:12px 0px;background:#fff;height:250px} .tpoint_use_new ul li a{display:inline-block;padding:2px 20px 2px 20px;height:29px;line-height:29px;font-size:14px} .tpoint_save_new ul{overflow:hidden;padding:12px 0px;background:#fff;height:250px} .tpoint_save_new ul li a{display:inline-block;padding:3px 20px 3px 20px;height:32px;line-height:32px;font-size:14px} .imico3.imico3_arrr{background-size:7px} .t_res_area{border:1px solid #eee;overflow:hidden;margin:10px 0 0 0;padding:0 10px} .title_price{padding:0 10px} .header .parcel a.parcelbtn{background-color:#0cc} .rightcont .title_float a.on h1{border-bottom:1px solid #333;color:#333;font-weight:bold} .rightcont .title_float a h1{color:#555;font-weight:500} .title_price h1{color:#333;font-weight:500} .title h1 a{color:#333;font-size:14px;font-weight:bold} .title h1 a:hover{text-decoration:none} .title h2 {color:#ddd!important} .title h2 a{margin:0 5px} .reserve_price_wrap td{padding:11px 0} .reserve_price_wrap td,.tpoint_save_new ul li a span.menu_txt{font-size:12px;color:#555;font-weight:500;letter-spacing:0em} .reserve_price_wrap th{font-size:14px;color:#555;font-weight:500} .new2017 .notice_main .btn {background:url('/img/main/unfold.gif') right center no-repeat} .logout input.entry, .login input.entry{border:1px solid #f9f9f9;background:#f9f9f9!important;padding:1px;margin:0 3px} .new2017 .notice_main .btn { position: absolute; top: 15px; right: 10px; padding-right: 16px; background: url('/img/main/unfold_n.gif') right 0 no-repeat; font-size: 11px; color: #6b6b6b; } /* font */ /* 나눔스퀘어 */ @font-face{ font-family:"nanumsq"; font-style:normal; src:url('font/NanumSquareR.woff2'); src:url('font/NanumSquareR.eot#iefix') format('embedded-opentype'), url('font/NanumSquareR.woff') format('woff'), url('font/NanumSquareR.ttf') format('truetype'); } @font-face{ font-family:"nanumsq"; font-style:normal; font-weight:300; src:url('font/NanumSquareL.woff2'); src:url('font/NanumSquareL.eot#iefix') format('embedded-opentype'), url('font/NanumSquareL.woff') format('woff'), url('font/NanumSquareL.ttf') format('truetype'); } @font-face{ font-family:"nanumsq"; font-style:normal; font-weight:700; src:url('font/NanumSquareB.woff2'); src:url('font/NanumSquareB.eot#iefix') format('embedded-opentype'), url('font/NanumSquareB.woff') format('woff'), url('font/NanumSquareB.ttf') format('truetype'); } @font-face{ font-family:"nanumsq"; font-style:normal; font-weight:800; src:url('font/NanumSquareEB.woff2'); src:url('font/NanumSquareEB.eot#iefix') format('embedded-opentype'), url('font/NanumSquareEB.woff') format('woff'), url('font/NanumSquareEB.ttf') format('truetype'); } /* noto sans*/ @font-face{ font-family:"noto"; font-style:normal; font-weight:100; src:url('font/notokr-thin.woff2'); src:url('font/notokr-thin.eot#iefix') format('embedded-opentype'), url('font/notokr-thin.woff') format('woff'), url('font/notokr-thin.ttf') format('truetype'); } @font-face{ font-family:"noto"; font-style:normal; font-weight:300; src:url('font/notokr-light.eot'); src:url('font/notokr-light.eot#iefix') format('embedded-opentype'), url('font/notokr-light.woff') format('woff'), url('font/notokr-light.ttf') format('truetype'); } @font-face{ font-family:"noto"; font-style:normal; font-weight:350; src:url('font/notokr-demilight.eot'); src:url('font/notokr-demilight.eot#iefix') format('embedded-opentype'), url('font/notokr-demilight.woff') format('woff'), url('font/notokr-demilight.ttf') format('truetype'); } @font-face{ font-family:"noto"; font-style:normal; font-weight:400; src:url('font/notokr-regular.eot'); src:url('font/notokr-regular.eot#iefix') format('embedded-opentype'), url('font/notokr-regular.woff') format('woff'), url('font/notokr-regular.ttf') format('truetype'); } @font-face{ font-family:"noto"; font-style:normal; font-weight:500; src:url('font/notokr-medium.eot'); src:url('font/notokr-medium.eot#iefix') format('embedded-opentype'), url('font/notokr-medium.woff') format('woff'), url('font/notokr-medium.ttf') format('truetype'); } @font-face{ font-family:"noto"; font-style:normal; font-weight:800; src:url('font/notokr-bold.eot'); src:url('font/notokr-bold.eot#iefix') format('embedded-opentype'), url('font/notokr-bold.woff') format('woff'), url('font/notokr-bold.ttf') format('truetype'); } /* reset css end */ .tbl_basic_r td{padding:8px 0!important} /*500g추가*/ .cusalebz:before{content:"할인";word-break:keep-all;display:inline-block;border:1px solid #f36;color:#fff;background:#f36;width:30px;margin:0 auto;font-size:11px;height:11px;line-height:11px;padding:2px 0 0 0;font-weight:bold;letter-spacing:-0.05em;vertical-align:top;text-align:center} span.cusalebz_bg2{word-break:keep-all;width:52%;display:block;border:1px solid #f36;background:#f36;margin:0 auto;font-size:11px;height:11px;line-height:11px;padding:1px 0 0 0;font-weight:bold;letter-spacing:-0.05em;vertical-align:top;text-align:center;color:#fff!important;} .tbl_basic_r tbody td{height:23px} .tpoint_save_new ul li a{height:35px;line-height:35px} .tpoint_save_new{padding:10px 0 0 0;height:292px} .tpoint_use_new {padding:10px 0 0 0;height:292px} .tpoint_use_new ul li a{height:30px;line-height:30px} span.c_red strong{color:#f36;font-weight:bold} span.c_red{color:#f36!important} .title_price5 h1{font-family:"맑은 고딕", "돋움",dotum ;font-size:14px;padding:7px 0 0 15px;font-weight:normal} .info_title5{font-size:14px;color:#e5121e} .info_list5 {padding:0px 0 0 15px} .info_list5 li{background:url('/img/bullet/squ_c.gif') no-repeat 0px 7px;padding-left:7px;line-height:18px;word-break:keep-all;color:#555} /*500g추가 끝*/ .title_price{position:relative;} .title_price a.btn_view{position:absolute;top:10px;right:10px} .title_price a.btn_view span:before{background:url('/img/icon/icon_see.png') no-repeat;content:'';background-size:100%;width:15px;height:15px;margin:0 3px 0 0;vertical-align:middle;display:inline-block} #boxsize_layer_all .close_pop{z-index:9999} .package_area .boxsize_wrap li .ninfo_area_list{padding:10px 0 0 0} .package_area .boxsize_wrap li .ninfo_area_list li{text-align:left;border-top:none!important;width:100%} .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url('/img/icon/right_ct_c.png')!important} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url('/img/icon/left_ct_c.png')!important} .center{text-align:center;} #boxsize_layer_a .popup_layer,#boxsize_layer_a2 .popup_layer,#boxsize_layer_b .popup_layer,#boxsize_layer_c .popup_layer,#boxsize_layer_d .popup_layer,#boxsize_layer_all .popup_layer{width:350px} .swiper-slide{text-align:center} .swiper-slide .ninfo_area_list li{text-align:left;} .m_tit *{letter-spacing:-0.04em} .m_tit u.r_point{position:absolute;top:10px;left:250px;text-align:left;display:inline;width:230px} .boxsize_layer_wrap *{letter-spacing:-0.03em} .boxsize_layer_wrap .tit1{padding:0 0 0 5px;color:#444;font-size:16px!important;font-weight:bold} .boxsize_layer_wrap .tit1 p{font-size:12px;padding:5px 0;color:#777;font-weight:normal} .boxsize_layer_wrap .tit2 strong{padding:10px 0 4px 0;color:#333;font-size:15px!important;display:block} .boxsize_layer_wrap .tit2 p{font-size:12px;color:#777;font-weight:normal} .boxsize_layer_wrap .tit span{color:#777;font-size:12px;font-weight:normal} .boxsize_layer_wrap .boxsize_area{text-align:center;} .boxsize_layer_wrap .boxsize_area .img{} .boxsize_layer_wrap .tabmenu{} .boxsize_layer_wrap .tabmenu ul{display:table;width:100%;border-top:1px solid #eee} .boxsize_layer_wrap .tabmenu li{display:table-cell;height:35px;line-height:35px;text-align:center;position:relative;} .boxsize_layer_wrap .tabmenu li a{font-size:13px;height:35px;line-height:35px;display:;color:#777;width:100%;border-bottom:1px solid #eee;display:block;letter-spacing:-0.05em} .boxsize_layer_wrap .tabmenu li a:hover{text-decoration:none} .boxsize_layer_wrap .tabmenu li.on a{font-size:13px;height:35px;line-height:35px;color:#333;font-weight:bold;border-bottom:1px solid #454545;letter-spacing:-0.05em} .boxsize_layer_wrap .btn_g3_sm{width:100%;height:30px;line-height:30px;color:#777;display:block;text-align:center;} .w246 { width: 246px !important; } .w250 { width: 250px } .w274 { width: 274px } .w296 { width: 296px } .w303 { width: 300px !important;} .w304 { width: 304px !important;} .w347 { width: 347px } .w370 { width: 370px!important; } .popup_layer_wrap{position: fixed;top:0px;left:0px;z-index: 9999;width: 100%;height: 100%;display:table;background: rgba(0,0,0,0.2);vertical-align:middle;} .popup_layer_wrap .overlay_t{ display:none} .popup_layer_wrap .popup_layer{position:absolute;text-align:center;z-index:9999;overflow-y:auto;max-height:670px;width:450px;padding:20px;text-align:left; margin:0 auto;top:50%;left: 50%; transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);background:#fff;border:1px solid #aaa} .popup_layer_wrap .popup_layer.img_layer{position:absolute;text-align:center;z-index:9999;overflow-y:auto;max-height:420px;width:330px;padding:0;text-align:left; margin:0 auto;top:50%;left: 50%; transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);background:#fff;border:1px solid #aaa} .popup_layer .tit{font-size:18px;font-weight:bold;padding:10px 0 20px 0;display:inline-block} .popup_layer .tit_x{font-size:18px;font-weight:bold;padding:10px 0 20px 0;line-height:22px;text-align:center;} .popup_layer .close{position:absolute;right:5px;top:5px;text-indent:-9999em;background:url('/images/banner/bn_appdown_close.png') no-repeat;background-size:18px;width:20px;height:20px;} .popup_layer .close_pop{position:absolute;right:5px;top:5px;text-indent:-9999em;cursor:pointer;background:url('/img/btn/close_bk_20.gif') no-repeat 0 0;background-size:18px;width:20px;height:20px;} .popup_layer .ok{background:#454545;width:100%;height:44px;line-height:44px;text-align:center;font-size:14px;color:#fff;display:block;} .popup_layer .btn_g3{background:#454545;width:100%;height:44px;line-height:44px;text-align:center;font-size:14px;color:#fff;display:block;} .popup_layer .btn_g3.on_0cc{background:#0cc} .popup_layer .btn_g3:hover{text-decoration:none} .popup_layer .btn_g3_half{background:#454545;width:30%;height:44px;line-height:44px;text-align:center;font-size:14px;color:#fff;display:block;margin:0 auto} .popup_layer .btn_g3_half:hover{text-decoration:none} .popup_layer td{font-size:14px!important} .popup_layer *{font-size:14px} .popup_layer table th{text-align:center} .popup_layer .list01{margin-bottom:20px!important} .popup_layer .center{padding-top:10px} .popup_layer .subtit{word-break:keep-all;color:#666;line-height:18px;font-size:14px} .popup_layer_wrap .ninfo_area{margin:0px 0 20px 0} .popup_layer_wrap .popup_layer .ninfo_area_list li{background:url('/img/bullet/squ_c_4.gif') no-repeat 0px 7px;padding-left:10px;margin-bottom:5px;line-height:18px;word-break:keep-all} .btn_end_pop {width:100%;overflow:hidden;text-align:center;margin:20px 0 10px 0} .btn_end_pop .btn_prev{background:#f9f9f9;border:1px solid #ddd;height:38px;line-height:38px;width:22%;display:inline-block;font-size:12px;color:#777;font-weight:bold} .btn_end_pop .btn_next{background:#36c7c4;border:1px solid #36c7c4;height:38px;line-height:38px;width:22%;display:inline-block;font-size:12px;color:#fff;font-weight:bold} .btn_end_pop a:hover{text-decoration:none} .btn_end_pop .btn_tbl{padding:0 40px;background:#0cc;height:38px;line-height:38px;display:inline-block;font-size:14px;color:#fff;font-weight:500;} .btn_end_pop .btn_tbl.bg_9{background:#eee;color:#777} .ready_comp {overflow:hidden;margin-top:15px;padding-left:3px} .ready_comp li{float:left;background:url('/img/icon/reserve_boxmall2.png') no-repeat;width:200px;height:160px;background-size:3000px;overflow:hidden} .ready_comp li p{color:#000;font-weight:bold} .ready_comp li:first-child{background-position: -2800px 20px;padding-right:30px } .ready_comp li:last-child{background-position: -2330px 20px } .ready_comp li p:before{content:'1';display:inline-block;background:#aaa;color:#fff;border-radius:10em;width:18px;height:18px;line-height:16px;text-align:center;margin-right:10px} .ready_comp li:last-child p:before{content:'2'} /*메인 쇼핑몰반품추가*/ .tb_serv2 * {font-family:"noto"!important} .tb_serv2{background:#0cc;margin:0px 0 20px 0;overflow:hidden;width:100%} .tb_serv2 ul{width:100%;overflow:hidden} .tb_serv2 ul li{width:33.3%;float:left;text-align:;position:relative;text-align:center} .tb_serv2 ul li a{width:90%;display:inline-block;padding:10% 0 5% 0% ;} .tb_serv2 ul li a:hover{text-decoration:none} .tb_serv2 ul li a:before{content:'';display:inline-block;width:1px;height:80%;background:#fff;position:absolute;top:10%;right:0;opacity:0.5} .tb_serv2 ul li:last-child a:before{display:none} .tb_serv2 ul li a:after{content:'';display:inline-block;width:100px;height:80px;background:url('/img/icon/icon_tbserv2.png?rnd=200219') no-repeat;background-size:270px;margin:10px 0 0 20px} .tb_serv2 ul li.visit a:after{background-position:0px 10px } .tb_serv2 ul li.dv24 a:after{background-position:-100px -5px } .tb_serv2 ul li.return a:after{background-position:-200px 10px } .tb_serv2 ul li .cot{position:relative} .tb_serv2 ul li span{color:#fff!important;font-weight:800;font-size:20px;padding:10px 0 0 0} .tb_serv2 ul li p{color:#fff;padding:10px 0;line-height:1.3em;font-weight:500;font-size:14px;word-break:keep-all} .tb_serv2 ul li .badge{display:table;position:absolute;top:140px;left:60%;color:#f36!important;background:#ffc;border-radius:5em;width:54px;height:54px;vertical-align:middle} .tb_serv2 ul li .badge em{display:table-cell;vertical-align:middle;color:#f36!important;font-weight:500;letter-spacing:-0.05em;font-size:11px;text-align:center;line-height:1.2em} .tbl_basic_r tbody td{height:20px} .tb_re_wrap{padding:0px 0px;background:#fff;margin:22px 0 0 0;} .tb_re_wrap .title_area{width:100%;position:relative;padding:5px 0} .tb_re_wrap .title_area h2{font-size:18px;font-weight:bold;padding:0 10px} .tb_re_wrap .title_area .fr_area{position:absolute;top:10px;right:10px;font-size:14px} .tb_re_wrap .title_area .fr_area a{color:#333} .tb_re_wrap .title_area .fr_area a:first-child:after{content:'';width:1px;height:10px;display:inline-block;background:#ccc;margin:0 4px} .tb_re_wrap ul{width:100%;overflow:hidden} .tb_re_wrap ul li{float:left;width:50%;text-align:center;position:relative;} .tb_re_wrap ul li a:hover{text-decoration:none} .tb_re_wrap ul li .boxx{border:1px solid #eee;width:96%;display:block;margin:5px 2%;} .tb_re_wrap ul li .tit{padding-top:20px;font-size:22px;font-weight:bold;color:#0cc;text-align:center;font-family:'noto'} .tb_re_wrap ul li .tit:before{content:'';display:block;width:35px;height:38px;background:url('/img/icon/t_cate_ico2x.png?rnd=200908') no-repeat center;background-size:220px 352px;-webkit-background-size:220px 352px;margin:0 auto} .tb_re_wrap ul li:nth-child(1) .tit:before{background-position:0px 0} .tb_re_wrap ul li:nth-child(2) .tit:before{background-position:-62px 0} .tb_re_wrap ul li:nth-child(3) .tit:before{background-position:-124px 0} .tb_re_wrap ul li:nth-child(4) .tit:before{background-position:-188px 2px} .tb_re_wrap ul li:nth-child(1) .copy{height:42px;padding-top:13px} .tb_re_wrap ul li:nth-child(2) .copy strong{color:#f36!important;text-decoration:none} .tb_re_wrap ul li:nth-child(3) .copy{padding:9px 20px 0px 20px;height:105px} .tb_re_wrap ul li:nth-child(4) .copy{padding:9px 20px 0px 25px;height:105px} .tb_re_wrap ul li .copy{color:#888;font-size:12px;word-break:keep-all;padding:5px 10px;line-height:1.4em} .tb_re_wrap ul li .tarea{background:#f9f9f9;border-radius:10px;width:70%;overflow:hidden;margin:2% 6% 4% 6%;padding:10px 9%;height:85px} .tb_re_wrap ul li .tarea strong{color:#f36;font-size:12px;} .tb_re_wrap ul li .c_r{color:#f36!important} .tb_re_wrap ul li .tarea dl{padding:7px 0;width:99%;overflow:hidden;display:table;margin:0 auto} .tb_re_wrap ul li .tarea.pdt dl{padding:4px 0} .tb_re_wrap ul li .tarea dt{display:table-cell;width:40%;font-size:16px;font-weight:bold;color:#f36;vertical-align:middle;text-align:right;} .tb_re_wrap ul li .tarea dt u{color:#888;font-weight:normal;text-decoration:line-through;line-height:12px;display:block;font-size:12px} .tb_re_wrap ul li .tarea dd{display:table-cell;width:60%;font-size:12px;color:#555;text-align:left;vertical-align:middle} .tb_re_wrap ul li .tarea .pptt{font-family:"noto";background:#fee;font-size:11px;color:#f36;display:inline;padding:1px 5px;letter-spacing:-0.08em} .tb_re_wrap ul li .copy p.news{padding:5px 0 0 0;text-align:left;font-size:13px;word-break:keep-all;color:#888;background:url('/img/bullet/squ_c_4.gif') no-repeat 0px 11px;padding-left:10px;line-height:18px;} .tb_re_wrap ul li .tit a{color:#0cc} .tb_re_wrap ul li .copy a{color:#888} .tb_re_wrap ul li:hover a{border:1px solid #0cc} .tb_re_wrap ul li:nth-child(4):hover a{border:none} .tb_re_wrap ul li:nth-child(4) p a:hover{border:none;text-decoration:underline} em.ico_n{display:inline-block;background:url('/img/icon/t_cate_ico.png?rnd=200907') no-repeat 0 -155px;background-size:220px;text-indent:-9999em;width:18px;height:18px;line-height:15px;} .tp_wrapper{padding:10px;background:#fff;border:1px solid #eee;border-top:none} .tp_wrapper ul{width:100%;overflow:hidden;margin:4px 0;padding:0 10px} .tp_wrapper ul li{width:100%;} .tp_wrapper ul li a{width:96%;display:block;padding:10px 0;background:url('/img/icon/right_ct_c.png') no-repeat 97% center ;background-size:8px;} .tp_wrapper ul li *{vertical-align:middle} .tp_wrapper ul li .titt{display:block;line-height:27px;color:#555;font-size:12px;letter-spacing:-0.02em;} .tp_wrapper ul li a:before{content:'';display:block;float:left;width:28px;height:27px;line-height:27px;background:url('/img/icon/t_cate_ico2x.png?rnd=200909') no-repeat top;background-size:220px 352px;-webkit-background-size:220px 352px;margin:0 10px 0 0} .tp_wrapper ul li:nth-child(1) a:before{background-position:-29px -73px} .tp_wrapper ul li:nth-child(2) a:before{background-position:-135px -72px} .tp_wrapper ul li:nth-child(3) a:before{background-position:0px -72px} .tp_wrapper ul li:nth-child(4) a:before{background-position:-172px -72px} .tp_wrapper ul li:nth-child(5) a:before{background-position:-63px -72px} .tp_wrapper ul li:nth-child(6) a:before{background-position:-96px -72px} .tp_wrapper_new{padding:10px;background:#fff;border:1px solid #eee;border-top:none} .tp_wrapper_new ul{width:100%;overflow:hidden;margin:4px 0;padding:0 10px;height:150px} .tp_wrapper_new ul li{width:100%;} .tp_wrapper_new ul li a{width:96%;display:block;padding:10px 0;background:url('/img/icon/right_ct_c.png') no-repeat 97% center ;background-size:8px;} .tp_wrapper_new ul li *{vertical-align:middle} .tp_wrapper_new ul li .titt{display:block;line-height:27px;color:#555;font-size:12px;letter-spacing:-0.02em;} .tp_wrapper_new ul li a:before{content:'';display:block;float:left;width:28px;height:27px;line-height:27px;background:url('/img/icon/t_cate_ico2x.png?rnd=200909') no-repeat top;background-size:220px 352px;-webkit-background-size:220px 352px;margin:0 10px 0 0} .tp_wrapper_new ul li:nth-child(1) a:before{background-position:-29px -73px} .tp_wrapper_new ul li:nth-child(2) a:before{background-position:-135px -72px} .tp_wrapper_new ul li:nth-child(3) a:before{background-position:-96px -72px} .tp_wrapper_new ul li:nth-child(4) a:before{background-position:-96px -72px} .tp_wrapper_new ul li:nth-child(3){display:none} /*.tp_wrapper_new ul li:nth-child() a:before{background-position:0px -72px}/*ok캐쉬백*/ /*.tp_wrapper_new ul li:nth-child() a:before{background-position:-172px -72px}/*문화상품권*/ .tp_banner{padding:2px 9px 6px 9px} .rightcont .title_float a h1{font-family:"돋움";font-size:12px} .rightcont .title_float a.on h1{font-family:"돋움";font-size:12px} .title_price5 h1{font-size:12px;padding:3px 0 0 15px} .info_title5{font-size:14px;color:#e5121e} .info_list5 {padding:0px 0 10px 15px} .info_list5 li{background:url('/img/bullet/squ_c.gif') no-repeat 0px 7px;padding-left:7px;line-height:18px;word-break:keep-all;color:#555} .new2017 .rightcont{border:none} .title_area h2 a{font-size:14px} .rightcont .title_float{;border:1px solid #eee;border-bottom:none} .cuinfotxt{padding:0px 5px;margin:0 } a.btn_menuall{position:absolute;top:20px;right:0;padding:5px 15px 2px 10px;font-size:11px;color:#555;background:none!important;border:1px solid #eee;display:block;} a.btn_menuall:hover{text-decoration:none!important;border:1px solid #ccc} .all_menu11 td{text-align:left} .all_menu11 th a{color:#333;font-size:11pxtext-align:left} .all_menu11 a{background:none!important;padding:0!important;margin:0!important;text-align:left!important} .all_menu11 a:hover{text-decoration:none} #footer_re_main .wrap{border-top:1px solid #eee;} .new2017 .leftcont, .new2017 .rightcont{margin-bottom:0} .all_menu11 { position: absolute; bottom: 32px; right: 0; } /*메인 쇼핑몰반품추가 끝*/ /*택배배송조회 추가 시작*/ .list_blank p{padding:50px 0 0 0;color:#888;font-size:11px;text-align:center} .list_loading p{padding:80px 0 0 0;color:#888;font-size:11px;text-align:center} .list_blank p:before{content:'';display:block;width:28px;height:45px;line-height:45px;;background:url('/img/icon/t_cate_ico2x.png?rnd=200908') no-repeat;background-size:220px 352px;-webkit-background-size:220px 352px;margin:0 auto} .list_blank p:before{background-position:-28px -98px} .list_loading p:before{content:'';display:block;width:55px;height:35px;line-height:35px;background:url('/img/icon/loof_dot.gif') no-repeat ;background-size:100%;margin:0 auto} .list_blank a{margin:7px 0;text-align:center;background:#0cc;color:#fff;display:inline-block;padding:0 10px;font-size:11px;border-radius:5.1px;height:28px;line-height:28px;} .list_blank a:hover{text-decoration:none} .mytakb_wrap{margin:5px 0 0 0} .mytakb_wrap .title_area{padding:16px 10px 10px 12px;overflow:hidden} .mytakb_wrap .title_area h2{float:left;font-size:14px} .mytakb_wrap .title_area h2 span,.mytakb_wrap .title_area h2 span strong{font-size:14px} .mytakb_wrap .title_area a{float:right;line-height:1.3em} .list_mytakb_wrap{border:1px solid #eee;} .list_mytakb{padding:0px 12px 0px 15px;} .list_mytakb li{display:table;overflow:hidden;border-bottom:1px solid #f5f5f5;padding:10px 0 5px 0;width:100%} .list_mytakb li:last-child{border-bottom:none} .list_mytakb li .fr{display:table-cell;vertical-align:middle} .list_mytakb li .fr .txt1{color:#292b2b;font-size:11px;line-height:15px;} .list_mytakb li .fr .txt2{position:relative;} .list_mytakb li .fr .takb{font-size:11px;color:#777;word-break:keep-all} .list_mytakb li a:hover{text-decoration:none} .list_mytakb li .fl{display:table-cell;padding:0 12px 0 0px;vertical-align:middle;position:relative} .list_mytakb li .fl .newbz{position:absolute;top:5px;left:0px;background:#f36;width:6px;height:6px;display:block;border-radius:10px} .list_mytakb li .fl img{font-size:14px;vertical-align:middle;display:inline-block;height:50px;line-height:50px;width:50px;text-align:center;border-radius:5em} .list_blank,.list_loading{padding:0px 0 0 0;height:205px;text-align:center} .tb_re_wrap ul li .taekbae_bz{position:absolute;top:20px;left:22px;} .tb_re_wrap ul li .taekbae_bz span{border-radius:10px;padding:3px 0} .tb_re_wrap ul li .taekbae_bz img{padding:0 8px;border-radius:3px} .tb_re_wrap ul li .boxx{padding-top:30px} .tb_re_wrap ul li:nth-child(4) .taekbae_bz{top:190px;left:22px;background:#f9f9f9;border-radius:10px;padding:5px 0;width:86%} .tb_re_wrap ul li:nth-child(4) .taekbae_bz:before{content:'쇼핑몰반품 위탁업체';display:block;font-size:11px;color:#999;padding:5px 10px 5px 20px;letter-spacing:-0.03em;text-align:left;font-family: "noto",dotum ; } .tb_re_wrap ul li:nth-child(4) .taekbae_bz img{padding:0 4px} .tb_re_wrap ul li:nth-child(3) .boxx{padding-top:0px}/*택배사로고추가*/ .tb_re_wrap ul li:nth-child(4) .boxx{padding-top:45px}/*택배사로고추가*/ /*택배배송조회 추가 시작 끝*/ /*cu홈택배 이벤트 문구 추가*/ .tb_re_wrap ul li:nth-child(3).cubz{position:relative} .tb_re_wrap ul li:nth-child(3).cubz:before{content:'';display:block;position:absolute;top:8px;right:7px;background:url('/img/icon/cu_2000c_bz.png') no-repeat;width:48px;height:48px } .tb_re_wrap3 ul li:nth-child(4).cubz{position:relative} .tb_re_wrap3 ul li:nth-child(4).cubz:before{content:'';display:block;position:absolute;top:8px;right:7px;background:url('/img/icon/cu_2000c_bz.png') no-repeat;width:48px;height:48px } .tb_re_wrap3 ul li:nth-child(4).cubz_1000{position:relative} .tb_re_wrap3 ul li:nth-child(4).cubz_1000:before{content:'';display:block;position:absolute;top:6px;right:5px;background:url('/img/icon/cu_1000c_bz.png') no-repeat;width:48px;height:48px } /*cu홈택배 이벤트 문구 추가 end*/ /*택배배송조회 추가 시작 /*택배예약현황 추가 20201019 수정*/ .list_blank p{padding:50px 0 0 0;color:#888;font-size:11px;text-align:center} .list_loading p{padding:80px 0 0 0;color:#888;font-size:11px;text-align:center} .list_blank p:before{content:'';display:block;width:28px;height:45px;line-height:45px;;background:url('/img/icon/t_cate_ico2x.png?rnd=200908') no-repeat;background-size:220px 352px;-webkit-background-size:220px 352px;margin:0 auto} .list_blank p:before{background-position:-28px -98px} .list_loading p:before{content:'';display:block;width:55px;height:35px;line-height:35px;background:url('/img/icon/loof_dot.gif') no-repeat ;background-size:100%;margin:0 auto} .list_blank a{margin:7px 0;text-align:center;background:#0cc;color:#fff;display:inline-block;padding:0 10px;font-size:11px;border-radius:5.1px;height:28px;line-height:28px;} .list_blank a:hover{text-decoration:none} .mytakb_wrap{margin:5px 0 0 0} .mytakb_wrap .title_area{padding:18px 10px 10px 5px;overflow:hidden;position:relative;} .mytakb_wrap .title_area h2{float:left;} .mytakb_wrap .title_area a{float:right;position:absolute;top:23px;right:0} .mytakb_wrap .title_float{border:none;height:30px;line-height:30px;padding:0 0 1px 0;margin:19px 0 0 0} .rightcont .title_float a h1,.rightcont .title_float a.on h1{padding:0;border-bottom:none;font-family:'맑은 고딕';font-size:13px;text-align:;font-weight:bold} .rightcont .title_float a.on h1{border-bottom:1px solid #000} .rightcont .title_float a h1 span,.rightcont .title_float a.on h1 span{font-family:'맑은 고딕';font-weight:bold} .rightcont .title_float a h1 span{font-weight:bold} .rightcont .title_float a h1 span strong{color:#f36} .rightcont .title_float a.on h1,.rightcont .title_float a.on h1 span{color:#151515} .list_mytakb_wrap{border:1px solid #eee;height:205px;}/*border-top:none*/ .list_mytakb_wrap .list_mytakb,.list_mytakb_wrap .list_sml_reserve{overflow-y:auto;height:175px} .list_mytakb{padding:0px 12px 0px 15px} .list_mytakb li{display:table;overflow:hidden;border-bottom:1px solid #f5f5f5;padding:10px 0 5px 0;width:100%} .list_mytakb li:last-child{border-bottom:none} .list_mytakb li .fr{display:table-cell;vertical-align:middle} .list_mytakb li .fr .txt1{color:#292b2b;font-size:11px;line-height:15px} .list_mytakb li .fr .txt2{position:relative;} .list_mytakb li .fr .takb{font-size:11px;color:#777;word-break:keep-all} .list_mytakb li a:hover{text-decoration:none} .list_mytakb li .fl{display:table-cell;padding:0 12px 0 0px;vertical-align:middle;position:relative} .list_mytakb li .fl .newbz{position:absolute;top:5px;left:0px;background:#f36;width:6px;height:6px;display:block;border-radius:10px} .list_mytakb li .fl img{font-size:14px;vertical-align:middle;display:inline-block;height:50px;line-height:50px;width:50px;text-align:center;border-radius:5em} .tb_re_wrap ul li .taekbae_bz{position:absolute;top:20px;left:22px;} .tb_re_wrap ul li .taekbae_bz span{border-radius:10px;padding:3px 0} .tb_re_wrap ul li .taekbae_bz img{padding:0 8px;border-radius:3px} .tb_re_wrap ul li .boxx{padding-top:30px} .tb_re_wrap ul li:nth-child(4) .taekbae_bz{top:190px;left:22px;background:#f9f9f9;border-radius:10px;padding:5px 0;width:86%} .tb_re_wrap ul li:nth-child(4) .taekbae_bz:before{content:'쇼핑몰반품 위탁업체';display:block;font-size:11px;color:#999;padding:5px 10px 5px 20px;letter-spacing:-0.03em;text-align:left;font-family: "noto",dotum ; } .tb_re_wrap ul li:nth-child(4) .taekbae_bz img{padding:0 4px} .tb_re_wrap ul li:nth-child(3) .boxx{padding-top:0px}/*택배사로고추가*/ .tb_re_wrap ul li:nth-child(4) .boxx{padding-top:45px}/*택배사로고추가*/ .list_sml_reserve{margin:0 0;padding:0px 10px;} .list_sml_reserve li{display:table;position:relative;color:#555;border-bottom:1px solid #f5f5f5;padding:10px 5px 5px 5px;background:url('/imagg/index/ar_left_g.png') no-repeat 100%;background-size:5px;} .list_sml_reserve li a:hover{cursor:pointer;text-decoration:none} .list_sml_reserve li .now:before{display:table;} .list_sml_reserve li .now:after{width:60px;position:absolute;display:block;bottom:3px;left:1px;font-size:11px;color:#0cc;padding:3px 0px 0px 0px;height:13px;} .list_sml_reserve li .now.end:after{border-top:1px dotted #c6ebe4;color:#fff;} .list_sml_reserve li .now.cancle:after{border-top:none;content:'';background:none} .list_sml_reserve li .now.blank:after{border-top:none;content:'';background:none} .list_sml_reserve li .now.end.blank:after{border-top:none;content:'';background:none} .list_sml_reserve li .now{position:relative;display:table-cell;vertical-align:middle;width:48px;height:44px;padding-top:4px;line-height:1.2em;text-align:center;letter-spacing:-0.1em;color:#0cc;border:1px solid #3cc;border-radius:5em;font-size:11px;} .list_sml_reserve li .now.cancle{border:1px solid #f6f6f6;color:#999;background:#f6f6f6;} .list_sml_reserve li .now a{color:#fff} .list_sml_reserve li .now.cancle + .dlwrap *{color:#999;font-size:11px} .list_sml_reserve li .now.cancle + .dlwrap dd span{background:#eee;letter-spacing:-1px;padding:0} .list_sml_reserve li .now.end{background:#5ac7ce;color:#fff;} .list_sml_reserve li .now.none{display:none} .list_sml_reserve li .dlwrap{display:table-cell;padding-left:10px;vertical-align:middle}/*수직 중앙정렬*/ .list_sml_reserve li .dlwrap dl{display:inline-block} .list_sml_reserve li .dlwrap dt{float:left;word-break:keep-all;font-size:11px;color:#999;letter-spacing:-1px;line-height:12px;padding-right:5px;font-weight:normal} .list_sml_reserve li .dlwrap dd{float:left;word-break:keep-all;vertical-align:top;line-height:12px;letter-spacing:-0.0em;font-size:11px;color:#555;font-weight:normal;} .list_sml_reserve li .dlwrap .cat dd{float:none} .list_sml_reserve li .dlwrap dd span{color:#369;font-size:11px;padding:0 4px;font-weight:normal;letter-spacing:-0.06em} .list_sml_reserve li .day_num{width:100%;clear:both;line-height:18px;} .list_sml_reserve li .day_num span{color:#999;font-size:11px;} .list_sml_reserve li .day_num em{color:#555;} .list_sml_reserve li .day_num .dayfl{float:left;margin-right:10px;} .list_sml_reserve li .btnv{border:1px solid #ddd;font-size:11px;border-radius:2px;padding:1px 10px 1px 3px;color:#666;background:url('/images/index/ar_left_g.png') no-repeat 93%;background-size:5px;} .list_sml_reserve li .cat{width:100%;padding-bottom:5px} .list_sml_reserve li .cat dt{display:none;} .list_sml_reserve li .cat dd{font-size:11px;color:#292b2b} /*.list_sml_reserve li dl:nth-child(4) dd{color:#225353} .list_sml_reserve li dl:nth-child(5) dd{color:#ff5079} */ .list_sml_reserve li.cancle{background:#f9f9f9;} .list_sml_reserve li.cancle dd{text-decoration:line-through;color:#999!important;} .ico_return{background:#f36;color:#fff!important;border-radius:2px;letter-spacing:-1px;font-size:11px;padding:2px 2px;margin:0 3px 0 0 } .btn_overview {margin:3px 5px;} .btn_overview a{text-align:right;color:#666;border-radius:5.1px;display:block;padding:8px 0;font-size:11px;background:url('/img/icon/right_ct_c.png') no-repeat right center;background-size:5px;padding-right:10px} /*택배배송조회 추가 시작 끝*/ /*cu홈택배 추가 수정211102*/ .appdwn{padding-top:0px;height:258px;overflow:hidden} .appdwn a{padding:0 0 0px 0;background:url('/img/banner/app_tf2.png?rnd=20220101') no-repeat;display:block;width:262px;height:334px} .appdwn img{display:none} .list_mytakb{height:205px;} .list_blank,.list_loading{padding:0px 0 0 0;height:208px;text-align:center} .tp_wrapper ul{padding:6px 10px 6px 10px} .tp_wrapper ul li a{padding:9px 0} .tb_re_wrap ul li:nth-child(1) .copy{height:25px;padding:7px 0 10px 0} .tb_re_wrap ul li:nth-child(1) .tit:before{background-position:0px 0} .tb_re_wrap ul li:nth-child(2) .tit:before{background-position:-62px 0} .tb_re_wrap ul li:nth-child(3) .tit:before{background-position:0 -295px} .tb_re_wrap ul li:nth-child(4) .tit:before{background-position:-124px 0} .tb_re_wrap ul li:nth-child(5) .tit:before{background-position:-188px 2px} .tb_re_wrap ul li:nth-child(3) .copy{padding:9px 20px 0px 20px;height:35px} .tb_re_wrap ul li:nth-child(4) .copy{padding:9px 20px 0px 25px;height:157px} .tb_re_wrap ul li:nth-child(4) .boxx{padding-top:0px} .tb_re_wrap ul li:nth-child(3) .pdt.tarea dl{padding:2px 0} .tb_re_wrap ul li:nth-child(4) a:hover{border:1px solid #0cc;text-decoration:none} .tb_re_wrap ul li:nth-child(5){width:102%;} .tb_re_wrap ul li:nth-child(5):hover a{border:none} .tb_re_wrap ul li:nth-child(5) p a:hover{border:none;text-decoration:underline} .tb_re_wrap ul li:nth-child(5) .boxx{margin:5px;position:relative;height:62px} .tb_re_wrap ul li:nth-child(5) .tit{position:absolute;top:-10px;left:30px} .tb_re_wrap ul li:nth-child(5) .copy{position:absolute;top:5px;right:15px} .tb_re_wrap ul li:nth-child(5) p.news{position:relative;width:340px} .tb_re_wrap ul li:nth-child(5) p.news .date{position:absolute;right:0;top:5px;font-size:11px;color:#999} /*cu홈택배 추가 끝*/ /*다량할인 택배 시작*/ .tb_re_wrap3 *{font-size:13px;line-height:1.3em;} .tb_re_wrap3 .c_r{font-size:13px;line-height:1.3em;color:#f36} .tb_re_wrap3 .c_r strong{color:#f36} .tb_re_wrap3{margin:29px 0 0 0;padding: 0 0 10px 0;background:#fff;} .tb_re_wrap3 .title_area{width:100%;position:relative;line-height:1.4em;} .tb_re_wrap3 .title_area h2{font-size:18px;font-weight:bold;padding:0 10px} .tb_re_wrap3 .title_area h2 a{color:#333} .tb_re_wrap3 .title_area .fr_area{position:absolute;top:0px;right:50px;font-size:14px;letter-spacing:-0.03em} .tb_re_wrap3 .title_area .fr_area a{color:#333} .tb_re_wrap3 .title_area .fr_area a:before{content:'';width:1px;height:8px;display:inline-block;background:#ccc;margin:0 6px 0 0px} .tb_re_wrap3 .title_area .fr_area a:first-child:before{display:none} .tb_re_wrap3 .title_area .fr_area a:last-child{display:none} .tb_re_wrap3 .title_area .cart_save{position:absolute;top:6px;right:16px;display:block;} .tb_re_wrap3 .title_area .cart_save span{position:relative;display:block;background:url('/img/icon/ico_cart.png') no-repeat;width:21px;height:21px;} .tb_re_wrap3 .title_area .cart_save span em{font-family:AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;position:absolute;display:block;top:-2px;left:13px;background:#f36;border-radius:9px;font-weight:600;color:#fff;height:10px;font-size:11px;text-align:center;line-height:9px;min-width:7px;padding:0 1px 0 2px;border:1px solid #f36} .tb_re_wrap3 ul{width:100%;overflow:hidden;} .tb_re_wrap3 ul li{float:left;width:50%;text-align:center;position:relative;} .tb_re_wrap3 ul li a:hover{text-decoration:none} .tb_re_wrap3 ul li .boxx:hover{border:1px solid #0cc} .tb_re_wrap3 ul li:nth-child(6) .boxx:hover{border:1px solid #eee;cursor:none} .tb_re_wrap3 ul li:nth-child(6) .boxx p:hover{text-decoration:none!important} .tb_re_wrap3 ul li .boxx{border:1px solid #eee;width:96%;display:block;margin:5px 2%;height:217px;overflow:hidden;} .tb_re_wrap3 ul li:nth-child(5) .boxx,.tb_re_wrap3 ul li:nth-child(6) .boxx{height:200px} .tb_re_wrap3 ul li:nth-child(even){float:right} .tb_re_wrap3 ul li .tit{padding:30px 0 4px 0;font-size:22px;font-weight:bold;color:#0cc;text-align:center;font-family:'noto'} .tb_re_wrap3 ul li:nth-child(5) .tit,.tb_re_wrap3 ul li:nth-child(6) .tit{padding-top:25px } .tb_re_wrap3 ul li .copy{color:#888;font-size:13px;word-break:keep-all;padding:3px 0px 5px 0px ;line-height:1.3em;} .tb_re_wrap3 ul li:nth-child(3) .tarea dl:last-child dd:before{content:'';background:url('/img/icon/ico_enter.png') no-repeat 3px 0 ;width:18px;height:11px;display:inline-block;} .tb_re_wrap3 ul li .tarea dl.enter_bul dd{padding-left:16px;background:url('/img/icon/ico_enter.png') no-repeat 1px 1px ;} .tb_re_wrap3 ul li .tarea{background:#f9f9f9;border-radius:10px;width:80%;overflow:hidden;margin:0 auto;padding:10px 0;} .tb_re_wrap3 ul li:nth-child(2) .tarea{padding:12px 0} .tb_re_wrap3 ul li .tarea dl{padding:2px 8%;width:84%;overflow:hidden;display:table;} .tb_re_wrap3 ul li .tarea dt{float:right;font-size:13px;font-weight:bold;color:#f36;vertical-align:middle;text-align:right} .tb_re_wrap3 ul li .tarea dt strong{color:#f36;} .tb_re_wrap3 ul li .tarea dt u{color:#888;font-weight:normal;text-decoration:line-through;display:inline-block;font-size:12px} .tb_re_wrap3 ul li .tarea dd{float:left;font-size:12px;color:#888;text-align:left;vertical-align:middle;} .tb_re_wrap3 ul li .tarea .pptt{background:#fee;font-size:10px;color:#f36;display:inline;padding:2px 3px;} .tb_re_wrap3 ul li .copy p.news{padding:2px 14px 3px 14px;text-align:left;color:#888;font-size:13px;word-break:normal;color:#888;background:url('/img/bullet/squ_c_4.gif') no-repeat 0px 8px;line-height:1.3em;} .tb_re_wrap3 ul li .copy p.news a{color:#888} .tb_re_wrap3 .c_red{color:#f36} em.ico_n{display:inline-block;background:url('/images/icon/t_cate_ico.png') no-repeat 0 -128px;background-size:180px;text-indent:-9999em;width:18px;height:18px;line-height:15px;} .tb_re_wrap3 ul li .taekbae_bz{position:absolute;top:10px;left:15px;width:100%;text-align:left;} .tb_re_wrap3 ul li .taekbae_bz span{vertical-align:middle;margin:3px;display:inline-block;text-align:center} .tb_re_wrap3 ul li .taekbae_bz.ybttm{top:150px;text-align:center;left:0} .tb_re_wrap3 ul li .taekbae_bz.ybttm p{font-size:13px;color:#888;vertical-align:middle} .tb_re_wrap3 ul li .taekbae_bz.ybttm p:before{background:url('/img/icon/icon_arrowb_g.png') no-repeat center #eee;border-radius:5em;background-size:6px;width:12px;height:12px;content:'';display:inline-block;margin:0 3px;} .tb_re_wrap3 ul li .tit *{vertical-align:bottom} .tb_re_wrap3 ul li .tit:before{content:'';vertical-align:bottom;line-height:30px;display:inline-block;width:30px;height:30px;background:url('/img/icon/t_cate_ico2x.png?rnd=230417') no-repeat center;background-size:150px 240px;-webkit-background-size:150px 240px;margin:0 auto;image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; } .tb_re_wrap3 ul li.pyun .tit:before{background-position:-0px 6px} .tb_re_wrap3 ul li.bang .tit:before{background-position:-42px 6px} .tb_re_wrap3 ul li.dara .tit:before{background-position:-42px -110px} .tb_re_wrap3 ul li.today .tit:before{background-position:-117px 5px;width:36px} .tb_re_wrap3 ul li.quic .tit:before{background-position:-0px -115px} .tb_re_wrap3 ul li.retur .tit:before{background-position:-85px 6px} .tb_re_wrap3 ul li.sfind .tit:before{background-position:-129px -110px} .tb_re_wrap3 ul li:nth-child(6) .copy{padding:3px 20px 5px 30px} /*다량할인 택배 끝*/ /*cu홈택배 이벤트 문구 추가*/ .tb_re_wrap3 ul li:nth-child(3){position:relative} .tb_re_wrap3 ul li:nth-child(4).cubz{position:relative} .tb_re_wrap3 ul li:nth-child(4).cubz:before{content:'';display:block;position:absolute;top:6px;right:5px;background:url('/img/icon/cu_1000c_bz.png') no-repeat;width:48px;height:48px } .tb_re_wrap3 ul li:nth-child(4).cubz_1000{position:relative} .tb_re_wrap3 ul li:nth-child(4).cubz_1000:before{content:'';display:block;position:absolute;top:6px;right:5px;background:url('/img/icon/cu_1000c_bz.png') no-repeat;width:48px;height:48px } /*.tb_re_wrap3 ul li:nth-child(4):before{content:'';display:block;position:absolute;top:6px;right:0px;background:url('/img/icon/event_bz.png') no-repeat;width:39px;height:48px }*/ /*cu홈택배 이벤트 문구 추가 end*/ /*cu홈택배 추가*/ .tb_re_wrap3 ul li:nth-child(4) .tit{padding:25px 0 2px 0} .tb_re_wrap3 ul li:nth-child(4) .tarea{padding:8px 0 5px 0} .tb_re_wrap3 ul li:nth-child(4) .tarea dl{padding:2px 8%} /*cu홈택배 추가끝*/ /*[2101-040] 한진(네오) 택배제휴서비스 중단 및 방문택배 조정요청*/ .tb_re_wrap3 ul li:nth-child(2) .tit:before{background-position:-0px 6px} .tb_re_wrap3 ul li:nth-child(1) .tit:before{background-position:-42px 6px} .tb_re_wrap3 ul li:nth-child(2) .tarea{padding-top:16px;padding-bottom:22px} .tb_re_wrap3 ul li:nth-child(2) .tarea dl{padding-top:2px} .tb_re_wrap3 ul li:nth-child(3) .tarea{padding-top:13px;padding-bottom:10px} .tb_re_wrap3 ul li:nth-child(3) .tarea dl:nth-child(2){padding-top:7px} .tb_re_wrap3 ul li:nth-child(3) .tarea dl:nth-child(2) dd:before{content:'';background:url('/img/icon/ico_enter.png') no-repeat 3px 0 ;width:18px;height:11px;display:inline-block;} .tb_re_wrap3 ul li:nth-child(3) .tarea dl:last-child dd:before{content:'';background:url('/img/icon/ico_enter.png') no-repeat 3px 0 ;width:18px;height:11px;display:inline-block;} .tb_re_wrap3 ul li:nth-child(5) .c_r{font-weight:bold;font-family:'맑은고딕'} .tb_re_wrap3 ul li:nth-child(5) p{font-family:'맑은고딕'} .tb_re_wrap3 ul li .c_r{color:#f36!important} /*[2101-040] 한진(네오) 택배제휴서비스 중단 및 방문택배 조정요청*/ .tb_re_wrap3 ul li:nth-child(1) .boxx,.tb_re_wrap3 ul li:nth-child(2) .boxx{height:200px} .tb_re_wrap3 ul li:nth-child(1) .tarea{padding:14px 0 0 0;height:75px} .tb_re_wrap3 ul li:nth-child(2) .tarea{padding:13px 0} .tp_wrapper_new ul{height:135px} .tp_wrapper_new ul li a{padding:7px 0} /*편의점택배 규격추가*/ .tb_re_wrap3 ul li:nth-child(1) .boxx,.tb_re_wrap3 ul li:nth-child(2) .boxx{height:206px} .tb_re_wrap3 ul li:nth-child(1) .tit, .tb_re_wrap3 ul li:nth-child(2) .tit{padding:26px 0 0px 0} .tb_re_wrap3 ul li:nth-child(3) .boxx,.tb_re_wrap3 ul li:nth-child(4) .boxx{height:210px} .tb_re_wrap3 ul li:nth-child(3) .tit{padding:30px 0 0px 0} .tb_re_wrap3 ul li:nth-child(4) .tit{padding:26px 0 0px 0} .tb_re_wrap3 ul li:nth-child(1) .tarea{padding:12px 0;height:58px} .tb_re_wrap3 ul li:nth-child(2) .tarea{padding:17px 0;height:48px} .tb_re_wrap3 ul li:nth-child(3) .tarea{padding-top:4px} .tb_re_wrap3 ul li:nth-child(3) .tarea dl{padding:2px 8%} .tb_re_wrap3 ul li:nth-child(4) .tarea{height:66px;padding:15px 0 5px 0} .tb_re_wrap3 ul li:nth-child(4) .tarea dl{padding:1px 8%} .tb_re_wrap3 ul li .tarea dl{padding:1px 8%} .tb_re_wrap3 ul li .taekbae_bz{top:7px} .tp_wrapper_new ul{height:135px} .tp_wrapper_new ul li a{padding:7px 0} .tb_re_wrap3 ul li:nth-child(1) dl:nth-child(2){position:relative} .tb_re_wrap3 ul li:nth-child(1) dl:nth-child(2) dd:before{content:'';background:url('/img/icon/t_cate_ico.png?rnd=200907') no-repeat 0 -155px;background-size:220px;width:18px;height:16px;display:inline-block;position:absolute;top:0;left:71px} .tb_re_wrap3 ul li.newbz dl:nth-child(1){position:relative} .tb_re_wrap3 ul li.newbz dl:nth-child(1) dd:before{content:'';background:url('/img/icon/t_cate_ico.png?rnd=200907') no-repeat 0 -155px;background-size:220px;width:18px;height:18px;display:inline-block;position:absolute;top:1px;left:98px} .tb_re_wrap3 ul li dd.newico{position:relative} .tb_re_wrap3 ul li dd.newico:before{content:'';background:url('/img/icon/t_cate_ico.png?rnd=200907') no-repeat 0 -155px;background-size:220px;width:18px;height:18px;display:inline-block;position:absolute;top:-1px;right:-20px} .tb_re_wrap3 ul li.quic a:after{content:'only 택배페이';background:#0cc;font-size:11px;padding:2px 5px 0px 5px;display:block;position:absolute;top:6px;right:5px;font-weight:;color:#fff;border-bottom-left-radius:5px;} .tb_re_wrap3 ul li.quic a:before{content:'';position:absolute;top:8px;left:18px;background:url('/img/logo/gogox.png') no-repeat 0 5px;display:inline-block;width:46px;height:36px;background-size:46px;padding-left:33px} /*편의점택배 규격추가*/ /*다량할인택배 수정*/ .tb_re_wrap3 ul li:nth-child(3) .copy{padding-top:2px;padding-bottom:4px} .tb_re_wrap3 ul li:nth-child(3) .tarea{padding-top:11px;padding-bottom:11px} .tb_re_wrap3 ul li:nth-child(3) .tarea dl:first-child,.tb_re_wrap3 ul li:nth-child(3) .tarea dl:nth-child(3){position:relative} .tb_re_wrap3 ul li:nth-child(3) .tarea dl:first-child dd:before{content:'';background:url('/img/icon/t_cate_ico.png?rnd=200907') no-repeat 0 -155px;background-size:220px;width:18px;height:18px;display:inline-block;position:absolute;top:0;left:74px} .tb_re_wrap3 ul li:nth-child(3) .tarea dl:nth-child(2){padding-top:2px;padding-bottom:2px} .tb_re_wrap3 ul li:nth-child(3) .tarea dl:nth-child(3) dd:before{content:'';background:url('/img/icon/t_cate_ico.png?rnd=200907') no-repeat 0 -155px;background-size:220px;width:18px;height:18px;display:inline-block;position:absolute;top:0;left:81px} .tb_re_wrap3 ul li:nth-child(3) .tarea dl:nth-child(1) dd:before,.tb_re_wrap3 ul li:nth-child(3) .tarea dl:nth-child(2) dd:before{display:none} .tb_re_wrap3 ul li.new_0801 .tarea dl:nth-child(2) dd:before{display:none} .tb_re_wrap3 ul li.new_0801 .tarea dl:last-child dd:before{content:'';background:url('/img/icon/ico_enter.png') no-repeat 3px 0 ;width:18px;height:11px;display:inline-block;} .tb_re_wrap3 ul li.new_0801 .tarea{padding:15px 0 10px 0} /*다량할인택배 수정 끝*/ /*택배용품몰*/ .native_scroll{margin-bottom:10px;overflow-x:auto;scrollbar-color: rebeccapurple green;scrollbar-face-color:#fff;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-track-color:#fff} .native_scroll::-webkit-scrollbar{background:#f2f3f5} .native_scroll .native_scroll_list{width:100%;} .native_scroll .native_scroll_list li{width:31.3%;margin-right:3%;float:left;position:relative;overflow:hidden} .native_scroll .native_scroll_list li:nth-child(1), .native_scroll .native_scroll_list li:nth-child(2), .native_scroll .native_scroll_list li:nth-child(3){margin-bottom:10px} .native_scroll .native_scroll_list li a{height:82px;display:block;color:#fff;font-size:12px;border-radius:5px;overflow: hidden;border:1px solid #eee;} .native_scroll .native_scroll_list li a span{text-align:left;color:#333;padding:8px 5px 2px 8px ;display:block;font-size:12px;word-break:keep-all;font-family:'Malgun Gothic','맑은 고딕',"돋움",dotum;font-weight:;line-height:1.15em;} .native_scroll .native_scroll_list li a em{display:block;width:40px;text-align:center;line-height:1.0em;margin:0px 7px;border-radius:2px;padding:1px 0px;font-size:10px;color:#0cc;font-weight:600;letter-spacing:-0.02em;font-family:'noto'} .native_scroll .native_scroll_list li a em br{display:none;line-height:0} .native_scroll .native_scroll_list li a p{background:url('/img/icon/reserve_boxmall.png') no-repeat 0 0;position:absolute;top:0;right:0;width:100%;height:87px;background-size:600px;overflow:hidden;text-indent:-9999em;border-radius:8.1px;} .native_scroll .native_scroll_list li.more a{background:#f9f9f9} .native_scroll .native_scroll_list li.more span{text-align:center;font-size:20px;padding-top:26px;color:#aaa} .native_scroll .native_scroll_list li a:hover{text-decoration:none} .native_scroll .native_scroll_list li a:hover{text-decoration:none} .native_scroll .native_scroll_list li:nth-child(1) a p{background-position: 30px 36px } .native_scroll .native_scroll_list li:nth-child(2) a p{background:url('/img/icon/reserve_boxmall2.png') no-repeat -420px 32px;background-size:1400px;height:83px;} .native_scroll .native_scroll_list li:nth-child(3) a p{background:url('/img/icon/reserve_boxmall2.png') no-repeat -210px 25px;background-size:1400px;height:83px;} /*.native_scroll .native_scroll_list li:nth-child(4) a p{background:url('/img/icon/reserve_boxmall2.png') no-repeat -635px 22px;background-size:1400px;height:83px; }*/ .native_scroll .native_scroll_list li.sfinder_label a p{background:url('/img/icon/reserve_boxmall2.png?ver=2') no-repeat -1390px 25px;background-size:1800px;height:83px; } .native_scroll .native_scroll_list li:nth-child(3), .native_scroll .native_scroll_list li:nth-child(6){margin-right:0!important} .native_scroll .native_scroll_list li.sfinder_printer a p{background:url('/img/icon/reserve_boxmall2.png?ver=2') no-repeat -1486px 28px;background-size:1600px;height:83px; } .native_scroll .native_scroll_list li.sfinder_aircap a p{background:url('/img/icon/reserve_boxmall2.png?ver=3') no-repeat -740px 22px;background-size:1600px;height:83px; } /*택배용품몰 끝*/ /*카카오톡 배너 이벤트*/ .main_quick_banner_right_top{position:absolute;top:99px;right:-198px;cursor:pointer} .main_quick_banner_right_kko{position:absolute;top:175px;right:-210px;cursor:pointer;} .banner_kkoimo{position:relative;padding:0 10px } .banner_kkoimo ul:before{content:'';background:url('/img/banner/') no-repeat;position:absolute;top:-33px;right:0px;display:block;width:100%;height:33px} .banner_kkoimo ul{position:absolute;top:2px;right:12px} .banner_kkoimo ul li{width:180px;height:81px;line-height:81px;padding-left:16px;margin:0 0 11px 0;border:1px solid #eee;vertical-align:middle}/*height:86px;line-height:86px;*/ .banner_kkoimo ul li a{display:block;} .banner_kkoimo ul li:nth-child(1){position:relative} .banner_kkoimo ul li:nth-child(1):after{content:'';background:url('/img/icon/n_gif.gif') no-repeat;position:absolute;top:10px;right:0px;z-index:9999;display:block;width:15px;height:15px} .banner_kkoimo ul li:hover{border:1px solid #111;position:relative} .banner_kkoimo ul li:hover:before{content:'◀';color:#333;font-size:10px;position:absolute;top:0%;left:-8px} .kkoimo_big{position:absolute;top:0px;right:219px;z-index:2} .kkoimo_big:before{content:'';height:25px;width:100%;background:#fff;display:block;position:absolute;top:-25px;left:0;text-align:right} .kko_close{position:absolute;top:-25px;right:219px;display:block;z-index:9999;display:block;width:40px;height:25px;line-height:25px;text-align:right;background:url('/img/btn/close_wh_20.gif') no-repeat 46px 7px #333;background-size:10px;padding-right:27px;text-indent:-9999em;} .kko_close a{color:#fff;font-weight:bold;display:block;width:40px;height:25px;padding-right:27px;} .kko_close a:hover{text-decoration:none} .tit_kko{padding:15px;font-size:18px;font-weight:bold;text-align:center} .banner_kkoimo + .ui_btn_wrap{margin:5px 0 0 0} /*카카오톡 배너 이벤트 끝*/ /*택배박스 판매*/ .tb_re_wrap3 .title_area {margin-bottom:10px} .tb_re_wrap3 .title_area h2{float:left;} .tb_re_wrap3 .title_area .fr_area{top:4px} .notice_txt_wrap{position:absolute;left:110px;top:6px;height:18px;overflow:hidden;width:370px} .notice_tit:before{;cursor:pointer;content:'공지';font-family:'noto';font-weight:bold;font-size:12px;letter-spacing:-0.05em;text-align:center;display:block;width:30px;border:1px solid #f36;border-radius:10px;color:#f36;position:absolute;left:72px;top:4px;height:17px;overflow:hidden;cursor:pointer} .tb_re_wrap3 .title_area h2:after{content:'|';color:#fff;font-size:12px;font-weight:normal} .notice_txt_wrap .txt{color:#151515;font-size:13px;display:block;height:16px;font-weight:bold} .notice_txt_wrap *:hover{text-decoration:none} .mall_wrap {display:table;width:80%;margin: 0 10%;} .mall_wrap span{display:table-cell;background:#f9f9f9;border-radius:8px;border-top-right-radius:10px;border-bottom-right-radius:10px;text-align:center;width:31.3%;margin:0 2%;padding:8px 0;color:#777;position:relative;overflow:hidden;font-size:12px!important;letter-spacing:-0.03em} .mall_wrap span em{font-size:11px;color:#f36;display:block;padding-top:2px;font-weight:bold;letter-spacing:-0.05em} .mall_wrap span:after{content:'';width:2px;height:66px;background:#FFF;display:inline-block;position:absolute;top:0px;right:0} .mall_wrap span:last-child:after{display:none} .tb_re_wrap3 ul li:nth-child(6) .boxx:hover{border:1px solid #0cc;cursor:pointer} .tb_re_wrap3 ul li:nth-child(6) .boxx p:hover{text-decoration:underline} .tb_re_wrap3 ul li:nth-child(6){position:relative} .tb_re_wrap3 ul li:nth-child(6) .copy{padding:3px 20px 10px 20px} /*택배박스 판매*/ /*챗봇배너*/ .chatbot_bn{position:absolute;bottom:-15px;right:-120px;} .chatbot_bn a:hover{text-decoration:none!important} .chatbot_bn a{background:none!important;cursor:pointer;display:block} /*챗봇배너*/ /*택배페이*/ .tpay_area{margin:3px 0 12px 0} .tpay_area h1{font-size:14px;padding:0px 15px 10px 5px} .tpay_area h1 a{font-size:14px;font-family:'맑은 고딕'} .tapy_cont{border:1px solid #eee;height:188px;padding-top:15px}/*메인구성2408*/ .tapy_cont h1{padding-left:15px;padding-top:5px} .tpay_my{width:100%;display:table;padding:5px 0 5px 0;position:relative;margin:5px 0 }/*메인구성2304*/ .tpay_my span{display:table-cell;padding-left:20px;} .tpay_my span strong{font-size:14px;font-weight:bold;color:#f36;letter-spacing:-0.03em;text-align:right;padding-right:10px} .tpay_btn {display:table;width:90%;margin:0 5%} .tpay_btn a{display:table-cell;background:#0cc;font-weight:bold;color:#fff;padding:13px 0;text-align:center;width:40%;margin:2.5%;border-right:1px solid #fff;border-radius:10px} .tpay_btn a:hover{text-decoration:none} .tpay_menu {background:#fff;margin:12px 14px 0px 14px;border-radius:10px;padding:15px 0;} .tpay_menu li{background:url('/img/icon/ico_pay.png') no-repeat 14px 10px;line-height:36px;padding-left:44px;color:#666} .tpay_menu li:nth-child(2){background-position: 14px -20px} .tpay_menu li a{display:block;width:100%;background:url('/img/icon/right_ct_c.png') no-repeat 94% center;background-size:8px} .tpay_card_add{padding:10px 15px 10px 15px} .tpay_card_add a{display:block;border:1px dashed #dbdbdb;border-radius:10px;background:#fafafa;padding:35px 0 25px 0;text-align:center;} .tpay_card_add a p{padding:10px 0;color:#151515} .tpay_card_add a:hover{text-decoration:none } .tpay_card_add a:before{content:'';background:url('/img/icon/ico_add_0c.png') no-repeat;background-size:100%;border-radius:8em;width:24px;height:24px;line-height:24px;display:inline-block;text-align:center;color:#fff;font-size:26px;font-family:'';font-weight:300} .tpay_card_edit{position:relative;padding:10px 15px 10px 15px;display:block;border:1px solid #0cc;border-radius:10px;background:#fff;text-align:;margin:0 15px 5px 15px} .tpay_card_edit .btn_row{text-align:center;padding:13px 0 5px 0} .tpay_card_edit .tit{font-size:11px;color:#666;margin-bottom:15px;text-align:center} .tpay_card_edit p, .tpay_card_edit p strong{font-size:14px;color:#151515;text-align:center} .tbpay_card_name{padding:3px 0 8px 0;display:inline-block;text-align:center} .tpay_card_edit .btn_edit{display:inline-block} .tpay_card_edit .btn_edit img{width:16px;padding-bottom:2px;opacity:0.7;border-radius:0!important} .tpay_card_edit .btn_row a{font-size:11px;color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:5.1px;padding:5px} .tpay_card_edit .btn_row a:hover{text-decoration:none} .charge{position:absolute;top:15px;right:15px;color:#666;font-size:11px;letter-spacing:-0.05em;font-family:'돋움'} .charge:before{content:'';position:absolute;top:-3px;right:43px;background:url('/img/icon/ico_plus.png') no-repeat 0 2px;width:12px;height:14px;line-height:12px;display:inline-block;color:#333;font-size:12px;font-weight:bold;margin-right:2px} .charge:hover{text-decoration:none} .shopa_box{padding:10px} .shopa_box .copy{font-size:12px;color:#888;word-break:keep-all;line-height:1.4em;text-align:center;margin:2px 0 5px 0} .shopa_box .copy2 p{color:#151515} .shopa_box .mall_wrap{width:100%;margin:0;} .shopa_box .mall_wrap *{font-size:11px!important} .pay_card_logo{position:relative;margin:0px 15px;border-radius:10px;background:#0cc} .pay_card_logo h1.tit{padding:17px 0 5px 60px;font-size:12px;font-weight:normal;color:#fff} .pay_card_logo h1{color:#fff;padding:0} .pay_card_logo h1.name{line-height:11px;padding-left:20px;padding-top:8px} .pay_card_logo h1 strong{font-size:16px;color:#fff;display:inline-block;padding-top:0} .pay_card_logo h1 span{font-size:16px;color:#fff;display:inline-block;padding-top:0} .pay_card_logo h2{font-size:11px;padding:5px 20px 10px 20px;color:#fff;opacity:0.5} .pay_card_logo .btn_edit{display:inline-block;padding-top:10px;} .pay_card_logo .btn_edit img{width:21px;opacity:0.9} .pay_card_logo .btn_btm{text-align:center;background-color : rgb(0, 0, 0, 0.3);border-bottom-left-radius:10px;border-bottom-right-radius:10px;} .pay_card_logo .btn_btm a{color:#fff;font-size:11px;font-weight:normal;padding:10px 0;display:inline-block;position:relative;} .pay_card_logo .btn_btm a:after{content:'';width:1px;height:8px;display:inline-block;background:#000;margin:0 10px;opacity:0.3;} .pay_card_logo .btn_btm a:last-child:after{display:none} .pay_card_logo .btn_btm + .pr_tooltip_top{top:133px;} .pay_card_logo + .tpay_pwd_edit a{position:relative;display:block;text-align:right;color:#151515;padding:0px 15px 0px 0px;border-radius:8px;} .pay_card_logo + .tpay_pwd_edit a p:before{opacity:0.7;content:'';width:20px;height:20px;background:url('/img/icon/ico_key.png') no-repeat 0 6px;display:inline-block;background-size:14px;} .pay_card_logo + .tpay_pwd_edit a:after{display:none} .pay_card_logo .mycard_on{box-shadow:0px 1px 3px #555;position:absolute;top:5px;right:5px;background:#fff;padding:4px 6px;border-radius:5px;font-size:12px;font-weight:600!important;color:#f36;letter-spacing:-0.03em} .multiple_card_wrap{width:94%;overflow:hidden;margin:0 3%} .multiple_card_wrap li{margin:0 3% 30px 3%;float:left;width:44%} .multiple_card_wrap .pay_card_logo h1:nth-child(2){padding-top:10px} .pay_card_logo:before{content:'';width:30px;height:30px;border-radius:10em;background:url('/img/logo/card_logo.png?ver=2') no-repeat -0px -0px; background-size:100%;display:block;position:absolute;top:15px;left:20px} .pay_card_logo.cardlogo_bc:before{background-position:0px -78px;}/*BC*/ .pay_card_logo.cardlogo_bc{background-color:#ff5047} .pay_card_logo.cardlogo_kb:before{background-position:0px -39px;}/*국민*/ .pay_card_logo.cardlogo_kb{background-color:#736550} .pay_card_logo.cardlogo_hana:before{background-position:0px -155px;}/*하나*/ .pay_card_logo.cardlogo_hana{background-color:#028973} .pay_card_logo.cardlogo_samsung:before{background-position:0px -233px;}/*삼성*/ .pay_card_logo.cardlogo_samsung{background-color:#008aff} .pay_card_logo.cardlogo_shinhan:before{background-position:0px -273px;}/*신한*/ .pay_card_logo.cardlogo_shinhan{background-color:#0030b5} .pay_card_logo.cardlogo_hyundai:before{background-position:0px -307px;}/*현대*/ .pay_card_logo.cardlogo_hyundai{background-color:#222} .pay_card_logo.cardlogo_lotte:before{background-position:0px -344px;}/*롯데*/ .pay_card_logo.cardlogo_lotte{background-color:#e6332a} .pay_card_logo.cardlogo_city:before{background-position:0px -382px;}/*씨티*/ .pay_card_logo.cardlogo_city{background-color:#015597} .pay_card_logo.cardlogo_nh:before{background-position:0px -417px;}/*NH*/ .pay_card_logo.cardlogo_nh{background-color:#0aa63a} .pay_card_logo.cardlogo_suhyup:before{background-position:0px -453px;}/*수협*/ .pay_card_logo.cardlogo_suhyup{background-color:#3399ff} .pay_card_logo.cardlogo_shinhyup:before{background-position:0px -489px;}/*신협*/ .pay_card_logo.cardlogo_shinhyup{background-color:#0066cc} .pay_card_logo.cardlogo_woori:before{background-position:0px -529px;}/*우리*/ .pay_card_logo.cardlogo_woori{background-color:#33ccff} .pay_card_logo.cardlogo_gwangju:before{background-position:0px -602px;}/*광주*/ .pay_card_logo.cardlogo_gwangju{background-color:#0e2067} .pay_card_logo.cardlogo_jeonbuk:before{background-position:0px -602px;}/*전북*/ .pay_card_logo.cardlogo_jeonbuk{background-color:#0e2067} .pay_card_logo.cardlogo_jeju:before{background-position:0px -273px;}/*제주*/ .pay_card_logo.cardlogo_jeju{background-color:#0030b5} .pay_card_logo.cardlogo_saneun:before{background-position:0px -638px;}/*산은캐피탈*/ .pay_card_logo.cardlogo_saneun{background-color:#0e2067} .pay_card_logo.cardlogo_visa:before{background-position:0px -673px;}/*해외비자*/ .pay_card_logo.cardlogo_visa{background-color:#0030b5} .pay_card_logo.cardlogo_master:before{background-position:0px -709px;}/*해외마스터*/ .pay_card_logo.cardlogo_master{background-color:#0030b5} .pay_card_logo.cardlogo_diners:before{background-position:0px -744px;}/*해외다이너스*/ .pay_card_logo.cardlogo_diners{background-color:#0030b5} .pay_card_logo.cardlogo_amx:before{background-position:0px -778px;}/*해외amx*/ .pay_card_logo.cardlogo_amx{background-color:#0030b5} .pay_card_logo.cardlogo_jcb:before{background-position:0px -813px;}/*해외jcb*/ .pay_card_logo.cardlogo_jcb{background-color:#0030b5} .pay_card_logo.cardlogo_okcashbag:before{background-position:0px -848px;}/*ok캐쉬백*/ .pay_card_logo.cardlogo_okcashbag{background-color:#ff2b3f} .pay_card_logo.cardlogo_epost:before{background-position:0px -883px;}/*우체국*/ .pay_card_logo.cardlogo_epost{background-color:#ff482a} .pay_card_logo.cardlogo_kfcc:before{background-position:0px -918px;}/*새마을금고*/ .pay_card_logo.cardlogo_kfcc{background-color:#377fcf} .pay_card_logo.cardlogo_kdb:before{background-position:0px -638px;}/*kdb*/ .pay_card_logo.cardlogo_kdb{background-color:#0e2067} .pay_card_logo.cardlogo_kakaobank:before{background-position:0px -116px;}/*카카오*/ .pay_card_logo.cardlogo_kakaobank{background-color:#ffcc00} .pay_card_logo.cardlogo_kbank:before{background-position:0px -194px;}/*케이뱅크*/ .pay_card_logo.cardlogo_kbank{background-color:#0000cc} .pay_card_logo.cardlogo_payco:before{background-position:0px -953px;}/*페이코*/ .pay_card_logo.cardlogo_payco{background-color:#ff0d01} .pay_card_logo.cardlogo_kakaomoney:before{background-position:0px -988px;}/*카카오머니**/ .pay_card_logo.cardlogo_kakaomoney{background-color:#ffcc00} .pay_card_logo.cardlogo_ssgmoney:before{background-position:0px -1025px;}/*ssg머니*/ .pay_card_logo.cardlogo_ssgmoney{background-color:#555} .pay_card_logo.cardlogo_naverpoint:before{background-position:0px -1063px;}/*네이버포인트*/ .pay_card_logo.cardlogo_naverpoint{background-color:#1fc700} .pay_card_logo.cardlogo_ibk:before{background-position:0px -1098px;}/*ibk기업*/ .pay_card_logo.cardlogo_ibk{background-color:#006aff} /*택배페이 끝*/ /*포인트쓰기*/ #point_use_div{height:;overflow:;width:200%} .mall_list_wrap{position:relative;overflow:hidden;width:240px;border:1px solid #eee;border-top:none;} .tpay_area + .point_save_use_div .mall_list_wrap{border-top:1px solid #eee;padding:16px 10px 8px 10px}/*메인구성 2304*/ .mall_list_wrap ul{width:560px;padding:;float:left} /*width 값 조절해서 이동시킴 ( li 12개일때 560px/ 560px)*/ .mall_list_wrap ul.ul_3page{width:650px;padding:;float:left} /*width 값 조절해서 이동시킴 ( li 13개 이상일때 650px)*/ .mall_list_wrap ul li{width:72px;height:63px;float:left;text-align:center;padding:3px 5px} .mall_list_wrap ul li a{font-family:'돋움'} .mall_list_wrap ul li p{padding:5px 0;font-size:11px;color:#888;letter-spacing:-0.03em;display:none} .mall_list_wrap ul li img{width:58px;height:auto;border-radius:50em;border:1px solid #ddd;image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; } .mall_list_wrap .btn_arr .prev{display:block;width:100%;background:url('/img/icon/left_ct.png') no-repeat center #f5f5f5;background-size:6px;text-indent:-9999em;height:22px;width:22px;position:absolute;top:65px;left:1px;border-radius:5em} .mall_list_wrap .btn_arr .next{display:block;width:100%;background:url('/img/icon/right_ct.png') no-repeat center #f5f5f5;background-size:6px;text-indent:-9999em;height:22px;width:22px;position:absolute;top:65px;right:1px;;border-radius:5em} .mall_list_wrap .btn_arr .prev:hover,.mall_list_wrap .btn_arr .next:hover{background-color:#eee} .mall_list_wrap ul li.blank img{display:none;background:#fff;border:1px solid #fff} .mall_list_wrap ul li.blank p{text-indent:-9999em} /*포인트쓰기 끝*/ .fr_area span{color:#333;font-size:12px;font-family:AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;position:relative;padding-left:22px} .fr_area span:before{content:'';display:inline-block;width:18px;height:15px;background:url('/img/icon/box_0c_chk.png') no-repeat;background-size:100%;position:absolute;top:2px;left:0} a, h1, h2 a, b, strong, .bold, h2, h2 span{font-family:AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif} a{font-family:dotum,'돋움'} .tshopa_wrap{border:1px solid #eee;padding:20px 20px 18px 20px;height:133px} .tshopa_wrap .copy{text-align:center;padding-bottom:5px;line-height:1.4em;color:#888} .tshopa_wrap .mall_wrap{width:100%;padding:0;margin:0} .tshopa_wrap .mall_wrap span{padding:15px 0} .tshopa_wrap a{text-decoration:none} .mall_wrap2 {display:;width:80%;margin:0px 10% 0 10%;}/*메인구성2304*/ .mall_wrap2 span{display:inline-block;background:#f9f9f9;border-radius:8px;text-align:center;width:32%;padding:20px 0;color:#777;position:relative;overflow:hidden;font-size:12px!important;letter-spacing:-0.03em}/*메인구성2304*/ .mall_wrap2 span em{font-size:12px;color:#f36;display:block;padding-top:2px;font-weight:bold;letter-spacing:-0.02em} .mall_wrap3 {display:;} .mall_wrap3 span{display:block;background:#f9f9f9;border-radius:6px;margin:4px 0;text-align:;padding:5px 0 5px 13px;color:#777;position:relative;overflow:hidden;font-size:12px!important;letter-spacing:-0.03em} .mall_wrap3 span:before{content:'';background:url('/img/icon/check_3.png') no-repeat;display:inline-block;width:12px;height:10px;background-size:100%;margin-right:7px;opacity:0.6} .mall_wrap3 span em{font-size:11px;color:#f36;padding-top:2px;font-weight:bold;letter-spacing:-0.05em} span#cancel_popup_comp_name{font-size:18px} .new_sml_bz{width:36px;height:17px;position:absolute;top:5px;right:5px;background:url('/img/icon/new_bz.png') no-repeat 0 -2px #f36;border-bottom-left-radius:5px; -webkit-animation:blink 0.5s ease-in-out infinite alternate; -moz-animation:blink 0.5s ease-in-out infinite alternate; animation:blink 0.5s ease-in-out infinite alternate;} -webkit-keyframes blink{ 0% {opacity:0.8;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0.8;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0.8;} 100% {opacity:1;} } .taekbae_bz.center_i span{color:#0cb9b9;margin:0 auto;text-align:center;width:94%;display:block;padding-top:10px;font-size:12px;font-family:'noto'} .info_ddst{position:relative} .info_ddst dd:before{content:'';position:absolute;top:7px;left:12px;width:2px;height:2px;display:block;background:url('/img/bullet/li.png') no-repeat;background-size:2px} /*메인리뉴얼 2304 */ .reserve_grid_wrap {margin:0 3px} .reserve_grid_wrap .reserve_grid li{float:left;width:44.9%;border:1px solid #eee;margin:5px 0;min-height:185px;padding-bottom:30px;padding:22px 0% 0px 4%} .reserve_grid_wrap .reserve_grid li:nth-child(even){float:right} .reserve_grid li{background:#fff;background-size:100px;border-radius:12px;padding:20px 39px 10px 39px ;position:relative;margin-bottom:10px} .reserve_grid li .reserve_price dl.enter_bul dd{position:relative;padding-left:12px} .reserve_grid li .reserve_price dl.enter_bul dd:before{content:'';background:url('/images/icon/ico_enter_g.png') no-repeat 0 5px ;width:18px;height:18px;display:block;background-size:8px;opacity:0.3;position:absolute;top:0;left:2px} .reserve_grid li.quic:before{content:'ONLY 택배페이';position:absolute;top:0;right:0;background:#0cc;color:#fff;width:85px;height:26px;line-height:26px;text-align:center;border-bottom-left-radius:12px;border-top-right-radius:12px;font-size:11px;font-weight:bold} .reserve_grid li.quick:before{content:'ONLY 택배페이';position:absolute;top:0;right:0;background:#0cc;color:#fff;width:85px;height:26px;line-height:26px;text-align:center;border-bottom-left-radius:12px;border-top-right-radius:12px;font-size:11px;font-weight:bold} .reserve_grid li.company:before{content:'ONLY 택배페이';position:absolute;top:0;right:0;background:#0cc;color:#fff;width:85px;height:26px;line-height:26px;text-align:center;border-bottom-left-radius:12px;border-top-right-radius:12px;font-size:11px;font-weight:bold} .reserve_grid li.sendy:before{content:'ONLY 택배페이';position:absolute;top:0;right:0;background:#0cc;color:#fff;width:85px;height:26px;line-height:26px;text-align:center;border-bottom-left-radius:12px;border-top-right-radius:12px;font-size:11px;font-weight:bold} .reserve_grid li.sendy:after{content:'Release';position:absolute;bottom:0;right:0;background:#f36;color:#fff;width:58px;height:26px;line-height:26px;text-align:center;border-bottom-right-radius:12px;border-top-left-radius:12px;font-size:12px;font-weight:bold} .reserve_grid li .reserve_tit{width:100%} .reserve_grid li .reserve_tit h1{width:100%;position:relative;font-size:1.55em;letter-spacing:-0.04em;font-weight:600;color:#151515;padding-left:3px;text-align:left;} .reserve_grid li .reserve_tit h1 span{position:absolute;right:3px;bottom:0;font-size:0.65em;color:#f36;padding-right:8%;letter-spacing:-0.01em;} .reserve_grid li .reserve_tit h1 span:before{content:'';width:12px;height:11px;background:url('/img/icon/reserve_arrow.png') no-repeat;display:inline-block;background-size:8px} .reserve_grid li .reserve_tit h1 span b{font-size:1.1em;font-weight:600;text-align:left;color:#f36;} .reserve_grid li .reserve_tit h4{font-size:12px;color:#999;padding-bottom:5px;padding-left:3px;text-align:left} .reserve_grid li .reserve_price{width:100%;padding:23px 0 3px 0;background:url('/img/icon/reserve_tit.png?ver=21') no-repeat 0px 20px;background-size:285px;height:110px;} .reserve_grid li.bang .reserve_price{background-position: 0px -132px} .reserve_grid li.dara .reserve_price{background-position: 0px -283px} .reserve_grid li.quic .reserve_price{background-position: 0px -438px;;} .reserve_grid li.quic.logox .reserve_price{background-position: 0px -438px;height:70px;} .reserve_grid li.quick .reserve_price{background-position: 0px -1348px;} .reserve_grid li.retur .reserve_price{background-position: 0px -778px;} .reserve_grid li.company .reserve_price{background-position: 0px -1154px;} .reserve_grid li.company .reserve_price.company{background: none;padding-top:10px} .reserve_grid li.sendy .reserve_price{background-position: 0px -605px;} .reserve_grid li .reserve_price dl{display:table;float:right;width:53%;line-height:1.50em;padding-right:8%} .reserve_grid li .reserve_price dl dt{display:table-cell;text-align:right;color:#151515;font-size:0.95em;position:relative} .reserve_grid li .reserve_price dl dt strong{font-weight:600;color:#151515;font-size:1.10em} .reserve_grid li .reserve_price dl dd{display:table-cell;text-align:left;color:#999;font-size:0.95em} .reserve_grid li .reserve_price dl dt u{text-decoration:line-through;color:#999;font-size:0.98em;padding-right:1px} .reserve_grid li .reserve_price dl.info_ddst{margin-top:2px} .reserve_grid li .reserve_price dl.info_ddst dd{font-size:0.85em} .reserve_grid li .reserve_price dl.info_ddst dd:before{left:-5px} .reserve_grid li.sendy .reserve_price dl{width:64%;padding-right:0%} .reserve_grid li.sendy .reserve_price dl.info_ddst dd{font-size:0.83em} .reserve_grid li.sendy .reserve_price dl.info_ddst dd:before{left:-5px} .reserve_grid li.today .reserve_price dl.info_ddst{padding-right:0%;width:58%;letter-spacing:-0.03em} .reserve_grid .btm_button{position:absolute;left:20px;bottom:24px} .reserve_grid .btm_button a span{background:#0cc;border:1px solid #0cc;padding:6px 32px;color:#fff;text-align:center;border-radius:8px;font-weight:bold} .reserve_grid .btm_button a:last-child span{padding:6px 15px} .reserve_grid .btm_button a:last-child span.pdlr{padding:6px 30px} .reserve_grid .btm_text{position:absolute;bottom:3px;letter-spacing:-0.05em;right:20px;font-size:11px;color:#999} /*new dot */ .reserve_grid li.pyun .reserve_price dl:nth-child(3) dt:after, .reserve_grid li.dara .reserve_price dl:nth-child(2) dt:after, .reserve_grid li.bang .reserve_price dl:first-child dt:after {content:'';background:#f36;width:4px;height:4px;display:inline-block;border-radius:10em;position:absolute;top:4px;right:-6px} .tb_re_wrap3 .reserve_grid li.quic a:before{display:none} .tb_re_wrap3 .reserve_grid li.quic a:after{display:none} .tb_re_wrap3 .reserve_grid li:nth-child(1) dl:nth-child(2) dd:before{display:none} .reserve_grid li:nth-child(1) .reserve_price.company dl:last-child dt:after{display:none} .reserve_grid li .reserve_price.company dl{padding-bottom:2px;position:relative;width:91%} .reserve_grid li .reserve_price.company dl dd{font-size:;width:83px;} .reserve_grid li .reserve_price.company dl dt{font-size:;} .reserve_grid li .reserve_price.company dl:nth-child(1){text-align:right} .reserve_grid li .reserve_price.company dl:nth-child(1) dd{position:absolute;top:0px;left:0;width:38px} .reserve_grid li .reserve_price.company dl:nth-child(1) dt{word-break:keep-all;} .ver23 .tapy_cont{border-radius:9px} .ver23 .tapy_cont a img{border-radius:0px} .ver23 .mall_list_wrap{border-radius:9px;} .ver23 .tpay_area{position:relative} .ver23 .btn_arr {position:absolute;top:8px;right:0;} .ver23 .btn_arr .prev{display:inline-block;background:url('/img/icon/left_ct.png') no-repeat center #fff;border:1px solid #e2e2e2;background-size:6px;text-indent:-9999em;height:20px;width:20px;border-radius:5px} .ver23 .btn_arr .next{display:inline-block;background:url('/img/icon/right_ct.png') no-repeat center #fff;border:1px solid #e2e2e2;background-size:6px;text-indent:-9999em;height:20px;width:20px;border-radius:5px} .ver23 .mall_list_wrap{border:none!important;padding:3px 5px!important;width:270px} .ver23 .mall_list_wrap ul li{height:77px;width:67px;padding:3px 0} .ver23 .mall_list_wrap ul li img{border-radius:50px;width:48px;height:48px;border:1px solid #e2e2e2} .ver23 .mall_list_wrap ul li p{display:block;padding:5px 0;font-size:0.89em;letter-spacing:-0.;font-family:'Malgun Gothic','맑은 고딕',"돋움",dotum;} .ver23 .mall_list_wrap ul li a:hover{text-decoration:none} .ver23 .banner_kkoimo ul li{border-radius:8px;margin-top:1px} .ver23 .notice_tit{background-position:right 5px} #footer_re_main{padding-top:10px} #footer_re_main a{background-position:right 3px} a:hover{text-decoration:none} .pr_tooltip{ position:absolute;top:3px;left:70px; width: 190px;display: block;} .pr_tooltip:after{ content: ''; position:absolute;top:44px;right:90px; border-top: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; } .tooltip_text { display: ; word-break:keep-all;position: absolute; font-weight:600; border-radius: 6px; padding: 6px 10px; font-size:12px; color: white; color:#fff; background: linear-gradient(45deg, #333, #333);} .pr_tooltip .close{content:'X';position:absolute;right:6px;top:6px;text-indent:-9999em;cursor:pointer;background:url('/img/btn/close_wh.png') no-repeat 0 0;background-size:100%;width:10px;height:10px;} .pr_tooltip_top{ position:absolute;top:106px;left:-20px; width: 195px;display: block;z-index:1} .pr_tooltip_top:after{ content: ''; position:absolute;top:-5px;left:75px; border-bottom: 5px solid #0cc; border-left: 5px solid transparent; border-right: 5px solid transparent; } .pr_tooltip_top .tooltip_text { background: linear-gradient(45deg, #0cc, #0cc);} .pr_tooltip_top .close{content:'X';position:absolute;right:6px;top:6px;text-indent:-9999em;cursor:pointer;background:url('/img/btn/close_wh.png') no-repeat 0 0;background-size:100%;width:10px;height:10px;} /*플로팅*/ .floating_bn{position:absolute;bottom:-10px;right:-60px;z-index:9998;border-radius:100em;background:url('/img/icon/ico_customer.png') no-repeat 19px 10px ;background-size:33px;} .floating_bn a {display:block;box-shadow : 3px 3px 5px #ddd;width:60px;height:65px;border-radius:10em;border:2px solid #333} .floating_bn a span{position:absolute;top:42px;right:18px;letter-spacing:-0.1em;font-weight:bold;color:#151515} /*플로팅*/ .resv_now{height:24px;padding:26px 10px 0 15px;position:relative} .resv_now span{color:#333;font-size:12px;font-family:AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;position:relative;padding-left:22px} .resv_now span:before{content:'';display:inline-block;width:18px;height:15px;background:url('/img/icon/box_0c_chk.png') no-repeat;background-size:100%;position:absolute;top:2px;left:0} .resv_now .more{position:absolute;top:29px;right:14px;background:url('/img/icon/right_ct.png') no-repeat center right;background-size:5px;padding-right:8px;font-size:11px;letter-spacing:-0.03em;color:#666} .box_login_wrap2{border:1px solid #eee;border-radius:8px;padding:20px 20px 17px 20px} .box_login_wrap2 .entry{border:1px solid #ddd;display:block;border-radius:5px} .box_login_wrap2 .entry input{border:none;height:36px;line-height:36px;border-radius:5px;width:96%;padding:0 2%} .box_login_wrap2 .entry input:last-child{border-top:1px solid #ddd;border-top-left-radius:0;border-top-right-radius:0} .capcha_area_login a{margin-top:5px;background:#0cc;color:#fff;font-size:15px;width:100%;height:40px;line-height:40px;display:block;text-align:center;letter-spacing:-0.03em;font-family:'noto'} .capcha_area_login input[type="image"]{width:100%;background:#0cc;color:#fff;border-radius:6px;margin-top:10px;} .box_login_wrap2 .option input{display:none} .box_login_wrap2 .option input + label{cursor:pointer;font-size:11px;color:#666} .box_login_wrap2 .option input + label:before{content:'';width:18px;font-size: 14px;font-weight: 700;height:20px;line-height: 20px;cursor: pointer;border-radius:5px;color: #666;background: url('/img/icon/check_c.png') 0px 0px no-repeat;background-size:20px;padding-left:21px} .box_login_wrap2 .option input:checked + label:before {background-image: url('/img/icon/check_5a.png');color: #333} .box_login_wrap2 .option input:checked + label{color:#333} .box_login_wrap2 .search{padding-top:10px;text-align:center} .box_login_wrap2 .search a{color:#666;font-size:11px;position:relative;padding:0 5px 0 2px;} .box_login_wrap2 .search a:after{content:'';display:inline-block;width:1px;height:9px;background:#ddd;position:absolute;top:1px;left:-4px} .box_login_wrap2 .search a:first-child:after{display:none} .dashboard_wrap{display:;position:relative;padding:0 8px;border:1px solid #eee;border-radius:8px;height:207px} .dashboard_wrap .sum_area {margin:0 5px;position:relative;} .dashboard_wrap .sum_area .sum_entry{padding:5px 0px 5px 0px;background:#fff;border-radius:8.1px;} .dashboard_wrap .sum_area .c_0{float:left;font-size:12px;font-weight:bold;letter-spacing:-0.03em;padding-bottom:10px} .dashboard_wrap .sum_area .c_r{float:right;font-size:12px;color:#000!important;font-weight:500;letter-spacing:-0.03em;text-align:right;padding-right:10px} .dashboard_wrap .sum_area .c_r strong{font-size:14px;font-weight:bold;color:#f36!important} .dashboard_wrap .sum_area .c_6{word-break:keep-all;padding:3px 0;line-height:1.3em} .dashboard_wrap .sum_area .sum_entry ul{overflow:hidden;display:table;width:100%;background:#f9f9f9;font-weight:bold;border-radius:8px;padding:5px 0} .dashboard_wrap .sum_area .sum_entry ul li{display:table-cell;width:45%;padding:2% 3% 2% 2%;position:relative} .dashboard_wrap .sum_area .sum_entry ul li .left_i{text-align:center} .dashboard_wrap .sum_area .sum_entry ul li div{display:block;padding:2px 0;color:#666;font-weight:400;font-size:11px;letter-spacing:-0.03em;text-align:center} .dashboard_wrap .sum_area .sum_entry ul li div b{color:#000;font-size:14px;font-weight:bold;padding-right:2px} .dashboard_wrap .sum_area .sum_entry ul li div b.blank{color:#999!important} .dashboard_wrap .sum_area .sum_entry ul li div em{font-size:11px;display:inline-block} .dashboard_wrap a.more{width:100%;position:relative;overflow:hidden;display:block;} .dashboard_wrap .btm_btn{position:absolute;top:20px;right:0px;;display:inline-block;text-align:center;height:26px;line-height:26px;margin: 0 0 0 5px;text-indent:-9999em} .dashboard_wrap .btm_btn span{text-indent:-9999em} .dashboard_wrap .btm_btn span:before{content:'';background:url('/images/icon/right_ct.png') no-repeat;width:20px;height:26px;background-size:11px;display:block;opacity:0.5} .dashboard_wrap .tres_area{margin:0 5px;position:relative;} .dashboard_wrap .tres_area .tres_entry{padding:13px 0px 15px 0px;background:#fff;border-radius:8.1px;} .dashboard_wrap .tres_area .tres_entry ul{display:table;width:100%;margin:8px 0 0 0;background:#f9f9f9;font-weight:bold;border-radius:8px} .dashboard_wrap .tres_area .tres_entry ul li .left_i{text-align:} .dashboard_wrap .tres_area .tres_entry ul li{display:table-cell;width:25%;text-align:center;position:relative;padding:8px 0} .dashboard_wrap .tres_area .tres_entry ul li div{padding:1px 0;color:#666;font-weight:400;font-size:11px;letter-spacing:-0.03em;} .dashboard_wrap .tres_area .tres_entry .c_0{font-size:12px;font-weight:bold;letter-spacing:-0.03em;color:#000} .dashboard_wrap .tres_area .tres_entry ul li div.c_0{font-size:14px} .dashboard_wrap .tres_area .tres_entry .c_r{font-size:12px;font-weight:bold;} .dashboard_wrap .tres_area .tres_entry .blank{color:#999!important;} .dashboard_wrap .tres_area .c_r{font-weight:bold} .tpay_banner{margin:15px 0 12px 0;border:1px solid #eee;border-radius:8px} .tpay_banner img{border-radius:8px} span.shoplogo{text-indent:-9999em;background-color:#eee;width:50px;height:50px;display:inline-block;margin-right:5px;border-radius:18px} span.shoplogo.naver{background:url('/img/logo/shopping/naver.png') no-repeat;background-size:100%} span.shoplogo.coupang{background:url('/img/logo/shopping/coupang.png') no-repeat;background-size:100%} span.shoplogo.auction{background:url('/img/logo/shopping/auction.png') no-repeat;background-size:100%} span.shoplogo.gmarket{background:url('/img/logo/shopping/gmarket.png') no-repeat;background-size:100%} span.shoplogo.st11{background:url('/img/logo/shopping/11st.png') no-repeat;background-size:100%} span.shoplogo.aliexpress{background:url('/img/logo/shopping/aliexpress.png') no-repeat;background-size:100%} span.shoplogo.cafe24{background:url('/img/logo/shopping/cafe24.png') no-repeat;background-size:100%} span.shoplogo.makeshop{background:url('/img/logo/shopping/makeshop.png') no-repeat;background-size:100%} .shoplink_wrap{width:95%;padding:25px 2.5% 15px 2.5%;overflow:hidden;} .shoplink_wrap li{position:relative;float:left;width:19%;margin:0 0.3%;padding:0 0 15px 0} .shoplink_wrap li span.shoplogo{border:4px solid #eee} .shoplink_wrap li.on span.shoplogo{border:4px solid #0cc} .shoplink_wrap li.on:before{content:'';background:url('/img/icon/checkbox_0c.png') no-repeat center;background-size:100%;width:26px;height:26px;display:inline-block;position:absolute;top:0;right:3px;border-radius:5em;} .shoplink_wrap li span.shoplogo:hover{border:4px solid #0cc;cursor:pointer} .shoplink_wrap li span.end.shoplogo{opacity:0.3;;border:4px solid #eee} .shoplink_wrap li span.end.shoplogo:hover{border-color:#eee} .shoplink_wrap li span.end.shoplogo + span{position:absolute;top:20px;left:7px;font-size:12px;color:#000;font-weight:bold}/*position:absolute;top:20px;left:7px;*/ .w303 { width: 340px!important} .landing_wrap {} .landing_wrap h1{font-size:18px;font-family:'noto';color:#000;text-align:} .landing_wrap h2{font-size:16px;font-family:'noto';text-align:;color:#000;margin:10px 0 0 0;display:inline-block;} .landing_wrap h3{font-size:15px;font-family:'noto';text-align:;color:#000;letter-spacing:-0.02em;padding:0 0 0px 0;font-weight:600} .landing_wrap p{font-size:13px;color:#888;word-break:keep-all;;letter-spacing:-0.02em;font-family:'';font-weight:400} .border_c0 {border:1px solid #0cc;text-align:center;border-radius:10px;margin-top:20px} .border_c0 h2{color:#000;background:url('/img/background/bg_cee.png') repeat-x 0 14px;font-size:18px} /*.border_c0 h2:before{content:'';background:url('/img/icon/down_btm_0c.png') no-repeat 0 8px;width:24px;height:20px;display:inline-block;background-size:17px;position:absolute;top:0;left:-25px}*/ .icon_wrap_2x ul{width:100%;} .icon_wrap_2x li{position:relative;padding:0px 0 0px 60px;vertical-align:top;margin:5px 0} .icon_wrap_2x li:before{content:'';background:url('/img/icon/shoplink_icon.png') no-repeat 0 5px;width:60px;height:40px;background-size:260px;position:absolute;top:8px;left:3px} .icon_wrap_2x li:last-child:before{background-position:-214px 5px} .info_title{font-size:14px;padding:0 0 10px 0;color:#e5121e} .info_list li{background:url('/img/bullet/squ_c.gif') no-repeat 0px 7px;padding-left:7px;margin-bottom:5px;background-size:2px;line-height:18px;word-break:keep-all} .info_list.style-none li{background:none;background-size:3px;padding-left:0px!important;} .info_list2 li{background:url('/img/bullet/squ_c.gif') no-repeat 0px 9px;padding-left:10px;margin-bottom:5px;line-height:18px;word-break:keep-all} .info_list3 li{background:url('/img/bullet/arrow_7_gray.gif') no-repeat 0px 7px;padding-left:10px;background-size:2px;margin-bottom:5px;line-height:18px;word-break:keep-all;} .info_basic li{background:url('/img/bullet/squ_c.gif') no-repeat 0px 5px;padding-left:7px;margin-bottom:5px;line-height:18px;word-break:keep-all} .limit_area{} .limit_title{font-size:14px;padding:30px 0 10px 0;color:#e5121e} .info_box{background:#fafafa;border-radius:5px;padding:15px 20px;margin:0 20px 15px 0px} .info_box .info_list li{font-size:12px!important} .info_box .info_list li *{font-size:12px!important} ol.info_list{list-style-type:decimal } ol.info_list li{background-image:none;margin-left:15px;padding-left:3px!important;color:#333} .onebox_wrap{position:relative;} .onebox{background:#333;border-radius:10em;color:#fff!important;font-size:20px;width:20px;height:20px;display:inline-block;text-align:center;vertical-align:middle;position:absolute;top:0;left:-5px} .word_break{word-break:keep-all; } .ol_list_st1{padding:5px 20px 10px 20px!important} .ol_list_st1 li{position:relative;word-break:break-all;padding-left:25px;line-height:1.4em;text-align:left} .ol_list_st1 li strong{font-weight:bold} .ol_list_st1 li p{line-height:1.4em} .ol_list_st1 li p img{padding:10px 0} .ol_list_st1 li .cv_copy{display:table;margin-top:10px} .ol_list_st1 li .cv_copy strong{display:table-cell;background:#ff0;padding:5px 15px;color:#f36} .ol_list_st1 li .cv_copy span{display:table-cell;width:40px;background:#eee;border:1px solid #ccc;color:#000;border-radius:5px;line-height:30px;padding:0 5px;margin-left:5px;text-align:center} .ol_list_st1 li .cv_copy a:hover{text-decoration:none} .ol_list_st2{padding:0px 0px 0px 20px!important} .ol_list_st2 li{position:relative;word-break:break-all;padding-left:25px;line-height:1.4em;text-align:left;border-bottom:1px solid #eee;margin-bottom:20px} .ol_list_st2 li .onebox{top:10px;padding:3px;font-size:16px;font-weight:bold} .ol_list_st2 li .textbox{padding:10px 20px 0px 20px;word-break:keep-all} .ol_list_st2 li img{width:80%;padding-left:20px} .ol_list_st2 li strong{font-weight:bold} .ol_list_st2 li p{line-height:1.4em;} .ol_list_st2 li .cv_copy_wrap{padding:0 20px 15px 20px} .ol_list_st2 li .cv_copy{display:table;margin-top:10px;width:100%;vertical-align:middle;font-size:13px} .ol_list_st2 li .cv_copy u{display:table-cell;width:20%;text-decoration:none} .ol_list_st2 li .cv_copy strong{display:table-cell;width:60%;background:#ff0;padding:2px 15px 5px 15px;color:#f36;border-radius:5px} .ol_list_st2 li .cv_copy span{display:block;width:40px;background:#eee;border:1px solid #ccc;color:#000;border-radius:5px;line-height:30px;padding:0 5px;margin-left:5px;text-align:center} .ol_list_st2 li .cv_copy a{display:table-cell;} .ol_list_st2 li .cv_copy a:hover{text-decoration:none} .coupang_info{background:#fafafa;border-radius:5px;margin:0 0px;padding:15px 25px} .coupang_info .bg_red{border-radius:5px;padding:0 5px;color:#fff;background:#f33} .coupang_info .lh_18{font-size:12px;word-break:keep-all} .coupang_info .lh_18 b{font-size:12px;color:#f00} #out_infoCoupang .btn_end_pop{margin:0} #out_infoCoupang .popup_layer .tit{padding-top:0} .shop_id_wrap ul{width:100%;display:flex;margin:10px 0 15px 0} .shop_id_wrap ul li{background:#fff;border:1px solid #ddd;color:#000;padding:5px 10px;border-radius:6px;margin-right:5px;position:relative;text-align:center} .shop_id_wrap ul li.on{background:#0cc;color:#fff;border:1px solid #0cc;text-align:left} .shop_id_wrap ul li.on.del{padding-right:30px;background:#fff;border:1px solid #ddd} .shop_id_wrap ul li.on a{color:#fff} .shop_id_wrap ul li.on.del a{color:#000} .shop_id_wrap ul li .delete{display:inline-block;position:absolute;top:0;right:0;background:url('/img/icon/close_xbk.png') no-repeat center;background-size:10px;width:24px;height:28px;border-top-right-radius:6px;border-bottom-right-radius:6px;} .shop_id_wrap ul a:hover{text-decoration:none} .shop_id_wrap ul li.add{color:#000;border:1px solid #ddd;background:#fff;padding-right:10px} .shop_id_wrap ul li.add:before{content:'';;width:15px;height:15px;display:inline-block;background:url('/img/icon/plus_xbk.png') no-repeat 0 4px;background-size:10px;opacity:0.8} .shop_id_wrap p.c_r{font-size:12px!important} .btn_rt_wrap {position:relative} .btn_rt_wrap .inp_btn{position:absolute;top:0;right:0;background:#eef2f4;border-color:#ccc;color:#222;height:24px;line-height:24px;width:125px;text-align:center;border-radius:6px;border-top-left-radius:0;border-bottom-left-radius:0;} .btn_rt_wrap .inp_btn:hover{text-decoration:none} .popup_layer_wrap .btn_end_pop .w120{} .popup_layer_wrap .btn_end_pop .w200{width:340px} #out_infoCoupang .btn_end_pop .w200{width:327px} .w234 { width: 234px!important } .w244 { width: 244px } .w245 { width: 245px } .w246 { width: 246px !important; } .w250 { width: 250px } .w274 { width: 274px } .w296 { width: 296px } .w347 { width: 347px } .w370 { width: 370px!important; } .w380 { width: 380px!important; } .w390 { width: 390px!important; } .w405 { width: 405px!important; } .w420 { width: 420px!important; } .w396 { width: 396px } .w422 { width: 422px } .w423 { width: 440px!important; } .w444 { width: 444px } .w455 { width: 455px } .w464 { width: 464px!important; } .w515 { width: 515px } .w531 { width: 531px!important; } .w564 { width: 564px!important; } .w575 { width: 575px!important; } .w670 { width: 670px!important; } .w700 { width: 700px!important; } .w730 { width: 730px } .w760 { width: 760px!important; } .w100per{width:100%!important} /*background Type*/ .bg_f{background:#ffffff} .bg_y{background:#fffff4} .bg_f2{background:#f2f2f2} .bg_sky{background:#00a4df} .bg_bluegrey{background:#4973b6} .bg_red{background:#ff0000} .bg_0c{background:#0cc} .bg_33{background:#333} .bg_66{background:#666} .bg_boxf2{background:#f2f2f2;border-radius:2px;padding:0 4px 2px 4px} .bg_boxf9{background:#f9f9f9;border-radius:2px;padding:0 4px 2px 4px} .bg_boxee{background:#eee;border-radius:2px;padding:0 4px 2px 4px} .popup_layer_wrap.bg_f{background:#ffffff!important} /*border Type*/ .border_t{border-top:1px solid #ddd} .border_r{border-right:1px solid #ddd} .border_b{border-bottom:1px solid #ddd} .border_l{border-left:1px solid #ddd} .border_t_dash{border-top:1px dashed #ddd;} .border_ad{border:1px solid #ddd} .border_ac{border:1px solid #ccc} .border_a{border:1px solid #eee} .border_ae{border:1px solid #eee} .border_te{border-top:1px solid #eee} .border_re{border-right:1px solid #eee} .border_be{border-bottom:1px solid #eee} .border_le{border-left:1px solid #eee} .border_te_dash{border-top:1px dashed #eee;} .border_b0{border-bottom:1px solid #000} .border_n{border:none!important} .border_rd{border-radius:5.1px} .under_n{text-decoration:none} .under_n:hover{text-decoration:none} .border_ad{border:1px solid #ddd} .inp01 { padding: 1px 2px; height: 14px; line-height: 14px; border: 1px solid #ccc; background: #fff; color: #818181; } .inp_btn{border:1px solid #aeaeae;background:#fff;border-radius:5em;padding:5px 10px;display:inline-block;font-size:13px} .inp_btn_inline{border:1px solid #aeaeae;background:#fff;border-radius:5em;padding:5px 15px;display:inline-block;font-size:13px} .inp_btn_inline:hover{text-decoration:none} .inp_btn.df_fine{font-size:11px;color:#666;border:1px solid #eee;border-radius:8px;background:#;padding:1px 6px;margin-left:5px;vertical-align:middle} .inp_btn.df_fine:hover{text-decoration:none} .inp_btn.under_n{border-radius:6px} .inp_btn_rt{position:absolute;bottom:5px;right:0;display:block;font-size:13px;border:1px solid #aeaeae;border-radius:5em;padding:5px 10px;} .inp_btn_lt{position:absolute;bottom:5px;left:0;display:block;font-size:13px;border:1px solid #aeaeae;border-radius:5em;padding:5px 10px;} .ol_list_st4{display:flex;justify-content:space-between;gap:15px} .ol_list_st4 li{position:relative;word-break:break-all;line-height:1.4em;background:#f9f9f9;padding:5px 0 15px 0;border-radius:10px;text-align:center;width:100%} .ol_list_st4 li .onebox{top:16px;left:10px;padding:0px;width:18px;height:18px;line-height:18px;font-size:11px;font-weight:bold} .ol_list_st4 li .textbox{padding:10px 10px 10px 33px;word-break:keep-all;letter-spacing:-0.08em;text-align:left} .ol_list_st4 li img{width:170px;border-radius:10px;border:1px solid #ddd;} .ol_list_st4 li strong{font-weight:bold} .ol_list_st4 li p{line-height:1.4em;} .tab_menu_new ul{height:40px;width:100%;display:table;background:#fff;border-bottom:1px solid #ececec;margin-bottom:30px} .tab_menu_new li {position:relative;height:48px;line-height:48px;display:table-cell;text-align:center;vertical-align:middle} .tab_menu_new li span{font-family:'noto';color:#666;font-weight:500;font-size:15px} .tab_menu_new li .on span:before{content:'';width:100%;height:2px;background:#151515;position:absolute;bottom:0;left:0;margin:0 auto;border-radius:10px} .tab_menu_new li .on span{color:#151515;font-weight:600} .tab_menu_new li :hover{text-decoration:none} .tab_menu_new li.my a{border-radius:5.1px;padding:7px;background:#f9f9f9} .tab_menu_new li.my a span{color:#333;font-size:13px} .tab_menu_new li.my a span strong{color:#f36;font-size:14px} .tab_menu_new.arrow_left li:first-child span:after{content:'';background:url('/img/icon/right_ct.png') center no-repeat;background-size:10px;width:20px;height:20px;display:inline-block;position:absolute;top:15px;right:-6px;opacity:0.8}