@charset "utf-8";

/* common */
.scroll-y{ overflow-y:scroll;width:100%;height:200px;}
.popwrap{position:relative;padding:30px;background: #fff;margin:auto;z-index:999;}
.popwrap .btn_close{position: absolute;top:20px;right:20px;width:20px;height:20px;background:url("/_ui/desktop/common/images/popup/ico_close.png") center center no-repeat;}
.popwrap .pop_cnt{position: relative;}
.popwrap .pop_cnt .pop_tlt{padding-top:25px;min-height:40px;color:#222;font-size:16px;line-height:22px;text-align:center;}
.popwrap .pop_cnt .pop_tlt.copy{padding:50px 0 30px 0;min-height:40px;}
.popwrap .pop_cnt .pop_txt{padding-top:20px;min-height:40px;text-align:center;}
.popwrap .pop_cnt .pop_txt2{font-size:13px;text-align:center;} /*2016.01.19*/
.popwrap .pop_cnt .pop_txt3{font-size:14.5px;text-align:center;line-height:22px;} /*2016.01.19*/
.popwrap .pop_cnt .btnwrap{margin-top:30px;}

/* popup width */
.popwrap.w_type_1{width:340px;min-height:190px;left:50%;margin-left:-200px;}/* alert                - width:400px */
.popwrap.w_type_2{width:460px;left:50%;margin-left:-260px;}/* main pop,right bn    - width:520px */
.popwrap.w_type_3{width:600px;left:50%;margin-left:-330px;}/* board                - width:660px */
.popwrap.w_type_4{width:680px;left:50%;margin-left:-370px;}/* size, alram, zipcode - width:740px */
.popwrap.w_type_5{width:835px;left:50%;margin-left:-447px;}/* size, alram, zipcode - width:895px */
.popwrap.w_type_6{width:740px;left:50%;margin-left:-400px;}/* 1ÁÖ³â À̺¥Æ® Æ˾÷ - width:800px */

/* alert layer popup */
.popwrap .alert_box{display:table;width:100%;height:160px;}
.popwrap .alert_box .txt{display:table-cell;font-size: 16px;line-height: 22px;color:#222;vertical-align: middle;text-align: center}

/* layerArea dimmed */
.layerArea {position:absolute; top:0; left:0; width:100%; height:100%;  z-index:100}
.layerArea .layerBg {position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5);background-image: url("/_ui/desktop/common/images/common/dim_bg.png"); z-index:101}
.layerArea .layerBg.white {position:fixed; width:100%; height:100%; background:rgba(0,0,0,0); z-index:101}

/* popup title */
.popwrap .pop_tltwrap{margin-bottom:30px;}
.popwrap .pop_tltwrap h3{font-size: 18px;color:#363636;padding-bottom:17px;border-bottom:1px solid #414040}
.popwrap .pop_tltwrap2{padding-bottom:20px;}
.popwrap .pop_tltwrap2 h3{font-size: 18px;color:#363636;}
.popwrap .txt{margin-top:15px;color:#363636;}
.popwrap .txt_p{padding-left:10px;color:#999;font-size:11px;}

/* zipcode */
.popwrap .zipcode .search{padding-bottom:20px;text-align: center}
.popwrap .zipcode .search input{margin-right:0;}
.popwrap .zipcode .search label{color:#222;padding-right:10px;}
.popwrap .zipcode .search.street_adr{text-align: inherit;}
.popwrap .zipcode .search.street_adr div:first-child{margin-bottom: 10px}
.popwrap .zipcode .search.street_adr label{display:inline-block;text-align: right;padding-left:48px; height:30px; line-height:30px;}
.popwrap .zipcode .search.street_adr label:first-child{width:115px;padding-left:0;}
.popwrap .zipcode .search.street_adr select{width:140px;}
.popwrap .zipcode .search.street_adr label.name{width:auto;padding-left:0;}
.popwrap .zipcode .search.street_adr input[type="radio"]:first-child{margin-left:40px;}
.popwrap .zipcode .search.street_adr input[type="text"]{width:322px;}
.popwrap .zipcode .tab_a.tab_type2 li span a{width:299px;}
.popwrap .zipcode .result_box.no_data_txt{padding:100px 0 70px;color:#999;text-align: center}
.popwrap .zipcode .result_box > div:first-child{margin:20px 10px 15px;}
.popwrap .zipcode .result_box > div:first-child .float_right{color:#999;}
.popwrap .zipcode .result_box .list{height:120px;border:1px solid #e5e5e5;overflow-y: scroll;}
.popwrap .zipcode .result_box .list li{padding:10px 20px;line-height: 40px;}
.popwrap .zipcode .result_box .list li a:hover span{color:#c69c6c}
.popwrap .zipcode .detail_address{margin:20px 0 30px;padding:15px 15px 23px;background: #f5f5f5;border:1px solid #e5e5e5;}
.popwrap .zipcode .detail_address p+input{margin:10px 0;}

/* card benefits - products */
.popwrap .card_benefits{padding-right:10px;}
.popwrap .card_benefits .box{margin-bottom:40px;}
.popwrap .card_benefits .box .title{margin-bottom:7px; width:100%;}
.popwrap .card_benefits .box .title p:first-child{font-size: 13px;color:#363636;}

/* evaluation */
.popwrap .btn_evaluation{float:right; text-decoration: underline; margin-bottom:5px;}
.popwrap .evaluation_list .no_data{width:680px;color:#c69c6c;text-align: center;vertical-align: middle;line-height: 22px}

.popwrap .evaluation_view{text-align: left}
.popwrap .evaluation_view .evaluation_pic{text-align: center}
.popwrap .evaluation_view .evaluation_pic img{width:600px;}
.popwrap .evaluation_view .txt{margin:0 auto;width:650px;padding:15px 0 30px;line-height: 20px;}
.popwrap .evaluation_view .rating{padding-bottom:30px;text-align: center}
.popwrap .evaluation_view .sizecolor{margin:0 auto;width:588px; margin-bottom:25px;}
.popwrap .evaluation_view .sizecolor > div{width:250px; float:left;}
.popwrap .evaluation_view .sizecolor > div+div{float:right;}
.popwrap .evaluation_view .sizecolor > div > strong{color:#363636;}
.popwrap .evaluation_view .sizecolor > div > div{margin-top:10px; background:url("/_ui/desktop/common/images/products/evaluation_line.gif") no-repeat;}
.popwrap .evaluation_view .sizecolor > div > div > span{display:block; width:25%; float:left; font-size:11px; color:#999; padding-top:18px;}
.popwrap .evaluation_view .sizecolor > div > div > span+span{width:50%; text-align:center;}
.popwrap .evaluation_view .sizecolor > div > div > span+span+span{width:25%; text-align:right;}
.popwrap .evaluation_view .sizecolor > div > div > span.on{color:#c69c6c; background:url("/_ui/desktop/common/images/products/evaluation_on.gif") left top no-repeat;}
.popwrap .evaluation_view .sizecolor > div > div > span+span.on{background-position:center top;}
.popwrap .evaluation_view .sizecolor > div > div > span+span+span.on{background-position:right top;}
.popwrap .evaluation_view .deledit_wrap{text-align:right; margin-right:8px;}
.popwrap .evaluation_view .deledit_wrap a{margin-left:5px;}

/* main-banner */
.main_banner{/*width:522px;*/padding:0;}
.main_banner.position1{position:fixed;right:20px;top:141px;}
.main_banner img{display: block;}
.main_banner .chkbox_cls{height:30px;line-height:25px;background:#aaa;text-align: right}
.main_banner .chkbox_cls label{color:#fff;padding-right:10px;}

/* center full image Layer */
.image_layer{padding:0;}
.image_layer.position1{width:312px;min-height:190px;left:50%;margin-left:-200px;}
.image_layer img{display: block;}
.image_layer .chkbox_cls{height:30px;line-height:25px;background:black;text-align: right}
.image_layer .chkbox_cls label{color:#fff;padding-right:10px;}
.image_layer .btn_close_end{margin: 3px 3px 0px 0px;background:url("/_ui/desktop/common/images/popup/ico_close_end.png") 0px 4px no-repeat;}

/* size chart */
.popwrap .size_chart table th,
.popwrap .size_chart table td{padding:5px;line-height:14px;font-size:11px;vertical-align:middle;}
.popwrap .size_chart .tab_a{margin-bottom:10px;}
.popwrap .size_chart .tab_a.m6 li{width:16.84%;margin:0 0 0 -1px}
.popwrap .size_chart .tab_a.m6 li:first-child{margin:0;}
.popwrap .size_chart .tab_a.m6 li a{padding:5px 0;font-size:10px;height:inherit;}
.popwrap .size_chart table tbody th{background:#f5f5f5;}

/* set-item */
.popwrap .set_item .title{padding:0 35px 15px 0;font-size: 18px;color:#363636;}
.popwrap .set_item dt{width:185px;}
.popwrap .set_item dd{width:400px;}
.popwrap .set_item .item_box .float_right{width:495px;}
.popwrap .set_item .item_box .item_info dt{width:95px;}
.popwrap .set_item .item_box .item_info dd{width:400px;}
.popwrap .set_item .price_total dl{width:280px;}
.popwrap .set_item .price_total dt{width:170px;}
.popwrap .set_item .price_total dd{width:110px;}
.popwrap .set_item .set_price dd{text-align: left}

/* ȸ¿øÁ¤º¸È®ÀÎ */
.popwrap .mem_chek .tlt{margin:10px 0 30px 0;font-size:16px;font-weight:bold;text-align:center;}
.popwrap .mem_chek .tlt_sub{margin:50px 0 10px 10px;color:#363636;font-weight:bold;}
.popwrap .mem_chek .tlt_copy{margin:5px 0;color:#999;}
.popwrap .mem_chek .gd_list{padding:40px 0;width:auto;}
.popwrap .mem_chek .gd_list dt{width:23%}
.popwrap .mem_chek .gd_list dd{width:77%}
.popwrap .mem_chek .gd_list table{color:#999;border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;}
.popwrap .mem_chek .gd_list table th, .popwrap .mem_chek .gd_list table td{padding:10px;font-weight:lighter;vertical-align:middle;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;}
.popwrap .mem_chek .gd_wrap.agree{padding:10px 0;}
.popwrap .mem_chek .gd_wrap.agree .tlt_copy{margin:5px 0 0 20px;}
.popwrap .mem_chek .btnwrap.agree input{width:200px;}

/* restock_alarm */
.restock_alarm .box{border-bottom:1px solid #ebebeb;}
.restock_alarm .box2{margin-top:20px;}
.restock_alarm .box2 p{padding-bottom:10px;color:#363636;}
.restock_alarm .guide_comment{margin-left:0;}
.restock_alarm .title{padding:0 35px 15px 0;font-size: 18px;color:#363636;}
.restock_alarm .item_box {padding-bottom:30px}
.restock_alarm .item_box .item_img {line-height:0;}
.restock_alarm .item_box .float_right{width:495px;}
.restock_alarm .item_box .item_img img{width:164px;height:164px;}
.restock_alarm .item_box .item_info .item_title{margin-top: 5px}
.restock_alarm .item_box .item_info .item_title span{display: block;font-size: 14px;line-height: 20px;color:#363636;}
.restock_alarm .item_box .item_info .item_title span:first-child{font-size: 12px;font-family:"whitneyBook";letter-spacing: 1px}
.restock_alarm .item_box .item_info dl{margin-top:15px;}
.restock_alarm dt,
.restock_alarm dd{float:left;}
.restock_alarm .item_box .item_info dt{width:95px;height:30px;margin-bottom:5px;}
.restock_alarm .item_box .item_info dd{padding-top: 3px;width:400px;height: 27px;margin-bottom:5px;}
.restock_alarm .price_total dl{padding:20px 0;text-align: right}
.restock_alarm .price_total dt{width:490px;}
.restock_alarm .price_total dd{width:190px;}
.restock_alarm .price_total dt.total{font-weight: bold;}
.restock_alarm .price_total dd.total{font-size: 18px;color:#c69c6c;}

.evaluation_write .item_box{line-height:30px}
.evaluation_write .item_box img{display: block}
.evaluation_write .item_box .item_info{padding-left: 20px;display: table-cell;vertical-align: middle}
.evaluation_write .item_box .item_info .item_title span{display: block;font-size: 14px;line-height: 20px;color:#363636;}
.evaluation_write .item_box .item_info .item_title span:first-child{font-size: 12px;}
.evaluation_write .guide_txt{padding-top:10px;line-height: 20px;font-size: 11px;border-top: 1px solid #ebebeb}

.answer_wrap{padding:20px 35px 20px 60px;border-top:1px solid #ebebeb;;background: url("/_ui/desktop/common/images/common/bul_answer.png") 20px 15px no-repeat;color:#999999;line-height: 20px}

/****************************************************
 Search
****************************************************/
.sh_pop_wrap{text-align:center;}
.sh_pop_wrap:after{content:"";display:block;clear:both;}
.sh_pop_wrap dl{display:inline-block;width:550px;}
.sh_pop_wrap dt{margin:5px 5px 10px 0;float:left;width:100px;color:#363636;text-align:right;}
.sh_pop_wrap dd{margin-bottom:10px;float:left;}
.sh_pop_wrap dd select{width:140px;}
.sh_pop_wrap dd input{margin-top:1px;margin-top:1px\9;width:287px;}
.sh_pop_wrap .btn{margin-top:-10px; margin-bottom:5px; /*display:inline-block;height:71px;*/}

/****************************************************
 Product List
****************************************************/
.del_tab_container{position:relative;}
.del_tab_container .btn_btwrap{position:absolute;right:0;bottom:0;}
.pt_pop_wrap{height:270px;overflow:hidden;overflow-y:scroll;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.pt_pop_wrap li{position:relative;padding:15px 0;border-top:1px solid #f5f5f5;overflow:hidden;}
.pt_pop_wrap li:first-child{border-top:none;}
.pt_pop_wrap li input{float:left;margin-right:15px;}
.pt_pop_wrap li img{float:left;margin-right:20px;width:98px;height:98px;}
.pt_pop_wrap li .info{margin-top:3px;float:left;}
.pt_pop_wrap li .info p{margin-bottom:2px;max-width:490px;}
.pt_pop_wrap li .info .tlt{font-weight:bold;}
.pt_pop_wrap li .info .prie_wrap{content:"";display:block;clear:both;}
.pt_pop_wrap li .info .flag span{padding-left:0;display:inline-block;}
.pt_pop_wrap li .info .flag span.color:before{content:"/"; margin-right:5px; color:#363636;}
.pt_pop_wrap li .info .flag span.color a{color:#363636; letter-spacing:0;}
.pt_pop_wrap.hall{height:355px;}
.pt_pop_wrap .date_wrap{position:absolute;right:15px;top:15px;}
.pt_pop_wrap .num{color:#363636;font-size:11px;}
.pt_pop_wrap .sum_date{color:#999;font-size:11px;}
.total_pop{margin-top:5px;color:#363636;font-size:11px;font-weight:bold;text-align:right;}


/****************************************************
 Data Table
****************************************************/
table.pop_dtable{border-collapse: collapse; clear:both;}
.pop_dtable thead{float: left; width:600px;}
.pop_dtable tbody{float: left; width:598px;height:300px; overflow-y:scroll; overflow-x:hidden;border:1px solid #e5e5e5;border-top:none;}
.pop_dtable tr{display:table; width:600px;}
.pop_dtable th{padding:10px 5px;font-size:11px;text-align:center;background:#f5f5f5;border-top:1px solid #ccc;border-bottom:1px solid #e5e5e5;}
.pop_dtable td{padding:10px 5px;font-size:12px;text-align:center;vertical-align:middle;}
.pop_dtable .colbg td{background:#f8f8f8}

.pop_dtable.my th{width:30px;}
.pop_dtable.my td{width:29px;}
.pop_dtable.my th+th,.pop_dtable.my td+td{width:80px;}
.pop_dtable.my th+th+th,.pop_dtable.my td+td+td{width:320px;}
.pop_dtable.my th+th+th+th,.pop_dtable.my td+td+td+td{width:auto;}
.pop_dtable.my th+th+th+th,.pop_dtable.my td+td+td+td{width:128px\9;} /*ie8*/
.pop_dtable.my td+td+td+td{width:110px\9;} /*ie8*/
.pop_dtable.my th+th+th+th{text-align:left;text-indent:10px;}
.pop_dtable.my td+td+td{text-align:left;}

.pop_dtable.store th{width:50px;}
.pop_dtable.store td{width:49px;}
.pop_dtable.store th+th,.pop_dtable.store td+td{width:380px;}
.pop_dtable.store th+th+th,.pop_dtable.store td+td+td{width:auto;}
.pop_dtable.store th+th+th,.pop_dtable.store td+td+td{width:148px\9;} /*ie8*/
.pop_dtable.store td+td+td{width:120px\9;} /*ie8*/
.pop_dtable.store td+td{text-align:left;}
.pop_dtable.store td+td+td{text-align:center;}

.pop_dtable.lately th{width:30px;}
.pop_dtable.lately td{width:29px;}
.pop_dtable.lately th+th,.pop_dtable.lately td+td{width:80px;}
.pop_dtable.lately th+th+th,.pop_dtable.lately td+td+td{width:270px;}
.pop_dtable.lately th+th+th+th,.pop_dtable.lately td+td+td+td{width:100px;}
.pop_dtable.lately th+th+th+th+th,.pop_dtable.lately td+td+td+td+td{width:auto;text-align:left;}
.pop_dtable.lately th+th+th+th+th,.pop_dtable.lately td+td+td+td+td{width:68px\9;} /*ie8*/
.pop_dtable.lately td+td+td+td+td{width:50px\9;} /*ie8*/
.pop_dtable.lately td+td+td {text-align:left;}

table.pop_tbl_ltype1{border-collapse: collapse;}

.pop_tbl_ltype1{border-top:1px solid #414040;}
.pop_tbl_ltype1 thead th{color:#363636;font-size:12px;}
.pop_tbl_ltype1 th{padding:15px;color:#222;text-align:center;background:#f5f5f5;}
.pop_tbl_ltype1 th.btn_in{padding:10px 0 0 0;}
.pop_tbl_ltype1 td{padding:12px 15px; padding:11px 15px\9;color:#222;font-size:12px;text-align:center;border-bottom:1px solid #ebebeb;}
/*.pop_tbl_ltype1 tbody tr:last-child td{border-bottom:0;}*/
.pop_tbl_ltype1 thead{float: left;width:680px;}
.pop_tbl_ltype1 tbody{float: left;width:680px;height:501px; overflow-y:auto; overflow-x:hidden;}
.pop_tbl_ltype1 th,.pop_tbl_ltype1 td{width:30px;}
.pop_tbl_ltype1 th+th,.pop_tbl_ltype1 td+td{width:380px;}
.pop_tbl_ltype1 th+th+th,.pop_tbl_ltype1 td+td+td{width:65px;}
.pop_tbl_ltype1 th+th+th+th,.pop_tbl_ltype1 td+td+td+td{width:85px;}
.pop_tbl_ltype1 td+td{text-align:left;}
.pop_tbl_ltype1 td+td+td{text-align:center;}
.pop_tbl_ltype1 td+td a{display:inline-block; max-width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pop_tbl_ltype1 td+td+td a{width:100%;}

.pop_tbl_ltype1.none td{text-align:left;}
.pop_tbl_ltype1.none td+td{text-align:center;}
.pop_tbl_ltype1.none th,.pop_tbl_ltype1.none td{width:440px;}
.pop_tbl_ltype1.none th+th,.pop_tbl_ltype1.none td+td{width:65px;}
.pop_tbl_ltype1.none th+th+th,.pop_tbl_ltype1.none td+td+td{width:85px;}


/* ¾ÆÀÌÅÛ»ó¼¼ Æ˾÷ 20150923 */
#cardBenefit,
#popupDelivery,
#sizeQuickReferenceLayer,
#realSizeLayer{position:absolute;top:30px;left:inherit;right:-2px;border:1px solid #e3e3e3;z-index:8;}

/* Event > ÀÀ¸ðÇϱâ Æ˾÷ */
.popwrap .evententry_box > div{margin:30px 10px 15px;}
.popwrap .evententry_box .list{height:300px;border:1px solid #e5e5e5;overflow-y: scroll;}
.popwrap .evententry_box .list li{padding:10px 20px;line-height: 40px;}

/* ¿ìÆí¹øÈ£Á¶È¸_¸®½ºÆ®°¹¼ö 5°³¼öÁ¤_20151222 */
.post_h .pop_tltwrap{margin-bottom:20px;}
.post_h .pop_cnt .tab_a {margin-bottom:15px;}
.post_h .pop_cnt .result_box > div:first-child{margin:10px;}
.post_h .pop_cnt .result_box .list{height:150px;}
.post_h .pop_cnt .result_box .list li{padding:5px 20px;}
.post_h .pop_cnt .result_box .detail_address{margin:20px 0;}
.post_h .pop_cnt .result_box .btnwrap{margin-top:10px;}


#item_vsl_modal{background: #fff;padding-top:20px;}
#item_vsl_modal .gallery-wrapper{width:889px;margin:0 auto;position: relative;}
#item_vsl_modal .gallery-wrapper .close{position: fixed;top:170px;right:50%;margin-right:-500px;display:block;width:60px;height:60px;background: url("/tea_img/btn_zoom.png")  0 -60px no-repeat;text-indent: -999em}

  @media (max-width: 1024px) {


#item_vsl_modal {
    background: #fff;
    padding-top: 0px;
}

#item_vsl_modal .gallery-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#item_vsl_modal .gallery-wrapper .close {
    position: fixed;
    top: 70px;
    left: 90%;
    /* margin-right: -500px; */
    display: block;
    width: 60px;
    height: 60px;
    background: url(/tea_img/btn_zoom.png) 0 -60px no-repeat;
    text-indent: -999em;
}

}