/* select */
.Yoon, .yoongbnF {font-weight:bold;}

.DivSelectyze {position:relative; display:inline-block; *display:inline; margin-left:-5px;}
.selectyzeValue { font-size:12px; line-height:32px; position:relative; z-index:10; display:block; display:inline-block; min-width:100px; padding:3px 0; padding-left:15px; font-weight:normal; color:#666 !important;  text-align:left; text-decoration:none !important; background: url(../../img/layout/bg_sel_arr01.png) no-repeat 90px center; border:1px solid #d7d7d7}
.selectyzeValue, .selectyzeValue:active, .selectyzeValue:visited, .selectyzeValue:hover, .selectyzeValue:focus {color:#ffffff;}
.UlSelectize {display:none; position:absolute; top:32px; left:0; z-index:9999; width:100%; color:#666; border:1px solid #c9c9c9; background:#fff; width:110px}
.UlSelectize li {margin-top:0 !important; }
.UlSelectize li a {font-size:12px;display:block; height:30px; padding-left:15px; color:#666; line-height:30px; text-align:left; text-decoration:none !important; }
.UlSelectize li a, .selectyzeValue {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');}
.UlSelectize li a:hover {color:#fff; background:#c9c9c9;}

#toplogo {z-index:9999;left:10px;}
.topSearchBox {position:absolute; top:64px; left:0px; height:44px;  width:100%; background:#fff; z-index:9998; }
.topSearch {position:absolute; top:5px; left:292px; border:1px solid #3c78ce; width:470px; height:32px; }
.spotadd {position:absolute; left:475px; top:-1px;}
.tsib { width:310px; padding:8px 5px; border:none; line-height:16px; vertical-align:top;}
.DivSelectyze { }
.btn_ts {position:absolute; top:0px; right:0px; }  
.btn_ts.xxx {border-left: 1px solid #3c78ce;}
.selectyzeValue { border:none; border-left: 1px solid #e9e9e9; padding:0; padding-left:15px; line-height:32px; }
.shopUtil {position:absolute; top:62px; right:0;}
.shopUtil ul li {width:45px; height:45px; float:left; font-size:12px; text-align:center; margin:0 6px;}
.shopUtil ul li span{ width:31px; height:27px; margin:auto; display:block;}
.shopUtil ul li:first-child {margin-left:0; }
.shopUtil ul li:nth-child(1) span{ background:url(../../img/layout/shopUtil01.png) no-repeat; }
.shopUtil ul li:nth-child(2) span{ background:url(../../img/layout/shopUtil02.png) no-repeat; }
.shopUtil ul li:nth-child(3) span{ background:url(../../img/layout/shopUtil03.png) no-repeat; }
.shopUtil ul li:nth-child(4) span{ background:url(../../img/layout/shopUtil04.png) no-repeat; }
.shopUtil ul li:last-child {margin-right:3px; }

.allcate  {position:absolute; top:132px; left:0px; border:1px solid #e9e9e9; border-width:0 1px;}


.fixStyle { box-shadow: 0 0 10px 0 rgba(0,0,0,.40)!important; padding:10px 0; border-bottom:1px solid #286DCD}
.fixStyle .topSearch {transform: translate(-292px, 0px);transition: transform 500ms;}
.topSearch {transform: translate(0px, 0px);transition: transform 100ms;}

#matzip {
    height: 190px;
    border: solid 1px #dbdbdb;
    width: 300px;
    margin: 0;
    padding: 0;
    margin-top: 5px;
}
#matzip ul {padding:8px 4px;}
#matzip li {width:144px; float:left; text-align:center; }
#matzip li img {width:137px; height:137px;}


ul.boardlist li {
    border-top: solid 1px #d6d6d6;
/*    padding: 8px 15px 7px !important; */
	padding: 14px 15px 13px !important
}


#phonebuy {
    height: 367px !important;
    border: solid 1px #dbdbdb;
    width: 300px;
    margin: 0;
    padding: 0;
    margin-top: 5px;
}


#phtip {
    background: #fff;
    border: solid 1px #dbdbdb;
    line-height: 1.5;
    overflow: hidden;
    width: 100%;
    margin-top: 5px;
    /* text-align: justify; */
    height: 43px;
}
.box_title.dpib alignT { padding: 12px 15px; }
#quickbox a img {width:16px;}




.DivSelectyze2 {position:relative; display:inline-block; *display:inline;vertical-align: top; }
.deliveryValue { font-size:12px; line-height:23px; position:relative; z-index:10; display:block; display:inline-block; min-width:95px; 
	padding: 0; padding-left:15px; font-weight:normal; color:#666 !important;  text-align:left; text-decoration:none !important; 
	background:#fff url(../../img/layout/bg_sel_arr02.png) no-repeat 90px center; border:1px solid #d7d7d7}
.deliveryValue, .deliveryValue:active, .deliveryValue:visited, .deliveryValue:hover, .deliveryValue:focus {color:#ffffff;}
.UlSelectize_delivery {display:none; position:absolute; top:24px; left:0; z-index:9999; width:100%; color:#666; border:1px solid #c9c9c9; background:#fff; width:110px}
.UlSelectize_delivery li {margin-top:0 !important; }
.UlSelectize_delivery li a {font-size:11px;display:block; height:30px; padding-left:15px; color:#666; line-height:30px; text-align:left; text-decoration:none !important; }
.UlSelectize_delivery li a, .deliveryValue {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');}
.UlSelectize_delivery li a:hover {color:#fff; background:#c9c9c9;}

input.delivery_ip1 {
    border: solid 1px #dedede;
    padding: 0px 5px;
    line-height: 23px;
    height: 23px;
    font-size: 12px !important;
    color: #333;
}

#delivery { position: relative; padding:0 5px; margin-top: 5px; border: solid 1px #dbdbdb; background: #f8f8f8; height: 69px; }
.deliverybox { padding:7px 0px 5px; border-bottom:solid 1px #dedede; }
.btn_deliverym { position: absolute; top:10px; right:5px; }

.delivery_step {font-size:12px; letter-spacing:-1.5px;color:#999999;}
.delivery_step li p {padding-top:5px;}
.delivery_step li{overflow:hidden;float:left;text-align:center;position:relative;width:20%;height:69px;padding:0 5px 0 0;box-sizing:border-box;-webkit-box-sizing:borer-box}
.delivery_step li span{overflow:hidden;display:block;margin:0 auto;width:35px;height:35px; color:transparent;background:url(../../img/layout/delivery_off_step01.png) no-repeat 0 0; }
.delivery_step li:after{display:block;position:absolute;top:14px;right:0;width:5px;height:7px;background:url(../../img/layout/bul_step_deli.png) no-repeat; content:''}
.delivery_step li:last-child:after{display:none}
.delivery_step li:last-child{}
.delivery_step li:nth-child(2) span{background:url(../../img/layout/delivery_off_step02.png) no-repeat;}
.delivery_step li:nth-child(3) span{background:url(../../img/layout/delivery_off_step03.png) no-repeat;}
.delivery_step li:nth-child(4) span{background:url(../../img/layout/delivery_off_step04.png) no-repeat;}
.delivery_step li:nth-child(5) span{background:url(../../img/layout/delivery_off_step05.png) no-repeat;}
.delivery_step li.on {color:#3b78ce}
.delivery_step li:nth-child(1).on span{background:url(../../img/layout/delivery_on_step01.png) no-repeat;}
.delivery_step li:nth-child(2).on span{background:url(../../img/layout/delivery_on_step02.png) no-repeat;}
.delivery_step li:nth-child(3).on span{background:url(../../img/layout/delivery_on_step03.png) no-repeat;}
.delivery_step li:nth-child(4).on span{background:url(../../img/layout/delivery_on_step04.png) no-repeat;}
.delivery_step li:nth-child(5).on span{background:url(../../img/layout/delivery_on_step05.png) no-repeat;}



.delivery_step2 {margin-top:9px; font-size:12px; letter-spacing:-1.5px;color:#999999;}
.delivery_step2 li p {padding-top:5px;}
.delivery_step2 li{overflow:hidden;float:left;text-align:center;position:relative;width:20%;height:110px;padding:0 5px 0 0;box-sizing:border-box;-webkit-box-sizing:borer-box}
.delivery_step2 li span{overflow:hidden;display:block;margin:0 auto;width:70px;height:75px; color:transparent;background:url(../../img/layout/delivery2_off_step01.png) no-repeat 0 0; }
.delivery_step2 li:after{display:block;position:absolute;top:28px;right:0;width:6px;height:9px;background:url(../../img/layout/bul_step_deli2.png) no-repeat; content:''}
.delivery_step2 li:last-child:after{display:none}
.delivery_step2 li:last-child{}
.delivery_step2 li:nth-child(2) span{background:url(../../img/layout/delivery2_off_step02.png) no-repeat;}
.delivery_step2 li:nth-child(3) span{background:url(../../img/layout/delivery2_off_step03.png) no-repeat;}
.delivery_step2 li:nth-child(4) span{background:url(../../img/layout/delivery2_off_step04.png) no-repeat;}
.delivery_step2 li:nth-child(5) span{background:url(../../img/layout/delivery2_off_step05.png) no-repeat;}
.delivery_step2 li.on {color:#3b78ce}
.delivery_step2 li:nth-child(1).on span{background:url(../../img/layout/delivery2_on_step01.png) no-repeat;}
.delivery_step2 li:nth-child(2).on span{background:url(../../img/layout/delivery2_on_step02.png) no-repeat;}
.delivery_step2 li:nth-child(3).on span{background:url(../../img/layout/delivery2_on_step03.png) no-repeat;}
.delivery_step2 li:nth-child(4).on span{background:url(../../img/layout/delivery2_on_step04.png) no-repeat;}
.delivery_step2 li:nth-child(5).on span{background:url(../../img/layout/delivery2_on_step05.png) no-repeat;}



#deliveryWeb {background:#f2f5f9; padding:12px 10px;border:solid 1px #dbdbdb; margin-bottom:25px; }
#deliveryWeb .deliverybox { padding:0 0px 12px; border-bottom:solid 1px #dedede; }
#deliveryWeb .delivery_tit {padding:0 20px 0 15px; line-height:35px; color:#154d95;}
#deliveryWeb .DivSelectyze2 {position:relative; display:inline-block; *display:inline;vertical-align: top; }
#deliveryWeb .deliveryValue { font-size:13px; line-height:33px; position:relative; z-index:10; display:block; display:inline-block; min-width:195px; 
	padding: 0; padding-left:15px; font-weight:normal; color:#333 !important;  text-align:left; text-decoration:none !important; 
	background:#fff url(../../img/layout/bg_sel_arr02.png) no-repeat 190px center; border:1px solid #d7d7d7}
#deliveryWeb .UlSelectize_delivery {display:none; position:absolute; top:34px; left:0; z-index:9999; width:210px; color:#666; border:1px solid #c9c9c9; background:#fff; }
#deliveryWeb .UlSelectize_delivery li {margin-top:0 !important; }
#deliveryWeb .UlSelectize_delivery li a {font-size:13px;display:block; height:30px; padding-left:15px; color:#666; line-height:30px; text-align:left; text-decoration:none !important; }
#deliveryWeb .UlSelectize_delivery li a, .deliveryValue {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');}
#deliveryWeb .UlSelectize_delivery li a:hover {color:#fff; background:#c9c9c9;}
.delivery_listtit { font-size:14px; line-height:30px; padding-left:28px; background:url(../../img/layout/bul_deli_tit.png) no-repeat 8px center;  margin-bottom:10px;}
#deliveryWeb input.delivery_ip1 {
    border: solid 1px #dedede;
    padding: 0px 15px;
    line-height: 33px;
    height: 33px;
    font-size: 13px !important;
    color: #333;
}
#deliveryWeb .delivery_notice {margin-left:15px; padding:12px 0 0 22px; background:url(../../img/layout/bul_deli_notice.png) no-repeat 0 14px;}



/*
���������� ��Ÿ�� �̹��� �ϳ��� ����
*/

.levelwrap { width: 12px; height: 11px; display: inline-block; position: relative; }
.levelicon { width:18px; height:16px; display:block; float:left; background:url(/img/level/icon_level.png) no-repeat; } 	
.leveliconmbl { width:18px; height:6px; display:block; float:left; background:url(/img/level/icon_level.png) no-repeat; } 	
.leveliconmlb{ width:18px; height:14px; display:inline-block; background:url(/img/level/icon_level.png) no-repeat;  vertical-align:top; } 	
.leveliconmain {width:18px; height:16px; display:inline-block; background:url(/img/level/icon_level.png) no-repeat; vertical-align:top; } 	
.leveliconcomment {margin-top:4px; width:18px; height:14px; display:block; float:left; background:url(/img/level/icon_level.png) no-repeat; } 	

.levelicons { left: -1px !important; margin-top:-1px; display: block; width: 18px; height: 16px; box-sizing: border-box; background: url(/img/level/new_icon_level4.png) no-repeat; -webkit-box-sizing: borer-box; }
.levelicons2 { 
	position: relative; top: 1px; display: inline-block; width: 18px; height: 16px; box-sizing: border-box; 
	background: url(/img/level/new_icon_level4.png) no-repeat; -webkit-box-sizing: borer-box; 
}
.levelicon_ { background-position: 0px 0px; }
.levelicon0 { background-position: 0px 0px; }
.levelicon1 { background-position: -20px 0;  }
.levelicon2 { background-position: -40px 0px; }
.levelicon3 { background-position: -60px 0px; }
.levelicon4 { background-position: -80px 0px; }
.levelicon5 { background-position: 0px -20px; }
.levelicon6 { background-position: -20px -20px; }
.levelicon7 { background-position: -40px -20px; }
.levelicon8 { background-position: -60px -20px; }
.levelicon9 { background-position: -80px -20px; }
.levelicon10 { background-position: 0px -40px; }
.levelicon11 { background-position: -20px -40px; }
.levelicon12 { background-position: -40px -40px; }
.levelicon13 { background-position: -60px -40px; }
.levelicon14 { background-position: -80px -40px; }
.levelicon15 { background-position: 0px -60px; }
.levelicon16 { background-position: -20px -60px; }
.levelicon17 { background-position: -40px -60px; }
.levelicon18 { background-position: -60px -60px; }
.levelicon19 { background-position: -80px -60px; }
.levelicon20 { background-position: 0px -80px; }
.levelicon21 { background-position: -20px -80px; }
.levelicon22 { background-position: -40px -80px; }
.levelicon23 { background-position: -60px -80px; }
.levelicon24 { background-position: -80px -80px; }
.levelicon25 { background-position: 0px -100px; }
.levelicon26 { background-position: -20px -100px; }
.levelicon27 { background-position: -40px -100px; }
.levelicon28 { background-position: -60px -100px; }
.levelicon29 { background-position: -80px -100px; }
.levelicon30 { background-position: 0px -120px; }
.levelicon31 { background-position: -20px -120px; }
.levelicon32 { background-position: -40px -120px; }
.levelicon33 { background-position: -60px -120px; }
.levelicon34 { background-position: -80px -120px; }
.levelicon35 { background-position: 0px -140px; }
.levelicon36 { background-position: -20px -140px; }
.levelicon37 { background-position: -40px -140px; }
.levelicon38 { background-position: -60px -140px; }
.levelicon39 { background-position: -80px -140px; }
.levelicon40 { background-position: 0px -160px;; }
.levelicon41 { background-position: -20px -160px; }
.levelicon42 { background-position: -40px -160px; }
.levelicon43 { background-position: -60px -160px; }
.levelicon44 { background-position: -80px -160px; }
.levelicon45 { background-position: 0px -180px;; }
.levelicon46 { background-position: -20px -180px; }
.levelicon47 { background-position: -40px -180px; }
.levelicon48 { background-position: -60px -180px; }
.levelicon49 { background-position: -80px -180px; }
.levelicon50 { background-position: 0px -200px;; }
.levelicon51 { background-position: -20px -200px;}
.levelicon52 { background-position: -40px -200px; }
.levelicon53 { background-position: -60px -200px; }
.levelicon54 { background-position: -80px -200px; }
.levelicon55 { background-position: 0px -220px;; }
.levelicon56 { background-position: -20px -220px;  }
.levelicon57 { background-position: -40px -220px; }
.levelicon58 { background-position: -60px -220px; }
.levelicon59 { background-position: -80px -220px; }
.levelicon60 { background-position: 0px -240px;; }
.levelicon61 { background-position: -20px -240px; }
.levelicon62 { background-position: -40px -240px; }
.levelicon63 { background-position: -60px -240px; }
.levelicon64 { background-position: -80px -240px; }
.levelicon65 { background-position: 0px -260px;; }
.levelicon66 { background-position: -20px -260px;  }
.levelicon67 { background-position: -40px -260px; }
.levelicon68 { background-position: -60px -260px; }
.levelicon69 { background-position: -80px -260px; }
.levelicon70 { background-position: 0px -280px;; }
.levelicon71 { background-position: -20px -280px; }
.levelicon72 { background-position: -40px -280px; }
.levelicon73 { background-position: -60px -280px; }
.levelicon74 { background-position: -80px -280px; }
.levelicon75 { background-position: 0px -300px; }
.levelicon76 { background-position: -20px -300px; }
.levelicon77 { background-position: -40px -300px; }
.levelicon78 { background-position: -60px -300px; }
.levelicon79 { background-position: -80px -300px; }
.levelicon80 { background-position: 0px -320px; }
.levelicon81 { background-position: -20px -320px; }
.levelicon82 { background-position: -40px -320px; }
.levelicon83 { background-position: -60px -320px; }
.levelicon84 { background-position: -80px -320px; }
.levelicon85 { background-position: 0px -340px; }
.levelicon86 { background-position: -20px -340px; }
.levelicon87 { background-position: -40px -340px; }
.levelicon88 { background-position: -60px -340px; }
.levelicon89 { background-position: -80px -340px; }
.levelicon90 { background-position: -20px -360px; }
.levelicon91 { background-position: -40px -360px; }
.levelicon92 { background-position: -60px -360px; }

.mainicons { width:20px; height:40px; background:url(/img/main/icon_main.png) no-repeat; } 	
.quick_go_btn ul li a { height:30px; line-height:30px;}
.quick_go_btn ul li a span { display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:1px;  }
.quick_go_btn ul li:nth-child(1) a span.icons { background-position:3px -40px;  }
.quick_go_btn ul li:nth-child(2) a span.icons { background-position:-18px -40px;  }
.quick_go_btn ul li:nth-child(3) a span.icons { background-position:-40px -40px;  }
.quick_go_btn ul li:nth-child(4) a span.icons { background-position:-59px -40px;  }
.quick_go_btn ul li:nth-child(5) a span.icons { background-position:-78px -40px;  }
.quick_go_btn ul li:nth-child(6) a span.icons { background-position:-100px -41px;  }

/* 2018-05-10 join �߰� */
.jlogo { padding-top: 49px;padding-bottom: 34px; border-bottom: 1px solid #e6e6e6;background: #eeeeee; }
.jtxt { line-height: 21px; color: #404040; padding: 15px 20px; border: 1px solid #cccccc }
.jtxtbig { font-weight: bold; font-size: 14px; }
.jtxtsmall { font-size: 14px; color: #999595; }
.jtxt2 { line-height: 30px; color: #404040; padding: 40px 0 30px 0; border: 1px solid #cccccc }
.jtxtbig2 { font-weight: bold; font-size: 24px; }
.jtxtsmall2 { font-size: 15px; color: #999595; }
.jtxtsmall3 { font-size: 15px; color: #999595; line-height: 1.5; padding-bottom: 50px }
.jtxtname { width: 130px; font-size: 14px; color: #434343; float: left }
.jtxtbl { color: #3069b3;}
.jcontentbox { padding: 20px 20px; border: 1px solid #cccccc; border-top: none }
.jcontentbox2 { padding:28px 35px; border: 1px solid #cccccc; border-top: none }
.jcontentbox3 { padding:40px 65px; border: 1px solid #cccccc; border-top: none }
.jcontentbox4 { padding:65px 50px 50px; border: 1px solid #cccccc; border-top: none }
.jblank { height: 15px; background: #eeeeee }
.sellerchoice { padding: 15px 20px; border-bottom: 1px solid #cccccc; }
.bluetxt { font-size: 13px; color: #306ab3 }
.bluetxt2 { color: #306ab3; font-size: 13px; margin: 6px 0 0 5px; text-align: left;}
.bluetxt3 { width: 328px; color: #306ab3; font-size: 13px; margin: 6px 0 0 5px; text-align: left}
.redtxt { color: #ff0000; font-size: 13px; margin: 6px 0 0 5px; text-align: left; line-height: 1.4; }
.redtxt2 { width: 328px; color: #ff0000; font-size: 13px; margin: 6px 0 0 5px; text-align: left}
.graytxt { font-size: 13px; color: #7f7f7f }
.container { position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkmark { position: absolute; top: -2px; right: 0; height: 20px; width: 20px; background: #cccccc; border-radius: 5px; }
.container input { position: absolute; opacity: 0; width: 17px; height: 17px; right: 1px; } 
.container input:checked ~ .checkmark { background: #3069b3; }
.checkmark:after { content: ""; position: absolute; }
.container .checkmark:after { 
	left: 7px; top: 3px; width: 4px; height: 9px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); 
	-ms-transform: rotate(45deg); transform: rotate(45deg); 
}
.s_dot::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 13px 10px 0 0; background-color: #fa8a3e; border-radius: 50% }
.userphone { display: block; height: 55px; background: #3B78CE; margin-top: 20px; font-size: 18px; color: #fff !important; line-height: 50px; }

#member_gubun { width: 332px; height: 31px; padding: 5px; font-size: 14px; border: 1px solid #a7a6aa; }
