input[type='text'], input[type='password'], input[type='date'], textarea {padding:10px;border:1px solid #ddd;display:inline-block;vertical-align:middle;}
select {padding:8px 10px 7px;border:1px solid #ddd;display:inline-block;vertical-align:middle;background:none;}

input#sword {border:none;background:none;color:#ccc;width:120px;float:left;margin-top:5px;}
input#sword::placeholder {color:#ccc;}

button {border:1px solid #ecb122; background:#ecb122/*2f6fd0*/; color:#fff; padding:9px 19px; display:inline-block; font-size:15px; font-weight:600; transition:all 0.5s;}
button.s_p {padding:8px 20px;vertical-align:middle;}
button.count {border:1px solid #ccc;background:none;border-radius:0;color:#555;padding:7px 10px 7px;margin:0;vertical-align:middle;background:#f6f6f6;line-height:0;}
button.gray {/*background:#7a7a7a;*/border:1px solid #ecb122; color:#ecb122;background:#fff;padding:9px 19px;}
button.green {background:#03A550/*00baab*/;}
button.no_back {background:none;border:none;}
button:hover, button:focus {background:#222;color:#fff;border-color:#222;}
button.count:hover, button.count:focus {background:#ecb122;border:1px solid #ecb122;}

/*
button#searchsubmit {float:right;padding:5px;margin:5px 10px 0;}*/
button.login_btn {height:75px;float:right;}


a.btn {display:inline-block;border:none; background:#ecb122/*2f6fd0*/; color:#fff; padding:10px 9px; display:inline-block; font-size:12px; margin-bottom:10px; transition:all 0.5s;}
a.btn:hover {background:#222;color:#fff;}
a.btn.s_p {padding:8px 20px;vertical-align:middle;}
a.btn.count {border:1px solid #ccc;background:none;border-radius:0;color:#555;padding:2px 5px 2px;margin:0;vertical-align:middle;background:#f6f6f6;line-height:0;}
a.btn.gray {/*background:#7a7a7a;*/border:1px solid #ecb122; color:#ecb122;background:#fff;padding:9px 8px; transition:all 0.5s;}
a.btn.gray:hover {border:1px solid #222; color:#fff;background:#222;}
a.btn.green {background:/*#ecb122*/#00baab;}
a.btn.green:hover {background:#222;}
a.btn.no_back {background:none;border:none;}


 
 
 
 
footer {width:100%;border-top:1px solid #ddd;background:#f4f4f4;}

.container {width:100%;max-width:1200px;margin:0 auto;}

.footer_links_wrap {width:100%;padding:15px 0;border-top:1px solid #ddd;background:#f9f9f9;}
.footer_links_wrap .footer_links {text-align:center;}
.footer_links_wrap .footer_links ul li {display:inline-block;padding:3px 10px;}






.page_header {width:100%; height:180px/*300px*/; background:url(../images/common/page_header_back.jpg) 50% 60% no-repeat; background-size:100% auto;}
.page_header.pl_1  {background:url(../images/common/page_header_back_1.jpg) 50% 50% no-repeat; background-size:100% auto;}
.page_header.pl_2  {background:url(../images/common/page_header_back_2.jpg) 50% 20% no-repeat; background-size:100% auto;}
.page_header.pl_3  {background:url(../images/common/page_header_back_3.jpg) 50% 60% no-repeat; background-size:100% auto;}
.page_header.pl_4  {background:url(../images/common/page_header_back_4.jpg) 50% 30% no-repeat; background-size:100% auto;}
.page_header.pl_5  {background:url(../images/common/page_header_back_5.jpg) 50% 60% no-repeat; background-size:100% auto;}
.page_header.pl_6  {background:url(../images/common/page_header_back_6.jpg) 50% 60% no-repeat; background-size:100% auto;}
.page_header.pl_7  {background:url(../images/common/page_header_back_7_fix.png) 50% 60% no-repeat; background-size:100% auto;}
.page_header.pl_8  {background:url(../images/common/page_header_back_8.jpg) 50% 30% no-repeat; background-size:100% auto;}
.page_header.pl_9  {background:url(../images/common/page_header_back_9.jpg) 50% 30% no-repeat; background-size:100% auto;}
.page_header.pl_10  {background:url(../images/common/page_header_back_10.jpg) 50% 30% no-repeat; background-size:100% auto;}
.page_header.pl_11  {background:url(../images/common/page_header_back_11.jpg) 50% 30% no-repeat; background-size:100% auto;}





.h_t_links {width:100%;height:100px;background:#6d6767;position:relative;}
.h_t_links .h_t_l_1 {border-bottom:1px solid #999;background:#847e7e;height:30px;-webkit-box-sizing: content-box;
    box-sizing: content-box;position:relative;}
.h_t_links .container {padding:0;width:100%;max-width:1200px;-webkit-box-sizing: border-box;box-sizing: border-box;}


.custom-select {
  position: relative !important;
  float:left !important;
  display: block !important;
  max-width: 400px !important;
  min-width: 120px !important;
  height:30px !important;
  margin: 0 auto !important;
  border:none !important;
  border-right: 1px solid #999 !important;
  background-color: #fff !important;
  z-index: 10 !important;
  border-radius:0 !important;
  padding:0 !important;
}
.custom-select select {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  display: block !important;
  width: 100% !important;
  padding: 6px 55px 6px 15px !important;
  font-size: 13px !important;
  color: #565656 !important;
  font:13px 'Noto Sans KR',sans-serif, Tahoma, Dotum, arial !important;
}
.custom-select:after {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 36px !important;
  height: 100% !important;
  line-height: 30px !important;
  content: "∨" !important;
  text-align: center !important;
  color: #fff !important;
  font-size: 14px !important;
  border:none !important;
  border-left: 1px solid #999 !important;
  z-index: -1 !important;
  background:#847e7e !important;
}
.custom-select select::-ms-expand {
  /* for IE 11 */
  display: none !important;
}

.h_t_links h1 {float:left;margin-top:3px !important;margin-bottom:0;font-size:0;}
.h_t_links .h_t_search_box {width:100% !important;;max-width:400px !important;;height:38px !important;;margin:13px auto 0 !important;;border:3px solid #ffcc00 !important;;background:#fff !important;padding:0;
-webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.h_t_links .h_t_search_box input[type='text'] {height:38px !important;width:calc(100% - 60px) !important;border:none !important;padding:0 5px !important;display:inline-block !important;margin:0 !important;font:13px 'Noto Sans KR',sans-serif, Tahoma, Dotum, arial !important;}
.h_t_links .h_t_search_box button {margin:0 !important;;padding:0 !important;;width:45px !important;;height:38px !important;;display:inline-block !important;;float:right !important;;background:#ffcc00 !important;;border:none !important;;text-align:center !important;font:13px 'Noto Sans KR',sans-serif, Tahoma, Dotum, arial !important;}

.h_t_banner {position:absolute;top:0;right:0;}
.h_t_banner img {height:50px;}

@media (max-width: 767px) {
	.h_t_links > .container {padding-left:5px !important;padding-right:5px !important;}
	.h_t_links h1 {margin-top:5px !important;}
	.h_t_links h1 img {height:30px;}
	.h_t_links .h_t_search_box {max-width:250px !important;}/*
	.h_t_links .h_t_search_box {max-width:200px !important;float:right !important;}*/
}

@media (max-width: 640px) {
	.h_t_links > .container {padding-left:5px !important;padding-right:5px !important;}
	.h_t_links .h_t_search_box {max-width:250px !important;}
}

@media (max-width: 480px) {
	.h_t_links > .container {padding-left:5px !important;padding-right:5px !important;}
	.h_t_links h1 {margin-top:20px !important;}
	.h_t_links h1 img {height:30px;}
	.h_t_links .h_t_search_box {max-width:250px !important;float:right !important;}
	.h_t_banner {display:none;}
}

@media (max-width: 360px) {
	.h_t_links > .container {padding-left:5px !important;padding-right:5px !important;}
	.h_t_links h1 {margin-top:20px !important;}
	.h_t_links h1 img {height:30px;}
	.h_t_links .h_t_search_box {max-width:200px !important;float:right !important;}
}











.item {width:100%;}

.sub_cont_left {width:190px;float:left;}
.sub_cont_right {width:calc(100% - 210px);float:right;background:#fff;padding:20px 10px;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}






ul.view_switcher {float:right;}
ul.view_switcher li {float:left;}
ul.view_switcher li a {padding:0 10px;border-left:1px solid #ccc;}
ul.view_switcher li:first-child a {border:none;}






.grid, .list{ width:29px;height:29px; border:1px solid #ddd; float: left; cursor:  pointer; padding:0; margin:0 0 0 1px; vertical-align:middle; }

.view-cnt{ width:70px; height: 25px; float: right; margin-right: 15px;}

.grid{background:url(images/icon_grid.png) 50% no-repeat; background-size:60%;}
.grid-active{ background: #fff url(images/icon_grid_o.png) 50% no-repeat; background-size:60%; border:1px solid #ef5555; }

.list{background:url(images/icon_list.png) 50% no-repeat; background-size:60%;}
.list-active{background: #fff url(images/icon_list_o.png) 50% no-repeat; background-size:60%; border:1px solid #ef5555;}







.cate_prod {display:flex; flex-wrap:wrap; justify-content: space-between; width:100%;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.cate_prod li.prod-box {width:32%;float:left;margin:2% 0 2% 2%;/*border:1px solid #bebebe;*/ padding-bottom:30px; background:#fff;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.cate_prod li.prod-box.first {margin-left:0;}
.cate_prod li.prod-box img {width:100%; margin:0 auto;}

.cate_prod li.prod-box .prod_list_item {text-align:center;}
.cate_prod li.prod-box .prod_list_item .prod_img_box {width:100%;}
.cate_prod li.prod-box .prod_list_item h5 {position:relative;width:100%; margin-top:15px; padding:10px 5px 0; font-size:100%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;line-height:130%;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.cate_prod li.prod-box .prod_list_item h5 p.prod_list_line {width:30px; height:3px; background:#7f7f7f; position:absolute; top:0; left:50%; margin-left:-15px;}

.cate_prod li.prod-box .prod_list_item h5.prod_list_itme_name {display:inline-block;transition:all 0.5s;padding-bottom:3px;border-bottom:1px solid #f9f9f9;}
.cate_prod li.prod-box:hover .prod_list_item h5.prod_list_itme_name {border-bottom:1px solid #000;}


.cate_prod li.prod-box-list {width:32%; padding:0; margin:0 0 20px; border:1px solid #ddd; box-sizing:border-box;}
.cate_prod li.prod-box-list img {height:auto; margin:0;}
.cate_prod li.prod-box-list .prod_list_item {position:relative; width:100%; text-align:left;}
.cate_prod li.prod-box-list .prod_list_item .prod_img_box {width:100%; height:auto;}
.cate_prod li.prod-box-list .prod_list_item .prod_img_box img {width:100%;}
.cate_prod li.prod-box-list .prod_list_item h5 {width:100%; box-sizing:border-box; position:relative; margin-top:10px; padding:10px; font-size:100%; line-height:130%;}
.cate_prod li.prod-box-list .prod_list_item h3 {width:100%; box-sizing:border-box; text-align:right; padding:0 10px 10px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cate_prod li.prod-box-list .prod_list_item h3 span {font-size:80%;}
.cate_prod li.prod-box-list .prod_list_item h5 p.prod_list_line {float:left; width:30px; height:3px; background:#7f7f7f; position:absolute; top:0; left:10px; }

.cate_prod li.prod-box-list .prod_list_item h5.prod_list_itme_name {padding-bottom:10px; border-bottom:1px solid #f9f9f9; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.cate_prod li.prod-box-list .prod_list_item h5.costs {width:100%; min-height:66px;}


.list_sort_boxes {float:right;}



.cate_prod li .prod_list_item a .prod_img_box {line-height:0;width:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;transition:all 0.4s ease-in-out 0.1s;}
.cate_prod li .prod_list_item a .prod_img_box img {width:100%;height:100%;opacity:0;transition:all 0.4s ease-in-out 0.1s;}
.cate_prod li .prod_list_item a:hover .prod_img_box img, .cate_prod li .prod_list_item a:focus .prod_img_box img {opacity:0.8;}







ul.tabs.prod_d {width:100%;}
ul.tabs.prod_d li {float:left;width:24%;margin:0 0.5%;text-align:center;padding:10px 0;border-bottom:3px solid #fff;border-left:none;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
transition:all 0.5s;
}
ul.tabs.prod_d li a {font-weight:800;font-size:15px;color:#999;
transition:all 0.5s;
}/*
ul.tabs.prod_d li:first-child {border-left:1px solid #ddd;}*/
ul.tabs.prod_d li:hover {border-bottom:3px solid #ecb122;}
ul.tabs.prod_d li.active {/*background:#03a550;*/border-bottom:3px solid #ecb122;}
ul.tabs.prod_d li:hover a {color:#000;}
ul.tabs.prod_d li.active a {color:#000;}








.cart_list {width:100%;}
.cart_list > li {width:100%;margin-bottom:-1px;}
.cart_list > li {border:1px solid #ccc;padding:10px 0;}
.cart_list li .cart_list_tit {padding:5px 0;text-align:center;float:left;}
.cart_list li .cart_list_box {padding:0;text-align:left;float:left;padding:10px;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.cart_list li .cart_list_box img {max-width:130px;max-height:190px;}
.cart_list li .cart_list_box .c_b {float:left;margin-left:15px;}
.cart_list li .cart_list_box .c_b .description_list {margin-top:10px;}



.cart_price_wrap {width:100%;text-align:center;margin-top:20px;padding:20px;background:#f6f6f6;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.cart_price_wrap h6 {padding:10px 0;background:#f6f6f6;}
.cart_price_wrap h4 {padding:15px 0;border:1px solid #ccc;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.cart_price_box1 {float:left;width:24.625%;}
.cart_price_box2 {float:left;width:33.3333%;margin-left:-1px;background:#fff;}








.filter_box {position:relative;width:100%;background:#fff;border:1px solid #ddd;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.filter_box h4 {padding:12px 15px 15px; background:#ef5555; color:#fff;margin:0;line-height:100%;}

.filter_box h4 .m_c_toggle {width:30px;height:30px;float:right;display:none;margin-top:-5px;padding:0;text-indent:-9999px;background:url(images/filter_box_btn.png) 0 0 no-repeat;}

.filter_box h4.fb_open_t .m_c_toggle {background:url(images/filter_box_btn.png) 0 -30px no-repeat;}




.left_nav {position:relative;width:100%;background:#fff;border:1px solid #ddd;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.left_nav h4 {padding:15px; background:#ef5555; color:#fff;margin:0;line-height:100%;}
.left_nav ul li {border-top:1px solid #ddd;}
.left_nav ul li a div {padding:10px 15px;}
.left_nav ul li a:hover div, .left_nav ul li a:focus div, .left_nav ul li a div.curr {background:#ecb122;color:#fff;}





.imagecol {float:left;width:66%;}

.productcol {float:right;width:32%;padding:0 0 20px;}





table.info_table {width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;margin:10px 0;font-size:12px;}
table.info_table th {background:#f6f6f6;padding:10px 0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;width:15%;vertical-align:middle;}
table.info_table td {padding:10px 0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;vertical-align:middle;}
table.info_table td ul li {width:20%;padding:8px 10px 8px 25px;float:left;text-align:left;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}

table.info_table td ul li.on {background:url(images/prod_detail_check_on.png) 5px 10px no-repeat;}
table.info_table td ul li.off {background:url(images/prod_detail_check_off.png) 5px 10px no-repeat;}

table.info_table td span.pd_check {padding:5px 0 5px 18px;margin:0 5px;}
table.info_table td span.pd_check.on {background:url(images/prod_detail_check_on.png) 0 50% no-repeat;}
table.info_table td span.pd_check.off {background:url(images/prod_detail_check_off.png) 0 50% no-repeat;}

table.info_table td span.pd_radio {padding:5px 0 5px 18px;margin:0 5px;}
table.info_table td span.pd_radio.on {background:url(images/prod_detail_radio_on.png) 0 50% no-repeat;}
table.info_table td span.pd_radio.off {background:url(images/prod_detail_radio_off.png) 0 50% no-repeat;}

table.info_table td span.pd_radio.sig1 {background:url(images/prod_detail_signal_01.png) 0 50% no-repeat;}
table.info_table td span.pd_radio.sig2 {background:url(images/prod_detail_signal_02.png) 0 50% no-repeat;}
table.info_table td span.pd_radio.sig3 {background:url(images/prod_detail_signal_03.png) 0 50% no-repeat;}
table.info_table td span.pd_radio.sig4 {background:url(images/prod_detail_signal_04.png) 0 50% no-repeat;}

div.car_detail_box {position:relative;width:90%;margin:0 auto;}
div.car_detail_box img {position:relative;width:100%;margin:0;z-index:0;}
div.car_detail_box span {position:absolute;z-index:2;text-align:center;top:0;left:0;}
div.car_detail_box.cd1 {background:url(../images/common/car_detail_01_fix.png) 50% 50% no-repeat;background-size:cover;}
div.car_detail_box.cd2 {background:url(../images/common/car_detail_02_fix.png) 50% 50% no-repeat;background-size:cover;}
div.car_detail_box.cd3 {background:url(../images/common/car_detail_03_fix.png) 50% 50% no-repeat;background-size:cover;}



.prod_info_shell {float:left;}
.buy_buttons {text-align:center;float:right;}








h5.purchase_tit {width:100%;padding:10px;text-align:left;background:#f4f4f4;margin:0 0 10px;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}

.purchase_form_wrap {width:100%;padding:10px;border:10px solid #F3F3F3;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.purchase_form_list {width:100%;margin:0 0 20px;padding:0;float:left;border:1px solid #ddd;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}

.purchase_form_list.l_f {padding-left:0;}
.purchase_form_list.r_f {padding-right:0;}

.purchase_form_list li {width:100%;padding:10px 10px;border-bottom:1px solid #ddd;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.purchase_form_list li h5.purchase_tit {margin-bottom:0;}
.purchase_form_list li:first-child {padding:0;}
.purchase_form_list li:last-child {border:none;}
.purchase_form_list li h5 {background:#f6f6f6;padding:15px 20px;font-weight:bold;}
.purchase_form_list li .tits {float:left;width:75px;padding:8px 0;}
.purchase_form_list li .tits span {color:#ff6000;}
.purchase_form_list li .conts {float:left;width:calc(100% - 85px);
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.purchase_form_list li .conts select {width:100%;}
.purchase_form_list li .conts .desc {display:inline-block;}
.purchase_form_list li .conts .w20 {width:20%;}
.purchase_form_list li .conts .w30 {width:27.5%;}
.purchase_form_list li .conts select.w30 {max-width:120px;}
.purchase_form_list li .conts .radiobtn {display:inline-block;margin-left:20px;}
.purchase_form_list li .conts .w10 {width:60px;}
.purchase_form_list li input.inputbox {width:calc(100% - 10px);margin-bottom:5px;}
.purchase_form_list li input.inputbox2 {width:calc(100% - 140px);}
.purchase_form_list li textarea {margin-left:2px;width:100%;}






.sub_nav_tit {width:100%;padding:15px 20px;background:#ef5555;color:#fff;font-weight:500;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.sub_nav_list {width:100%;background:#fff;border:1px solid #ddd;border-bottom:none;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.sub_nav_list li {border-bottom:1px solid #ddd;}
.sub_nav_list li a div {width:100%;padding:10px 20px;font-size:16px;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;

-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.sub_nav_list li a:hover div, .sub_nav_list li.curr a div {background:#ecb122;color:#fff;}





.login_wrap {width:100%;max-width:600px;margin:0 auto;padding:20px;background:#f6f6f6;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.login_wrap h1 {text-align:center;margin-bottom:20px;}
.login_inputs {float:left;width:calc(100% - 115px);}
.login_inputs input {width:100%;margin-bottom:5px;}
.login_btn_wrap {text-align:center;margin-top:15px;padding-top:15px;border-top:1px dotted #ccc;}
.login_btn_wrap button {margin:0 5px;}
.forms_bar {width:100%;}











.agree_tit_box {width:100%;padding:30px;margin-bottom:30px;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
			  box-sizing: border-box;
}
.agree_tit_box h3 {border-bottom:1px solid #555;padding-bottom:15px;margin-bottom:20px;}
.agree_tit_box ul {line-height:180%;margin-left:20px;}
.agree_tit_box ul li::before {content: "?"; color: #2f6fd0;
  display: inline-block; width: 1em;
  margin-left: -1em}









.agree_tit {background:#222;width:100%;padding:10px 20px;color:#fff;font-size:16px;font-weight:400;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.agree_txt {width:100%; font-size: 9pt;padding:0 0 0 20px;border:1px solid #ccc;background:#f9f9f9;color:#606060;line-height:150%;resize:none;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}




.mem_form_wrap {width:100%;padding:0;border:1px solid #ddd;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.mem_form_list {width:100%;margin:0;padding:0;}
.mem_form_list li {width:100%;padding:10px 15px;border-bottom:1px solid #ddd;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.mem_form_list li h5 {background:#f6f6f6;padding:15px 20px;font-weight:bold;}
.mem_form_list li .tits {float:left;width:110px;padding:8px 0;}
.mem_form_list li .tits span {color:#ff6000;}
.mem_form_list li .conts {float:right;width:calc(100% - 130px);}
.mem_form_list li .conts .desc {display:inline-block;}
.mem_form_list li .conts .w20 {width:20%;}
.mem_form_list li .conts .w30 {width:27.5%;}
.mem_form_list li .conts select.w30 {max-width:120px;}
.mem_form_list li .conts .radiobtn {display:inline-block;margin-left:20px;}
.mem_form_list li .conts .w10 {width:60px;}






.forgot_form_wrap {width:100%;max-width:650px;margin:20px auto;padding:0 0 20px;border:1px solid #ddd;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
}
.forgot_form_list {width:100%;margin:0;padding:0;}
.forgot_form_list li {width:100%;padding:10px 0;border-bottom:1px solid #ddd;text-align:center;}
.forgot_form_list li h5 {/*background:#eee;*/padding:10px 20px;font-weight:bold;}
.forgot_form_list li .tits {display:inline-block;width:110px;padding:8px 0;}
.forgot_form_list li .tits span {color:#ff6000;}
.forgot_form_list li .conts {display:inline-block;}
.forgot_form_list li .conts .desc {display:inline-block;}
.forgot_form_list li .conts .w20 {width:20%;}
.forgot_form_list li .conts .w30 {width:27.5%;}
.forgot_form_list li .conts select.w30 {max-width:120px;}
.forgot_form_list li .conts .radiobtn {display:inline-block;margin-left:20px;}
.forgot_form_list li .conts .w10 {width:60px;}













.board_search_li {width:100%;margin-bottom:20px;}
.board_search_li li {width:40%;float:left;}
.board_search_li li.s_c_p {width:60%;text-align:right;}

form.list_forms {display:inline-block;width:69%;}

select.base_select {width:23%;display:inline-block;vertical-align:middle;}
input.base_input {width:41%;display:inline-block;vertical-align:middle;}
button.base_btn {padding-top:8px;padding-bottom:8px;display:inline-block;vertical-align:middle;}




.read_info_li {width:100%;border-top:1px solid #ddd; margin-top:20px;}
.read_info_li li {width:100%;border-bottom:1px solid #ddd;}
.read_info_li li.halfs {width:50%;float:left;}
.read_info_li li div.tit {width:120px;float:left;background:#eee;font-weight:bold;text-align:center;padding:5px 0;height:100%;}
.read_info_li li div.infos {width:calc(100% - 120px);float:left;padding:5px 15px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
				 box-sizing: border-box;
}


.write_info_li {width:100%;border-top:1px solid #ddd; margin-top:20px;}
.write_info_li input[type='text'], .write_info_li input[type='password'] {margin-left:0;width:calc(100% - 22px);}
.write_info_li select {margin-left:0;width:100%;}
.write_info_li select.mail_select {width:31%;}
.write_info_li input[type='text'].in_text, .write_info_li input[type='text'].keys {width:20%;}
.write_info_li {width:100%;}
.write_info_li li {position:relative;width:100%;border-bottom:1px solid #ddd;}
.write_info_li li.halfs {width:50%;float:left;}
.write_info_li li div.tit {position:relative;width:120px;float:left;background:#eee;font-weight:bold;text-align:center;padding:13px 0;height:100%;}
.write_info_li li div.infos {width:calc(100% - 120px);float:left;padding:5px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
				 box-sizing: border-box;
}

.write_info_li li div.backs {position:absolute;width:120px;height:100%;background:#eee;top:0;left:0;z-index:0;}










.prod_item {position:relative;width:31.3%;margin:1%;float:left;}

.prod_name_h {position:absolute;width:100%;height:100%;background:rgba(0,104,183,0.7);opacity:0;color:#fff;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
			  box-sizing: border-box;

-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.prod_name_h p {margin-top:45%;line-height:100%;margin-bottom:0;font-size:16px;}
.prod_name_h h4 {font-size:30px;margin-top:10px;display:inline-block;width:40px;height:36px;border:2px solid #fff;border-radius:50%;padding-top:4px;line-height:100%;}

.prod_name_b {width:100%;position:absolute;left:0;bottom:0;background:rgba(0,104,183,0.7);padding:15px 0;opacity:1;
-webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.prod_item:hover .prod_name_h, .prod_item.curr .prod_name_h {opacity:1;}
.prod_item:hover .prod_name_b, .prod_item.curr .prod_name_b {opacity:0;}
















.btn-radio {
  cursor: pointer;
  display: inline-block;
  -webkit-user-select: none;
  user-select: none;
}
.btn-radio:not(:first-child) {
  margin-left: 10px;
}
@media screen and (max-width: 480px) {
  .btn-radio {
    display: inline-block;
    float: none;
  }
  .btn-radio:not(:first-child) {
    margin-left: 10px;
  }
}
.btn-radio svg {
  fill: none;
  vertical-align: middle;
}
.btn-radio svg circle {
  stroke-width: 2;
  stroke: #C8CCD4;
}
.btn-radio svg path {
  stroke: #ecb122;
}
.btn-radio svg path.inner {
  stroke-width: 6;
  stroke-dasharray: 19;
  stroke-dashoffset: 19;
}
.btn-radio svg path.outer {
  stroke-width: 2;
  stroke-dasharray: 57;
  stroke-dashoffset: 57;
}
.btn-radio input {
  display: none;
}
.btn-radio input:checked + svg path {
  transition: all 0.4s ease;
}
.btn-radio input:checked + svg path.inner {
  stroke-dashoffset: 38;
  transition-delay: 0.3s;
}
.btn-radio input:checked + svg path.outer {
  stroke-dashoffset: 0;
}
.btn-radio span {
  display: inline-block;
  vertical-align: middle;
}


.check_cont {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding-left:25px;
  margin-left:25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check_cont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ecb122;
  border:1px solid #ecb122;
}

/* On mouse-over, add a grey background color */
.check_cont:hover input ~ .checkmark {
  background-color: #ecb122;
}

/* When the checkbox is checked, add a blue background */
.check_cont input:checked ~ .checkmark {
  background-color: #222;
  border:1px solid #222;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check_cont input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check_cont .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}





@media screen and (max-width: 1199px) {
	.imagecol {width:100%;}

	.productcol {width:100%;}
}



@media screen and (max-width: 768px) {


	.page_header, .page_header.pl_1, .page_header.pl_2, .page_header.pl_3, .page_header.pl_4, .page_header.pl_5, .page_header.pl_6  {background-size:cover;height:160px;}

	.sub_cont_right {width:100%;padding:0 5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
	}


	ul.view_switcher {float:left;/*width:100%;*/text-align:center;/*margin-top:20px;*/margin-bottom:0;padding-bottom:0;}
	ul.view_switcher li {float:none;display:inline-block;margin-bottom:0;}
	ul.view_switcher li a {padding:0 5px;margin-bottom:0;}


	.cate_prod li.prod-box {width:49%;float:left;margin:2% 0.5% 2%;}
	.cate_prod li.prod-box.first {margin-left:0.5%;}

	.cate_prod li.prod-box-list {width:49.5%;}

	.list_sort_boxes {width:100%;clear:both;margin-top:10px;}


	.filter_box {position:fixed;top:100%;margin-top:-45px;width:100%;height:100%;z-index:110;left:0;
		transition:all 0.5s;
	}

	.filter_box.fb_open_c {top:53px;margin-top:0;height:calc(100% - 53px);overflow:auto;}

	.filter_box h4 .m_c_toggle {display:block;}


	table.info_table td ul li {width:50%;}

	.prod_info_shell {width:100%;}
	.buy_buttons {width:100%;margin-top:20px;}

	.sub_cont_left {width:100%; margin-bottom:30px;}


	.left_nav {border-bottom:1px solid #ddd;}
	.left_nav h4 {text-align:center;}
	.left_nav ul {text-align:center;}
	.left_nav ul li {border-top:none;display:inline-block;margin:3px 0;}

	.sub_nav_list {text-align:center;}
	.sub_nav_list li {display:inline-block;margin:0 0 5px;}
	.sub_nav_list li a div {width:100%;padding:10px 15px;font-size:14px;}






	.mem_form_wrap {/*border:none;*/}
	.mem_form_list li {width:100%;padding:10px 5px;}
	.mem_form_list li .tits {display:none;}
	.mem_form_list li .conts {width:100%;}
	.mem_form_list li .conts .desc {width:100%;margin-top:5px;}
	.mem_form_list li .conts .w20 {width:22%;}
	.mem_form_list li .conts select.w20 {min-width:100px;}
	.mem_form_list li .conts .w30 {width:25%;}
	.mem_form_list li .conts select.w30 {min-width:80px;}
	.mem_form_list li .conts .radiobtn {width:100%;margin-left:0;margin-top:10px;}
	.mem_form_list li .conts .w10 {width:20%;}




	.forgot_form_wrap {/*border:none;*/}
	.forgot_form_list li {width:100%;padding:10px 5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
             box-sizing: border-box;
	}
	.forgot_form_list li .tits {width:100%;margin-bottom:5px;text-align:left;display:none;}
	.forgot_form_list li .conts {width:100%;text-align:left;}
	.forgot_form_list li .conts input {width:calc(100% - 26px);}
	.forgot_form_list li .conts textarea {width: calc(100% - 16px);}










.write_info_li input[type='text'].keys {width:calc(100% - 20px);}

.write_info_li {width:100%;}
.write_info_li li {position:relative;width:100%;border-bottom:1px solid #ddd;}
.write_info_li li.halfs {width:100%;float:left;}
.write_info_li li div.tit {position:relative;width:100%;float:left;background:#eee;font-weight:bold;text-align:center;padding:8px 0;}
.write_info_li li div.tit.keys_t {width:120px;float:left;background:#eee;padding:13px 0;}
.write_info_li li div.infos {width:100%;float:left;padding:5px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
				 box-sizing: border-box;
}

.write_info_li li div.infos.keys_t {width:calc(100% - 120px);float:right;}

.write_info_li li div.backs {display:none;}








	.prod_item {width:48%;margin:1%;}
	.prod_name_h p {margin-top:25%;font-size:13px;}
	.prod_name_h h4 {font-size:20px;width:30px;height:26px;}

}




















/*//////////////////////////////// BIS 거래내역 추가 ////////////////////////////////*/
.bookingWrap .bookingItemList{width:100%;border-bottom:1px solid #ccc;}
.bookingItemList caption{display:none;width:1;height:1;position:absolute;}
.bookingItemList th{padding:5px;background:#515360;font-size:12px;line-height:16px;color:#fff;text-align:center;border:1px solid #393939;font-weight:normal}
.bookingItemList td{padding:0 5px;font-size:12px;line-height:16px;color:#565656;text-align:center;border:1px solid #ddd}
.bookingItemList td > strong{display:block;padding-bottom:5px;}
.bookingItemList td > em{display:block;padding-bottom:8px;font-size:12px;line-height:14px;color:#999;font-style:normal}
.bookingItemList td.groupDate{background:#fff}
.bookingItemList td a.btnGroup{display:inline-block;padding:3px 6px 3px 5px;border:1px solid #1F9044;background:#15b373;font-size:12px;line-height:14px;color:#fff;box-shadow:1px 1px 1px 1px #ccc;}
.bookingItemList td a.btnGroup span{padding-right:10px;background:url(/resources/IMG/renew/common/icon/icon_arrW3_white.png) right center no-repeat}
.bookingItemList td a.btnGroup:hover{background:#888;border:1px solid #777;text-decoration:none;}
.bookingItemList td > img{display:block;float:left;width:110px;height:83px;}
.bookingItemList td.noData{padding: 10px;}
.bookingItemList .item{padding:0}
.bookingItemList .itemInfo{text-align:left;/*overflow:hidden*/}
.bookingItemList .itemInfo > img{display:block;float:left;width:110px;height:88px;}
.bookingItemList .itemInfo dl{float:left;width:80%;padding:5px 0 0;/*margin-left:10px;*/}
.bookingItemList .itemInfo dt{padding:0 0 5px;font-size:14px;line-height:16px;color:#565656;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;word-break:break-all;font-weight:bold;}
.bookingItemList .itemInfo dd{padding-bottom:5px;font-size:12px;line-height:17px;color:#565656;}
.bookingItemList .itemInfo dd img{display:inline-block;margin:0 6px;}
.bookingItemList .itemInfo dd span em{color:#15b373;font-style:normal;font-weight:bold}
 
.bookingItemList .orderInfo{border-top:1px solid #e4e4e4}
.bookingItemList .orderInfo dl{overflow:hidden}
.bookingItemList .orderInfo dt{float:left;width:104px;padding:3px;background:#f5f6f8;font-size:12px;line-height:17px;color:#767676;border-right:1px solid #e4e4e4;}
.bookingItemList .orderInfo dd{float:left;width:119px;padding:3px;font-size:12px;line-height:16px;color:#565656;}
.bookingItemList .remarks{display:inline-block;padding:4px 5px;margin-top:5px;font-size:12px;line-height:12px;background:#d92925;color:#fff}
.bookingItemList .confirm a{display:inline-block;padding:4px;font-size:12px;line-height:12px;background:#15b373;color:#fff}
.bookingItemList .confirm span{display:inline-block;padding:4px;font-size:12px;line-height:12px;background:#515360;color:#fff}
.bookingItemList .cancel{background:#f5f6f8;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";}






.bookingItemList tr{border-top:1px solid #a0a0a0;border-right:1px solid #a0a0a0;border-left:1px solid #a0a0a0}
.bookingItemList td{border: none;border-left: 1px solid #ccc;}
.bookingItemList td:first-child{border:none;}
.bookingItemList .combinedTr{background:#1f4f6c;border:2px solid #1f4f6c;color:#fff;height:20px;}
.bookingItemList .combinedTr td{color:#fff;}
.bookingItemList .combinedTr a{color:#fff;}
.bookingItemList .combinedTt td{padding:5px 10px;font-size:11px;font-weight:bold;border:none}
.bookingItemList .combinedTt .rg{text-align:right;}
.bookingItemList .combinedTd{border:2px solid #1f4f6c;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.bookingItemList .combinedLastTd{border-top:1px solid #888;/*2px solid #1f4f6c*/}
.bookingItemList .combinedTd:last-child{border-bottom:2px solid #1f4f6c}
.bookingWrap .btnApply{display:block;margin-top:5px;padding:3px 0 2px;background:#202f38;color:#fff;font-size:10px;border-radius:3px}
.bookingWrap .btnApply:hover{background:#1672ba}
.bookingWrap .groupNoti{border-right:2px solid #1f4f6c;border-left:2px solid #1f4f6c;background:#f4f4f4}
.bookingWrap .groupNoti td{padding:7px;color:#d10023;font-weight:600}

@keyframes blink {
 0% {background-color:#d10023;color:#fff;}
 50% {background-color:#fff;color:#d10023}
}
@-webkit-keyframes blink {
 0% {background-color:#d10023;color:#fff;}
 50% {background-color:#fff;color:#000}
}
.blinkcss{display:block;padding:3px 2px;background:#fff;color:#303030;font-weight:bold;border:1px solid #d10023;cursor:pointer;border-radius:3px;animation:blink 1s step-end infinite;-webkit-animation:blink 1s step-end infinite;}





.bookingWrap .orderDetailBtn{}
.bookingWrap .orderDetailBtn a{color: #f50;background: #fff; padding:2px;background: #fff; border:1px solid #f50;color: #f50;opacity: 0.8;display: block;border-radius:3px;}
.bookingWrap .orderDetailBtn a:hover{background: #f50;color: #fff;text-decoration: none;}






.bookingItemList .itemInfo dd{color:#666}
.bookingItemList .itemInfo dd strong{color:#444}
.bookingItemList th{padding:8px 5px;vertical-align:middle;border:1px solid #d0d0d0;border-top:3px solid #202f38;background:#f2f2f2;font-size:13px;color:#666;font-weight:bold}
.bookingItemList td{padding:8px 5px;vertical-align:middle;}
.bookingWrap .orderDetailBtn a{padding:4px 0;background:#202f38;color:#fff;border:none}
.bookingWrap .orderDetailBtn a:hover{background:#202f38;color:#fff}





.bookingItemList.seller{border: 1px solid #ccc}
.bookingItemList.seller td{border: none;border-left:1px solid #e0e0e0;}
.bookingItemList.seller td:first-child{border:none;}
.bookingItemList.seller .itemInfo{padding:0 5px;}
.bookingItemList.seller .itemInfo dl{width: 180px;}






.bookingWrap .attachWrap span{font-size:12px;border-radius:2px;color:#fff;font-weight: bold;text-align: center;padding:3px 5px;display: block;margin-bottom: 2px;width:70px;margin:4px auto;}
.bookingWrap .attachWrap span.on{color:#fff;background: #669900;}
.bookingWrap .attachWrap .shoring.on{background: #8080ff;}
.bookingWrap .attachWrap .el.on{background: #ff5656;}
.bookingWrap .attachWrap .mal.on{background: #ffc107;}
.bookingWrap .attachWrap .bl.on{background: #6bb0ce;}
.bookingWrap .attachWrap span.off{background: #ccc;}

.bookingWrap .redTxt{color: #E3404C;}
.bookingWrap .staffMobileTxt{display: none;color: #C00000;font-weight: bold}





.bookingWrap td {position:relative;}
.bookingWrap td .soldListMark{position:absolute;bottom:0px;left:0px;display:block;width:110px;padding:5px 0;background:#000;opacity:0.8;font-size:12px;line-height:13px;color:#fff;text-align: center;}
.bookingWrap td .iconDiscount{position:absolute;top:0;left:0;width:39px;height:39px;margin:0;padding:0}/* EventBadge */
.bookingWrap td .eventBadge{position:absolute;bottom:0;left:0;padding:4px 0;margin:0;width:100%;font-size:11px;background:#d92925;color:#fff;text-align:center}/* EventBadge */
.bookingWrap td .eventTip{position:absolute;bottom:0;left:0;padding:4px 0;margin:0;width:100%;font-size:11px;background:#0069eb;color:#88feff;text-align:center}
.bookingWrap td .eventTxt{display:inline-block;margin-left:5px;padding:0 10px !important;background:#d92925;text-align:center;font-size:12px !important;line-height:15px;color:#fff !important;border-radius:30px}/* EventTxt */
.bookingWrap td .eventMark{display:inline-block;margin-left:5px;padding:0 6px !important;background:#0069eb;color:#88feff !important;font-size:12px !important;line-height:17px;text-align:center;}
.bookingWrap td .eventMark.ad{margin:5px 10px 0}
.bookingWrap td .e190805{background:#6212d6;color:#ffcf00 !important;}
.bookingWrap td .e191001{background:#ffb600;color:#840819 !important;font-weight:600}
.bookingWrap td .e191101{background:#111;color:#ff214b !important;font-size:12px;font-weight:500}
.bookingWrap td .e191101.ad{margin:5px 40px 0}
.bookingWrap td.price{color:#d92925;font-weight: bold;text-align: center;}
.bookingWrap td.price span{display:block;padding-bottom:3px;color:#888;font-weight:normal;text-decoration:line-through}
.bookingWrap td.empty{padding: 20px;}
.bookingWrap tr.sellerMemeo{border-top:1px solid #e0e0e0;}
.bookingWrap tr.sellerMemeo .title{color:#777;padding: 5px;font-weight: bold;background:#f4f4f4;border:none}
.bookingWrap tr.sellerMemeo .memo{padding:5px 10px;color:#E3404C;text-align:left;}





.bookingWrap .sellerBtnWrap{padding: 1px 5px 1px;text-align: center;}
.bookingWrap .sellerBtnWrap .btn{display:inline-block;padding:6px 0;border:1px solid #1F9044;font-size:12px;line-height:12px;color:#15b373;margin-bottom: 5px;width:80px;background:none;text-align:center;}
.bookingWrap .sellerBtnWrap .btn:hover{background:#888;border:1px solid #777;text-decoration:none;color: #fff}
.bookingWrap .sellerBtnWrap .btnover{display:inline-block;padding:6px 0;border:1px solid #1F9044;font-size:12px;line-height:12px;color:#15b373;margin-bottom: 5px;width:80px;background:none;text-align:center;background:#888;border:1px solid #777;text-decoration:none;color: #fff}
.bookingWrap .payStatusTxt{display: block;padding:5px 0;background:#f4f4f4;color:#565656;font-weight: bold;width:80px;}
.payStatusTxt.C020{padding:5px 15px;color: #2196F3;}
.payStatusTxt.C030{color: #2196F3;border:1px solid #2196F3;}
.payStatusTxt img{display:block;margin:0 auto 5px ;}
.bookingWrap td a.btnSellerDetail{display:inline-block;padding:3px 6px 3px 5px;border:1px solid #303137;background: #303137;font-size:12px;line-height:14px;color:#fff;box-shadow:1px 1px 1px 1px #ccc;margin-top: 3px;}













.bookingDetail .orderInfo{padding:25px 0;border-top:1px dashed #e4e4e4}
.bookingDetail h3{padding:0;margin-bottom:20px;background:none;font-size:18px;line-height:20px;color:#444;letter-spacing:-0.3px;overflow:hidden}
.bookingDetail h3 span{display:block;float:right;font-size:12px;color:#565656;font-weight:normal;letter-spacing:0}
.bookingDetail h3 img{padding-right:9px;}
.bookingDetail h3 a{display:block;float:right;padding:5px 8px;margin-left:5px;border:1px solid #808080;background:#888;font-size:12px;line-height:14px;color:#fff;font-weight:normal;letter-spacing:0;overflow:hidden}
.bookingDetail h3 a img{display:block;float:right;padding:0 0 0 7px}
.bookingDetail h3 a.btnRecent{border-color:#15b373;background:#15b373;border:1px solid #15b373;}
.bookingDetail h3 a:hover{border-color:#606060;background:#666;text-decoration:none}
.bookingDetail h3 a.btnRecent:hover{border-color:#1a8c1f;background:#1a8c1f}
.bookingDetail .orderInfo .remarks{display:inline-block;margin-top:5px;padding:4px;font-size:12px;line-height:12px;background:#d92925;color:#fff;}
.bookingDetail .orderInfo table{width:100%;}
.bookingDetail table caption{display:none;width:1;height:1;position:absolute;}
.bookingDetail table th{position:relative;padding:7px 5px;background:#f5f6f8;font-size:12px;line-height:14px;color:#565656;text-align:center;border:1px solid #ddd;}
.bookingDetail table th a{display:block;position:absolute;top:5px;right:5px;padding:2px 7px;border:1px solid #808080;background:#888;font-size:12px;line-height:14px;color:#fff;font-weight:normal;}
.bookingDetail table th a:hover{background:#515360;text-decoration:none;border:1px solid #555;color:#fff}
.bookingDetail table th a.upload{display:block;position:absolute;top:5px;right:5px;padding:2px 7px;background:#15b373;font-size:11px;color:#fff;font-weight:normal;border:none}
.bookingDetail table th a.upload:hover{background:#515360;text-decoration:none;border:none}
.bookingDetail table td{padding:5px;font-size:12px;line-height:16px;color:#565656;border:1px solid #ddd}
.bookingDetail table td.title{text-align:center;font-weight:bold;font-size:12px;}
.bookingDetail tr.sellerMemeo .title{border-left:1px solid #ddd !important;border-bottom:1px solid #ddd !important}
.bookingDetail table td.download{text-align: center}
.bookingDetail table td input{width:205px;padding:3px;border:1px solid #fff;background:#fff;}
.bookingDetail table td input.long{width:580px;}
.bookingDetail table td input.on{border:1px solid #e4e4e4;background:#f8f8f8;}
.bookingDetail table td textarea{width: 98%;border: 1px solid #fff;background: #fff;resize:none;}
.bookingDetail table td textarea.on{border:1px solid #e4e4e4;background:#f8f8f8;}
.bookingDetail table td a.bgArrow{display:block;margin-right:5px;background:url(/resources/IMG/renew/detail/icon_arrow.png) right center no-repeat}
.bookingDetail table td a.btnCheck{display:block;padding:2px 0;background:#d92925;color:#fff;border:1px solid #bb2420;text-align: center;}
.bookingDetail table td a.btnCheck:hover{text-decoration:none;background:#bb2420;}
.bookingDetail table td a.btnChecked{display:block;padding:5px 0;color:#d92925;cursor:default}
.bookingDetail table td a.btnChecked:hover{text-decoration:none;}
.bookingDetail table td a.btnTracking{position: absolute;margin: 2px 0 0 10px;text-decoration: underline;}

.bookingDetail table .itemInfo{position:relative;padding:5px;vertical-align:top}
.itemInfo .infoContents:after{display:block;content:'';clear:both}
.itemInfo .infoContents .imgWrap{position:relative;float:left;}
.itemInfo .infoContents .imgWrap a{display:block;}
.itemInfo .infoContents .imgWrap .iconBis{position: absolute;top:0;left:3px;z-index: 2;cursor: pointer;}
.itemInfo .infoContents dl{float:left;width:80%;margin:5px 0 5px 10px;text-align:left;}
.itemInfo .infoContents dt{font-size:13px;line-height:14px;color:#565656;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;word-break:break-all;overflow:hidden}
.itemInfo .infoContents dd{padding-top:3px;font-size:12px;line-height:16px;color:#767676;}
.itemInfo .infoContents dd span{padding:0 3px;color:#ccc;font-size:10px}
.itemInfo .infoContents dd img{padding-right:3px;}
.itemInfo .infoContents dd strong{font-size:12px;color:#565656}

.orderInfo .quotaionList{padding:0}
.orderInfo .quotaionList li{font-size:12px;line-height:16px;color:#565656;border-bottom:1px solid #ddd;overflow:hidden}
.orderInfo .quotaionList li span{display:inline-block;float:left;width:230px;padding:6px;border-right:1px solid #ddd;font-weight:bold;}
.orderInfo .quotaionList li em{display:inline-block;padding:6px;font-style:normal}
.orderInfo .quotaionList li.total {border-bottom:none;font-weight:bold;color:#d92925;background:#f8f8f8;}
.orderInfo .quotaionList li.discount{color:#d92925;}
.orderInfo .quotaionList li.discount img{padding-right:2px}

.bookingDetail .orderDetail{padding:25px 0;border-top:1px dashed #e4e4e4;}
.bookingDetail .orderDetail.active{padding:20px;margin:10px 0 25px;border:2px solid #19a21f;border-radius:10px}
.orderDetail:after,.orderDetail form:after{display:block;content:'';clear:both}
.orderDetail table{float:left;width:49%;border-bottom:none;}
.orderDetail .leftWrap{margin-right:13px;}
.orderDetail .quotationWrap td strong{color:#d92925;font-weight:bold}
.orderDetail .btnUpload{float:left;width:100%;padding-top:20px;}
.orderDetail .btnUpload input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.orderDetail .btnUpload label{display: inline-block;padding:5px 10px 4px;border:1px solid #1a8c1f;background:#15b373;font-size:12px;line-height:14px;color:#fff;cursor:pointer;overflow:hidden}
.orderDetail .btnUpload label img{display:inline-block;float:right;padding-left:8px}
.orderDetail .btnUpload label:hover{background:#1a8c1f;}
.orderDetail .btnUpload span{display:block;float:right;width:610px;padding-top:3px;font-size:12px;color:#565656;text-align:right;}

.bookingDetail .documents{background:#f5f6f8}
.bookingDetail .btnRequest{padding:10px 5px 5px}
.bookingDetail .btnRequest.empty{padding:10px;background:#f5f6f8}
.bookingDetail .btnRequest a{display:inline-block;padding:3px 6px;font-size:11px;line-height:14px;color:#fff;background:#777;border:1px solid #707070;overflow:hidden}
.bookingDetail .btnRequest a img{display:inline-block;float:right;padding-left:6px}
.bookingDetail .btnRequest a:hover{text-decoration:none;background:#666;border:1px solid #606060}
.bookingDetail .request td{color:#767676}
.bookingDetail .request td a{color:#767676}
.bookingDetail .requestDetail a.on{color:#15b373}
.bookingDetail .requestDetail p{display:none;padding:5px 10px;margin-top:5px;border:1px dotted #e4e4e4;background:#f8f8f8;font-size:12px;line-height:19px;text-align:left;}

.bookingDetail .reviewWrap{position:relative;padding:25px 0;margin-bottom:25px;border-top:1px dashed #e4e4e4;border-bottom:1px dashed #e4e4e4}
.bookingDetail .reviewWrap h3{margin-bottom:8px;}
.bookingDetail .reviewWrap > span{display:block;width:570px;font-size:12px;line-height:18px;color:#767676}
.bookingDetail .reviewWrap a{display:block;position:absolute;bottom:28px;right:0;padding:7px 11px;background:#15b373;border:1px solid #1a8c1f}
.bookingDetail .reviewWrap a span{padding-right:12px;background:url(/resources/IMG/renew/common/icon/icon_arrW3_white.png) right center no-repeat;font-size:12px;line-height:14px;color:#fff}
.bookingDetail .reviewWrap a:hover{text-decoration:none;background:#1a8c1f}

.bookingDetail .btnWrap{text-align:center;}
.bookingDetail .btnWrap a{display:inline-block;padding: 7px 15px 6px;font-size: 13px;line-height: 16px;color: #fff;background: #888;overflow: hidden;border:1px solid #777}
.bookingDetail .btnWrap a:hover{text-decoration:none;background:#666;}






.orderInfo .btnUpload{width:100%;padding-top:10px;text-align: center;}
.orderInfo .btnUpload input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.orderInfo .btnUpload label{display: inline-block;padding:7px 15px 6px;border:1px solid #1a8c1f;background:#19a21f;font-size:13px;line-height:16px;color:#fff;cursor:pointer;overflow:hidden}
.orderInfo .btnUpload label img{display:inline-block;float:right;padding-left:8px}
.orderInfo .btnUpload label:hover{background:#15b373;}
.orderInfo .btnUpload span{display:block;float:right;width:610px;padding-top:3px;font-size:12px;color:#565656;text-align:right;}

.orderInfo .btnWrap{padding:10px;}
.orderInfo .btnWrap a{display:block;float:right;padding: 7px 15px 6px;font-size: 13px;line-height: 16px;margin-left:5px;border:1px solid #15b373;background:#15b373;color:#fff;font-weight:normal;letter-spacing:0;overflow:hidden}
.orderInfo .btnWrap a img{display:block;float:right;padding:0 0 0 7px}
.orderInfo .btnWrap a.btnRecent{background:#15b373;border:1px solid #1a8c1f;}
.orderInfo .btnWrap a:hover{border-color:#1a8c1f;background:#1a8c1f;text-decoration:none}
.orderInfo .btnWrap a.edit{background: #444;border:1px solid #444;}
.orderInfo .btnWrap a:hover{border-color:#666;background:#666;text-decoration:none}
/*//////////////////////////////// BIS 거래내역 추가 ////////////////////////////////*/





/*/////////////////////////////// 운송내역 추가 //////////////////////////////////*/

.shippingScheduleWrap{padding:15px 0 0}

.searchScheduleWrap{margin-bottom:25px;border:1px solid #ddd;border-top:2px solid #515360;text-align:center;background:#f5f6f8}
.searchScheduleWrap .searchSchedule{display:inline-block; *display:inline;}
.searchSchedule .searchCon{padding:14px 13px 12px;overflow:hidden;}
.searchSchedule .searchCon select{float:left;padding:5px;margin:5px 10px 0 4px;border:1px solid #ddd;font-size:12px;line-height:12px;color:#565656;box-sizing:content-box;}
.searchSchedule .searchCon label{float:left;padding:6px 5px;font-size:12px;line-height:14px;color:#565656;box-sizing:content-box}
.searchSchedule .searchCon span{float:left;display:inline-block;padding:5px 10px 5px 4px;font-size:12px;line-height:14px;color:#aaa}
.searchSchedule .searchCon.ko select{padding:5px 5px 7px;}
.searchSchedule .searchCon.ko label{padding:9px 5px 7px;}
.searchSchedule .searchCon.ko a {margin-top:5px;}

.shippingScheduleWrap .scheduleList{}
.scheduleList .scheduleResult{padding:0 5px 15px;;overflow:hidden}
.scheduleResult span{float:right;font-size:12px;line-height:14px;color:#565656}
.scheduleResult span strong{color:#d92925}
.scheduleResult em{float:left;font-size:12px;line-height:14px;color:#565656;font-style:normal}
.scheduleList table{border-top:1px solid #ddd;}
.scheduleList tr:nth-child(even) td{background:#f5f6f8}
.scheduleList th{padding:7px 5px;font-size:12px;line-height:14px;color:#fff;background:#515360;text-align:center;border:1px solid #393939;font-weight:normal}
.scheduleList td{padding:8px 5px;font-size:12px;line-height:16px;color:#565656;background:#fff;text-align:center;border:1px solid #ddd}
.scheduleList td img{display:block;margin:0 auto 3px;}







.shippingScheduleWrap{margin:0 6px;padding:0;}
.shippingScheduleWrap .searchScheduleWrap{border:3px solid #f2f2f2;background:#fff}

.searchSchedule .searchCon{padding:15px 15px 5px;}
.searchSchedule .searchCon select{padding:5px 8px;font-size:14px;font-weight:normal;}
.searchSchedule .searchCon label{padding:15px;font-size:14px;line-height:16px;font-weight:normal}
.searchSchedule .searchCon.ko label{padding:15px;font-size:14px;line-height:16px;font-weight:normal}
.searchSchedule .searchCon span{padding:13px;font-size:16px;line-height:16px;font-weight:300}
.scheduleList .scheduleResult{padding-bottom:20px}
.scheduleList .scheduleResult span,.scheduleList .scheduleResult em{font-size:14px;}
.scheduleList .scheduleResult em{font-size: 18px;line-height: 18px;color: #666;letter-spacing: -0.3px;}
.scheduleList table{width:100%;}
.scheduleList tr:nth-child(even) td{background:#fff}
.scheduleList th{font-size:13px;line-height:1.5;color:#444;vertical-align:middle;font-weight:bold;background:#f2f2f2;border:1px solid #ddd;border-top:2px solid #202f38}
.scheduleList td{font-size:13px;line-height:1.5;vertical-align:middle;}
.shippingScheduleWrap .txtStyle{font-size:14px;line-height:1.5;}