@charset "utf-8";
/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');*/
/*
html,body{width:100%;height:100%;margin:0px;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;vertical-align:middle;}
img {vertical-align:middle;}
form{clear:both}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}
body,select,button,table{font-family: 'Nanum Gothic','돋움',tahoma,Dotum,AppleGothic,sans-serif;font-size:11px;color:#515151;}
input,textarea{font-family:'Nanum Gothic','돋움',tahoma,Dotum,AppleGothic,sans-serif;font-size:11px;color:#515151;}
input[type=text],
input[type=file],
input[type=password]{height:18px; border:1px solid #ddd;}
textarea {padding:5px; border:1px solid #ddd;}
select {height:20px; padding:0px; border:1px solid #ddd;}
input[type=checkbox],
input[type=radio] {margin:0px; padding:0px; height:12px;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
*/
.hand,.pointer {cursor:pointer}
.underline{text-decoration:underline}
.relative{position:relative}
.absolute{position:absolute}
.small {font-size:12px; letter-spacing:0;}
.desc {font-size:12px; color:#999; letter-spacing:0; margin-left: 32%; display: flex; margin-top: -9px !important; display: contents;}
.totalprice {color:#bb0000; font-size:18px;}
.unvisibility {visibility:hidden;}
.bold {font-weight:bold;}
.input-box-default-text {color:#9eabbb !important; letter-spacing:0px;}
input[type="date" i] {font-family: '맑은고딕','Malgun Gothic','Noto Sans KR','Dotum','arial','AppleGothic', sans-serif;}

.fb-like,
.fb-like>span,
.fb-like>span>iframe {min-width:90px !important;min-height:25px !important;}

/* 폰트 색상 */
.red {color:#f44336;}
.blue {color:#2962ff;}
.orange {color:#fc824c;}
.green {color:green}
.black {color:#333;}
.white {color:white}
.gray {color:#cfd5da;}
.tahoma {font-family:tahoma;}

/* 좌,우 여백설정 */
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr40{margin-right:40px !important}

.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}

.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt60{margin-top:60px !important}
.mt80{margin-top:80px !important}

.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb70{margin-bottom:70px !important}
.mb80{margin-bottom:80px !important}

.pd0{padding:0px !important}
.pd3{padding:3px !important}
.pd5{padding:5px !important}
.pd7{padding:7px !important}
.pd10{padding:10px !important}
.pd15{padding:15px !important}
.pd20{padding:20px !important}
.pd30{padding:30px !important}
.pd40{padding:40px !important}

.pdl5{padding-left:5px !important}
.pdl10{padding-left:10px !important}
.pdl20{padding-left:20px !important}
.pdl30{padding-left:30px !important}
.pdl40{padding-left:40px !important}

.pdr5{padding-right:5px !important}
.pdr10{padding-right:10px !important}
.pdr30{padding-right:30px !important}
.pdr40{padding-right:40px !important}

.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt20{padding-top:20px !important}
.pdt30{padding-top:30px !important}
.pdt40{padding-top:40px !important}
.pdt50{padding-top:50px !important}

.pdb5{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb30{padding-bottom:30px !important}
.pdb40{padding-bottom:40px !important}

.wp100{width:100%}
.wp95{width:95%}
.wp85{width:85%}
.wp48{width:48%}

.wx480{width:480px}
.wx300{width:300px}
.wx500{width:500px}
.wx150{width:150px}
.wx133{width:133px}
.wx130{width:130px}
.wx110{width:110px}
.wx200{width:200px}
.wx250{width:250px}
.wx80{width:80px}
.wx70{width:70px}
.wx50{width:50px}
.wx30{width:30px}
.wx20{width:20px}

.hx35{height:35px}
.hx50{height:50px}
.hx100{height:100px}
.hx150{height:150px}
.hx200{height:200px}
.hx250{height:250px}
.hx300{height:300px}
.hx350{height:350px}
.hx400{height:400px}
.hx450{height:450px}
.hx650{height:650px}

.fx11 {font-size:11px;}
.fx12 {font-size:12px;}
.fx13 {font-size:13px;}
.fx14 {font-size:14px;}
.fx15 {font-size:15px;}
.fx16 {font-size:16px;}
.fx17 {font-size:17px;}
.fx20 {font-size:20px;}
.fx30 {font-size:30px;}
.fx40 {font-size:40px;}


.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
/* 정렬 */
.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}
.hide{display:none;}
.hide2{display:inline-block;}
.pop_password{ width: 600px; height: 350px;  border: 2px solid #373e58; background-color: #fff; box-shadow: 4px 0px 7px 1px rgb(0 0 0 / 10%); margin: 31% 100% 0; z-index: 100;}
.pop_password tr{font-size: 15px; font-weight: bold;  margin-left: 25px;}
.pop_password td{padding: 8px 0 0 35px;}
.pop_password input{border: 1px solid #ddd; height: 30px; padding: 0 5px;}
.pop_password_bak{width: 100%; height: 8140px; display: block; position: absolute; top: 0; left: 0; z-index: 99; background-color: #000;filter: alpha(Opacity=80);opacity: .8;}




/* 클리어부스 */
.fleft {float:left}
.fright {float:right}
.cboth{clear:both}
.clearbox {*zoom:1;}
.clearbox:after {content:""; display:block; clear:both;}

/* line 설정 */
.btline { border-bottom: solid 1px #dbdbdb; }

/* 상품목록 상단 */

.goods_list_top {padding:20px 0 16px 0; border-top:1px solid #e3e4e8; border-bottom:2px solid #313642}
.goods_list_top .sort_item {font-size:11px; letter-spacing:-1px; font-family:dotum; color:#cfcfcf;}
.goods_list_top .sort_item a {color:#727272}
.goods_list_top .sort_item a b {font-weight:bold; color:#000000}
.goods_list_top .goods_list_style {display:inline-block; *zoom:1}
.goods_list_top .goods_list_style:after {display:block; clear:both; content:""}
.goods_list_top .goods_list_style li {float:left;}
.goods_list_top .goods_list_style li a {display:block;}
.goods_list_top .goods_list_style li.lattice_a a {background:url('../images/common/list_type_a.gif') no-repeat; width:19px; height:19px; cursor:pointer}
.goods_list_top .goods_list_style li.lattice_a_on a {background:url('../images/common/list_type_a_on.gif') no-repeat; width:19px; height:19px;}
.goods_list_top .goods_list_style li.lattice_b a {background:url('../images/common/list_type_b.gif') no-repeat; width:26px; height:19px; cursor:pointer}
.goods_list_top .goods_list_style li.lattice_b_on a {background:url('../images/common/list_type_b_on.gif') no-repeat; width:26px; height:19px;}
.goods_list_top .goods_list_style li.list a {background:url('../images/common/list_type_c.gif') no-repeat; width:20px; height:19px; cursor:pointer}
.goods_list_top .goods_list_style li.list_on a {background:url('../images/common/list_type_c_on.gif') no-repeat; width:20px; height:19px;}


/* 목록 테이블 */
table.list_table_style {border-top:2px solid #545454; border-bottom:1px solid #000; font-size:12px; color:#444;}
table.list_table_style thead th {height:26px; background:url('../images/design/tbl_th_bg.gif') repeat-x; border-left:1px solid #e0e0e0; border-bottom:1px solid #bbbbbb; font-weight:normal;}
table.list_table_style tbody td.cell.rline {border-right:1px solid #e0e0e0;}
table.list_table_style tbody td.cell.sub_bg {background-color:#f7f7f7;}
table.list_table_style thead th:first-child {border-left:0px;} 
table.list_table_style tbody td.cell {padding:7px; text-align:center; border-top:1px solid #e0e0e0}
table.list_table_style tbody tr td.cell:first-child {border-left:0px;}
table.list_table_style tbody tr:first-child td.cell {border-top:0px;}


/* 기본 정보 테이블 스타일 */
table.info_table_style {border-collapse:collapse; border-top:1px solid #aaa; border-right:1px solid #dadada;}
table.info_table_style .its_section {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 5px 8px 5px; text-align:center; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_th {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 0px 8px 28px; text-align:left; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_td {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:5px 0 5px 15px; line-height:180%; letter-spacing:0px;}
table.info_table_style .its_th_center {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 0px 8px 0; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_td_center {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:5px 0 5px 0; line-height:180%; letter-spacing:0px;}
table.info_table_style textarea {background-color:#f0f0f0;}
table.info_table_style textarea.input_box_default_text {color:#a5a5a5 !important}
.goods_option {color:#848484;margin:2px 0;}
.goods_input {color:#848484;margin:2px 0;}


/* 팝업 */
.designPopup		{position:absolute; z-index:101;}
.designPopup .designPopupBody	{}
.designPopup .designPopupBar	{height:26px; background-color:#fff; color:#fff;border: 1px solid #5b5b5b;}
.designPopup .designPopupBar .designPopupTodaymsg	{float:left; line-height:25px; padding-left:5px; font-size:11px; color:#898989; letter-spacing:-1px; font-family:dotum;}
.designPopup .designPopupBar .designPopupClose		{float:right; line-height:25px; padding-right:10px; cursor:pointer; font-size:11px; color:#585858; letter-spacing:-1px; font-family:dotum;}

.join_required{display:inline-block; width:7px; height:6px; background:url('../images/common/icon_check_join.gif') no-repeat; vertical-align:middle;}
.doto-join-required{ width: 35px;height: 19px;display: inline-block; vertical-align: middle; margin-left: 5px; margin-bottom: 2px; background:url('../images/icon/doto_necessary.png') no-repeat;}
.couponbtn {border:0px; background-color:#000; color:#fff; font-family:dotum; font-size:11px; height:20px; letter-spacing:-1px; padding:0 7px; cursor:pointer}

table.noborder-table,
table.noborder-table th,
table.noborder-table td {border:0px !important}

.thumbnailvideo {position:absolute;z-index:5;background-position:center;background:url('../images/common/thumb_play.png') no-repeat center center;vertical-align:middle;}
.mobilethumbnailvideo {position:absolute;z-index:5;background-position: center;background:url('../images/common/thumb_play.png') no-repeat;vertical-align:middle;}>>>>>>> .r4754


/* 상품디스플레이 탭 박스 */
.displayTabContentsContainer {padding-top:10px;}
.displayTabContentsContainerBox {padding:15px; border:1px solid #d6d6d6; border-top:2px solid #313642}

/* 상품디스플레이 탭 스타일 */
ul.displayTabType1 {*zoom:1; border-bottom:none; border-left:1px solid #ddd;}
ul.displayTabType1:after {content:""; display:block; clear:both;}
ul.displayTabType1 li {float:left; background-color:#efefef; color:#858585; font-size:11px; padding:0 50px; height:22px; line-height:22px; text-align:center; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; cursor:default;}
ul.displayTabType1 li.current {background-color:#313642; color:#fff; border-top:1px solid #313642; border-right:1px solid #313642;}

ul.displayTabType3 {*zoom:1; border-bottom:none; border-left:1px solid #ddd;}
ul.displayTabType3:after {content:""; display:block; clear:both;}
ul.displayTabType3 li {float:left; background-color:#efefef; color:#858585; font-size:11px; padding:0 50px; height:22px; line-height:22px; text-align:center; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; cursor:default;}
ul.displayTabType3 li.current {background-color:#727c8a; color:#fff; border-top:1px solid #727c8a; border-right:1px solid #727c8a;}

ul.displayTabType4 {*zoom:1; border-bottom:none; border-left:1px solid #ddd;}
ul.displayTabType4:after {content:""; display:block; clear:both;}
ul.displayTabType4 li {float:left; background-color:#e0e6f7; color:#8190b5; font-size:11px; padding:0 50px; height:22px; line-height:22px; text-align:center; border-top:1px solid #c9d0e7; border-right:1px solid #c9d0e7; cursor:default;}
ul.displayTabType4 li.current {background-color:#4b69b1; color:#fff; border-top:1px solid #4b69b1; border-right:1px solid #4b69b1;}

ul.displayTabType5 {*zoom:1; border-bottom:none; border-left:1px solid #ddd;}
ul.displayTabType5:after {content:""; display:block; clear:both;}
ul.displayTabType5 li {float:left; background-color:#fce8f5; color:#d783bb; font-size:11px; padding:0 50px; height:22px; line-height:22px; text-align:center; border-top:1px solid #eccbde; border-right:1px solid #eccbde; cursor:default;}
ul.displayTabType5 li.current {background-color:#e08ac3; color:#fff; border-top:1px solid #e08ac3; border-right:1px solid #e08ac3;}

ul.displayTabType6 {*zoom:1; border-bottom:none; border-left:1px solid #ddd;}
ul.displayTabType6:after {content:""; display:block; clear:both;}
ul.displayTabType6 li {float:left; background-color:#f9f0d7; color:#ba9857; font-size:11px; padding:0 50px; height:22px; line-height:22px; text-align:center; border-top:1px solid #decfa4; border-right:1px solid #decfa4; cursor:default;}
ul.displayTabType6 li.current {background-color:#c99a32; color:#fff; border-top:1px solid #c99a32; border-right:1px solid #c99a32;}

ul.displayTabType7 {*zoom:1; border-bottom:none; border-left:1px solid #ddd;}
ul.displayTabType7:after {content:""; display:block; clear:both;}
ul.displayTabType7 li {float:left; background-color:#eef5e2; color:#88a845; font-size:11px; padding:0 50px; height:22px; line-height:22px; text-align:center; border-top:1px solid #cddab7; border-right:1px solid #cddab7; cursor:default;}
ul.displayTabType7 li.current {background-color:#85a849; color:#fff; border-top:1px solid #85a849; border-right:1px solid #85a849;}

ul.displayTabType2 {*zoom:1; padding:10px 0;}
ul.displayTabType2:after {content:""; display:block; clear:both;}
ul.displayTabType2 li {float:left; padding:0 20px; height:12px; line-height:12px; font-size:12px; text-align:center; color:#959595; border-left:1px solid #e1e1e1; cursor:default;}
ul.displayTabType2 li:first-child {border-left:none}
ul.displayTabType2 li.current {color:#000;}

ul.displayTabTypeImage {*zoom:1;}
ul.displayTabTypeImage:after {content:""; display:block; clear:both;}
ul.displayTabTypeImage li {float:left;}
ul.displayTabTypeImage li.current {color:#000;}

/* 퀵뷰 레이어 스타일 */
div.goodsPopupLayer {border:2px solid #000; padding:0px 22px; position:absolute; background-color:#fff; z-index:100}
div.goodsPopupLayerTitle {padding:12px 0 10px 0; border-bottom:1px solid #000; font-size:15px; font-weight:bold;}
div.goodsPopupLayerClose {position: absolute; top:12px; right:22px; background:url('../images/common/btn_close_dsp.gif') no-repeat; width:15px; height:15px; cursor:pointer}
div.goodsPopupLayerBody {padding:10px 0 5px 0; text-align:center;}
div.goodsPopupLayerBtnWrap {margin-top:20px; border-top:1px solid #ddd}
.goodsPopupLayerMoreBtn {margin-top:15px; background:url('../images/common/btn_view_detail.gif') no-repeat; width:128px; height:40px; display:inline-block;}

/* 코멘트 스타일 */
.cmtcell{height:24px; padding-top:4px; padding-bottom:4px;background:url('../images/board/cmt_bg_dot.gif') repeat-x;}

/* 상세내역 레이어 팝업 스타일 */
.sale_price_layer {z-index:1000; border:1px solid #424242;background-color:#fff;padding:10px;}
.sale_price_layer div.title_line	{ width:100%;font-size:12px;color:#272727;font-weight:bold;text-align:left;}
.sale_price_layer table { border-top:1px solid #d8d8d8; }
.sale_price_layer table th, .sale_price_layer table td {font-size:11px;color:#666;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
.sale_price_layer table th { font-weight:bold;height:30px;line-height:30px;background-color:#ebebeb;text-align:center;}
.sale_price_layer table td { font-weight:normal;height:24px;line-height:24px;background-color:#fff;text-align:left;padding-left:10px;}
.sale_price_layer table td.gr {background-color:#f7f7f7;}
.sale_price_layer table td.prices {text-align:right;padding:0;padding-right:10px;}
.sale_price_layer table th.bolds, .sale_price_layer table td.bolds { color:#000;font-weight:bold; }
.sale_price_layer table th.ends, .sale_price_layer table td.ends { border:none;border-bottom:1px solid #d8d8d8; }

.doto_sale_layer { width: 250px; position: absolute !important; background: #FFF; border: 2px solid #333; right: 0; top: 40px; z-index: 123; padding: 15px;}
.sale_price_layer h6	{ font-size: 13px; line-height: 1; margin-bottom: 8px;}

/* 빅데이터 상품 목록 layout css */
div.bigdata-title-bar { border-top:1px solid #828282;border-bottom:1px solid #e3e3e3;height:48px;line-height:48px;position:relative}
div.bigdata-title-bar .bigdata-img {position:absolute;left:5px;top:8px}
div.bigdata-title-bar .bigdata-str {position:absolute;left:45px}

/* 마이페이지 */
.small_goods_image { width:40px; }

/* 장바구니 연결오류 */
.package_link_error {position:absolute; top:0; left:0; border:1px solid #fd454d; width:100%; height:98%;}
.package_link_error dt {background:#fd454d; padding:5px; color:#fff;}

/* 아이디찾기(캡차) */
.captcha_wrap {display:;}
.captcha_wrap .captcha_table {width:99.5%; border-collapse:collapse;}
.captcha_wrap .captcha_table td {border:1px solid #ddd; padding:0px; text-align:center;}
.captcha_wrap .captcha_table .captcha_td2 {width:60px;}
.captcha_wrap .captcha_img img {width:145px;}
.captcha_text {margin-top:10px; border:1px solid #ddd;}
.captcha_text input {border:none; width:99%; height:20px; text-indent:5px;}
.my_tit{font-size:18px;font-weight:bold;}



/* 도매토피아 에디터프로그램 : 시작 */

	/*푸터와의 간격 색지성*/#frm{padding-bottom:80px !important;background:#d5e4e6;margin-bottom:0 !important;}

	#doto_edit_top .make.top.wide-wrap {    width: 100%; background: url(../images/asset/bg_gra.png)no-repeat center; overflow: hidden;position:relative;}
	#doto_edit_top .make.top.wide-wrap:after{content:"";height:303px;background: url(../images/asset/gra_bottom.png)no-repeat bottom;width:100%;position:absolute;bottom:180px;}
	#doto_edit_top .make.top.wide-wrap .container {   position: relative;padding-top: 103px;height: 1046px; }
	#doto_edit .container {   width: 1200px;margin: 0 auto;font-size: 16px;color: #333; }
	#doto_edit_top .make.top h1 {   width: 671px;height: 281px; margin: 0px auto;background-image: url(../images/visual/detail_title_etc00.png);background-position: center center; }
	#doto_edit_top .make.top.wide-wrap .container::before {
		content: ''; display: block; width: 131px; height: 130px; background-image: url(../images/visual/sm_bnr2.png);
		position: absolute; top: 228px; left: 50%; margin-left: -325px;
	}
	#doto_edit_top .make.top.wide-wrap .container::after {
		content: ''; display: block; width: 151px; height: 145px; background-image: url(../images/visual/sm_bnr1.png);  position: absolute;
		top: 32px;  right: 50%; margin-right: -340px;
	}
	#doto_edit_top .make.top.wide-wrap .container a.more_edit_btn{width: 399px; height: 58px; background: linear-gradient(-57deg,#5d52ea,#b357dd);display: block;border-radius: 35px; text-align: center;
	line-height: 58px;font-size:22px;font-weight: bold; color: #fff799;margin:70px auto 0;}
	#doto_edit_top .make.top.wide-wrap .container a.more_edit_btn i{background:url(../images/icon/white_arrow.png)no-repeat;width:17px;height:17px;display:inline-block;margin-left:15px;}
	#doto_edit_top .make.top.wide-wrap .container p.use{background:url(../images/asset/make-use.png)no-repeat;width:941px;height:70px;margin:60px auto 0;}
	#doto_edit .make-tap{  margin-top: -440px;position: relative; }
	#doto_edit .make-tap .container{   display: flex;align-items: flex-end;width: 1200px;margin: 0 auto 7px;font-size: 16px;color: #333; }
	#doto_edit .make-tap .container a{  flex:1; background:url(../images/asset/tab_gra2.jpg)repeat-X; text-align: center; position: relative; display:inline-block}
	#doto_edit .make-tap .container h3.title{  font-size: 22px;font-weight: 600;text-align: center;line-height: 1.2;margin-bottom: 3px; }
	#doto_edit .make-tap .container a.on{
		padding: 39px 0 15px; color: white;  background-image: url(../images/asset/tab_gra.jpg); background-repeat: repeat-X;
		background-position: bottom center;
	}
	#doto_edit .make-tap .container a.off{  padding: 17px 0 15px;color: #9eabbb; }
	#doto_edit .make-tap .container a.on > p{  font-size: 16px; color: #831810;}
	#doto_edit .off.promotion:after{   content: ''; display: block; position: absolute; width: 7px;height: 85px; background-color: #333; bottom: 0; right: 0;}
	#doto_edit .off.detail:after{  content: ''; display: block; position: absolute; width: 7px; height: 85px; background-color: #333; bottom: 0; left: 0; }
	
	#doto_edit .make-promotion{position:relative;}
	#doto_edit .make-promotion .container {position: relative;background-color: white;padding: 65px 60px;overflow:hidden;}
	#doto_edit .make-promotion:after{content:"";background: url(../images/asset/wave_pattern.png);width:1200px;height:16px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}
	#doto_edit .make-promotion .title {  margin: 0 auto 40px; width: 449px; height: 58px; position: relative; border-radius: 58px; border: 2px solid #c3ede8; padding: 17px 0; vertical-align: middle;}
	#doto_edit .make-promotion .title.title2 {  margin: 0 auto 15px !important;}
	#doto_edit .make-promotion .title .step {
		position: absolute;  left: -2px;  top: -2px; width: 122px; height: 58px; background-color: #c3ede8; border-radius: 58px; text-align: center;  vertical-align: middle;
		padding: 19px 0;  font-size: 15px; font-weight: 600; color: #137895; font-style: italic; line-height: 1.2; z-index: 1;
	}
	#doto_edit .make-promotion #promotionTitle{width:100%;height:75px;border:2px solid #c3ede8;line-height:71px;margin-top:33px;position:relative;}
	#doto_edit .make-promotion #promotionTitle:after{content:"필수입력";position:absolute;width:80px;height:27px;background:#137895;border-radius:20px;top: -15px; left: 55px; text-align: center; line-height: 27px; color: #fff; font-size: 15px; font-weight: bold;}
	#doto_edit .make-promotion #promotionTitle label{width:203px;display:inline-block;text-align:right;padding-right:25px;font-size:19px;font-weight:bold;}
	#doto_edit .make-promotion #promotionTitle input{width:830px;height:40px;padding-left:10px;border:none;border-left:2px solid #c3ede8;font-weight:300;font-size:19px;color:#777777;margin-bottom: 5px; }

	#doto_edit .make-promotion #promotionDetail{width:100%;height:440px;border:2px solid #c3ede8;line-height:71px;margin-top:33px;position:relative;}
	#doto_edit .make-promotion #promotionDetail:after{content:"※ 입력이 없을시 기본 사이즈로 처리됩니다.";position:absolute;width:300px;height:27px;background:#137895;border-radius:20px;top: -15px; left: 55px; text-align: center; line-height: 27px; color: #fff; font-size: 15px; font-weight: bold;}
	#doto_edit .make-promotion #promotionDetail label{width:203px;display:inline-block;text-align:right;padding-right:25px;font-size:19px;font-weight:bold;}
	#doto_edit .make-promotion #promotionDetail input{width:830px;height:40px;padding-left:10px;border:none;border-left:2px solid #c3ede8;font-weight:300;font-size:19px;color:#777777;margin-bottom: 5px; }

	#doto_edit .make-promotion .title .text {  position: absolute; left: 135px; font-size: 20px; font-weight: 600; color: #137895;line-height:1;}
	#doto_edit .choice-layout .items {  display: flex; flex-wrap: wrap;flex-direction: row;justify-content: center; }
	#doto_edit .choice-layout .item-wrap {    width: 228px;  padding: 10px 10px 20px; background-color: white;  border-radius: 5px;  margin-bottom: 10px;transition: all 0.3s}
	#doto_edit .choice-layout .item-wrap:hover{background:#f7f8f9;}
	#doto_edit .choice-layout .item-wrap .thumb {  width: 208px; height: 135px; background-color: #333; border: 1px solid #cfd5da; border-radius: 2px;  margin-bottom: 18px;  position: relative;}
	#doto_edit .choice-layout .item-wrap .thumb a {
		width: 208px;  height: 135px;  display: flex; background-color: rgba(0,0,0,0.75); border-radius: 2px; position: absolute;
		top: -1px;  left: -1px; text-align: center; justify-content: center; align-items: center;  opacity: 0;transition: opacity 0.3s;

	}
	#doto_edit .choice-layout .item-wrap .thumb a:before {
		content: '미리보기';  width: 134px; height: 47px; border: 2px solid #cfd5da; color: #cfd5da; border-radius: 47px;
		text-align: center;  vertical-align: middle; padding: 0.79em; font-size: 16px; font-weight: 600; line-height: 1;
	}
	#doto_edit .choice-layout .item-wrap label.description {}
	#doto_edit .choice-layout .item-wrap:hover .thumb a{  opacity: 1;  }
	#doto_edit .choice-layout .item-wrap .description h4 {  font-size: 15px; margin-bottom: 6px; display:inline-block;}
	#doto_edit .choice-layout .item-wrap .description p {  padding:0 23px;font-size: 14px;color: #818886;word-wrap: break-word; }
	#doto_edit .malgun {   font-family: 'Malgun Gothic','맑은고딕', 'Noto Sans Kr', sans-serif !important; }
	#doto_edit .horizon.wave-line{z-index: 1;background-color: white;position: relative;}
	#doto_edit .horizon.wave-line:before{content:"";height: 5px;background-image: url(../images/asset/pattern_wave.png);background-repeat: repeat-x;width:100%;position:absolute;}
	#doto_edit .horizon.wave-line::after{
		content: '';  display: block; width: 130px; height: 68px; background-image: url(../images/asset/button_down_shadow.png); background-repeat: no-repeat;
		background-position: center center; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -28px);
	}

	#doto_edit .make-promotion{background:#d5e4e6}
	#doto_edit .make-promotion .title-sub {  font-size: 18px;text-align: center;margin-top: 13px;font-weight: 400;}
	#doto_edit .make-promotion .title-sub i {  color: #cfd5da;color: #333;font-style: normal;font-weight:bold; }
	#doto_edit .make-promotion .table-wrap {  border-top: 2px solid #333; margin-top: 5px; }
	#doto_edit table.make{   width: 100%;text-align: center; }
	#doto_edit table.make thead th{  height: 37px; border-bottom: 1px solid #f2f4f6; }
	#doto_edit table.make td{  padding: 5px;border-bottom: 1px solid #f2f4f6; }
	/*#doto_edit table.make td:nth-child(n+2){  border-left: 1px solid #f2f4f6; }*/
	#doto_edit table.make .price input{  width: 84px;height: 30px;font-weight: bolder;padding-right: 1.6em;padding-left: 0.2em;border: 0;border-bottom: 2px solid #333; }
	#doto_edit table.make .ori_price input{  width: 84px;height: 30px;font-weight: bolder;padding-right: 1.6em;padding-left: 0.2em;border: 0;border-bottom: 2px solid #333; }
	#doto_edit table.make td.price{  position: relative; top-margin:-20px; }
	#doto_edit table.make td.price::after{  display: block;font-size: 12px;font-weight: 600;color: #9eabbb; position: absolute;right: 1em; bottom: 1.75em;top:50%;	margin-top:-6px;}
	#doto_edit table.make td.ori_price{  position: relative; }
	#doto_edit table.make td.ori_price::after{  display: block;font-size: 12px;font-weight: 600;color: #9eabbb; position: absolute;right: 1em; bottom: 1.75em;top:50%;	margin-top:-6px;}
	#doto_edit table.make th,
	#doto_edit table.make td,
	#doto_edit table.make th label,
	#doto_edit table.make td label,
	#doto_edit table.make td input,
	#doto_edit table.make td textarea{  font-family: 'Malgun Gothic', '맑은고딕', 'Noto Sans Kr', 'Gulim', sans-serif;font-size: 13px; }
	#doto_edit table.make td textarea{   line-height: 1.4; }
	#doto_edit table.make thead th{   font-weight: bolder; }
	#doto_edit table.make td.num{   font-weight: bolder;color: #9eabbb; }
	#doto_edit table.make td.code{  font-weight: bolder;color: #2979ff; }
	#doto_edit table.make td.thumb img{ width: 50px;height: auto;max-height: 50px; }

	#exhibitionTitle input,
	#doto_edit table.make .subject textarea,
	#doto_edit table.make .description textarea{
		width: 300px; max-width: 300px; min-width: 300px; height: 50px;min-height: 50px; max-height: 150px;  padding: 5px; border: 1px solid #cfd5da; border-radius: 3px; box-shadow: 0px 2px 0px #f2f3f4; outline: none;overflow-y: scroll;
	}
	#doto_edit table.make button{  width: 37px; height: 17px; background-image: url(../images/asset/button_delete_tiny.png); background-repeat: no-repeat; }
	#doto_edit table.make .void{  height: 40px; }
	#doto_edit table.make .void::after{  content: '상품을 등록해주세요';color: #9f9f9f; }
	#doto_edit .choice-goods .buttons{  display: flex; justify-content: space-between; margin-top: 20px; }
	#doto_edit .choice-goods .buttons a{  text-align: center; width: 150px; height: 48px; color: white; background-color: #cfd5da; vertical-align: middle; padding: 0.86em; font-size: 16.5px; font-weight: 600; line-height: 1.2;}
	#doto_edit .choice-goods .buttons a:first-child{  margin-right: auto; }
	#doto_edit .choice-goods .buttons a:last-child{   margin-left: 5px; }
	#doto_edit .buttons a.choice{  color: #e1faf7;background-color: #137895; }
	#doto_edit .buttons a.conform{  background-color: #f44336; background-image: url(../images/asset/button_gra.png); background-repeat: no-repeat; background-position: center bottom; }
	#doto_edit .choice-goods .buttons a:hover{  box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,.2); transition: box-shadow 0.3s;}	

/* 도매토피아 에디터프로그램 : 끝 */

/* 회원 가입 관련 : 시작*/
	/*
		#.회원가입 step 1
		dmtusr@dmtusr.firstmall.kr:/home/dmtusr/data/skin/beauty/member/join_gate.html
		#.회원가입 step 2
		dmtusr@dmtusr.firstmall.kr:/home/dmtusr/data/skin/beauty/member/agreement.html
		#.회원가입 step 3  (register_form 정보수정 같이 사용)
		dmtusr@dmtusr.firstmall.kr:/home/dmtusr/data/skin/beauty/member/register.html
		dmtusr@dmtusr.firstmall.kr:/home/dmtusr/data/skin/beauty/member/register_form.html
		#.회원가입 완료
		dmtusr@dmtusr.firstmall.kr:/home/dmtusr/data/skin/beauty/member/register_ok.html
		#.정보수정 
		dmtusr@dmtusr.firstmall.kr:/home/dmtusr/data/skin/beauty/mypage/myinfo.html
		dmtusr@dmtusr.firstmall.kr:/home/dmtusr/data/skin/beauty/member/register_form.html
		#.회원탈퇴
		dmtusr@dmtusr.firstmall.kr:/home/dmtusr/data/skin/beauty/mypage/withdrawal.html
	*/
	/*페이지 인사이드 정의*/
	.doto-member-bg { width:100%;padding:55px 0 ;position:relative; background: #f2f3f7; }
	
	.doto-member-bg:before { content: "";/* background: #fff; */position:absolute;width:100%;height: 562px;top:0px; }
	/* .doto-member-bg .container.mbg:before, 
	.doto-member-bg .container.mbg:before {content: ""; background: url(/data/skin/beauty/images/asset/border_left.png)no-repeat; width: 309px; height: 183px;position:absolute;left: -319px;top: 298px;}
	.doto-member-bg .container.mbg:after, 
	.doto-member-bg .container.mbg:after {content: ""; background: url(/data/skin/beauty/images/asset/border_right.png)no-repeat; width: 309px; height: 183px;position:absolute;left:725px;top: 298px;}
	.doto-member-bg #doto_login.container.mbg:after {left: 800px;}
	.doto-member-bg.bg .container.mbg:before{display:none;}
	.doto-member-bg.bg .container.mbg:after{display:none;}
	.doto-member-bg.bg:before{display:none;} */

	#doto_join.container,#doto_join.container p,#doto_join.container span, #doto_join.container input,
	#doto_login.container,#doto_login.container p,#doto_login.container span,#doto_login.container input
	#doto-find.container,#doto-find.container p,#doto-find.container span,#doto-find.container input{
		font-family:'맑은고딕', 'Malgun Gothic', sans-serif;
		letter-spacing:-0.025em; word-spacing:-0.025em;
	}
	
	#doto_join.container,
	#doto_login.container,
	#doto-find.container{  width: 720px; margin: 0 auto; font-size: 16px; color: #333; background:#FFF; border:1px solid #cfd5da; padding:45px 60px;  position: relative; box-sizing: border-box;z-index:1; }
	#doto_join.container.join_gate_wrap{width:1200px;padding:38px;}
	#doto_join.agree_bottom,
	#doto_login.agree_bottom,
	#doto_find.agree_bottom{
		padding-bottom:160px;
	}
	/* #doto_login.container{padding:266px  45px 57px 45px; } */
	/*회원가입 타이틀*/
	#doto_join.container .join_tit h2, .doto-member-bg.bg .join_tit h2{  font-size:35px; font-weight:400; color:#333; text-align:center; line-height: 1; margin-bottom:20px;}
	#doto_join.container .join_tit h2 strong.dome, .doto-member-bg.bg .join_tit strong.dome{margin-top: 5px; display: block; font-size: 40px;}
	#doto_join.container .join_tit p{  font-size:24px; font-weight:400; color:#9eabbb; text-align:center; line-height: 1; margin-bottom:15px; letter-spacing:-1.5px;}
	#doto_join.container .join_tit p:after{  content:''; display:block; width:580px; height:3px; background:url(/data/skin/beauty/images/asset/pattern_post.gif)repeat-x; margin:15px 0px; }
	.doto-member-bg.bg .join_tit p{font-size:30px;color:#333;text-align:center;}
	/*pager*/
	#doto_join.container .pager, .doto-member-bg.bg .pager{  width:100%;text-align:center;line-height: 1; font-size: 0; margin-bottom:40px;}
	#doto_join.container .pager .circle, .doto-member-bg.bg .pager .circle{ background:#9eabbb;width:6px;height:6px;border-radius: 50%;display: inline-block;text-align: center;line-height: 1;margin-right:9px;}
	#doto_join.container .pager .circle.on, .doto-member-bg.bg .circle.on{ background:#2988fe; }
	.doto-member-bg.bg .pager{margin-top:15px;}
	/*공통 타이틀*/
	#doto_join.container h3{  font-size:20px;text-align:center;line-height: 1; }
	/*본문내용 시작*/
	#doto_join.container .tab_box_wrap{   display:table; width:100%; }
	#doto_join.container .tab_box_wrap:after{  content:''; position:absolute; border:1px solid #333; left:0; width:100%; }
	#doto_join.container .tab_box_wrap .tab_box_inner {  display: flex; flex-wrap: wrap; width: 100%; align-items: stretch; }
	#doto_join.container .tab_box_wrap .tab_box_inner a{  
		flex: 194px; padding: 0.8em 0; text-align: center; color: #9eabbb;  font-size: 17px; font-weight: 400; border-left: 1px solid #e9ecef; border-top: 1px solid #e9ecef;
		border-right: 1px solid #e9ecef;  font-weight:bold;  margin-left:-1px;
	}
	#doto_join.container .tab_box_wrap .tab_box_inner a.on{  border-color: #333 !important; position:relative; color:#333; }
	#doto_join.container .tab_box_wrap .tab_box_inner a.on.step1:after{ content:'';  position:absolute; width:46px; height:18px; background:lime; top:-9px; left:45px; background:url(../images/join/step1.png)no-repeat; font-size: 17px; font-weight:bold; }
	#doto_join.container .tab_box_wrap .tab_box_inner a.on.step2:after{ content:'';  position:absolute; width:46px; height:18px; background:lime; top:-9px; left:45px; background:url(../images/join/step2.png)no-repeat; font-size: 17px; font-weight:bold; }
	#doto_join.container .tab_box_wrap .tab_box_inner a.on.step3:after{ content:'';  position:absolute; width:46px; height:18px; background:lime; top:-9px; left:45px; background:url(../images/join/step3.png)no-repeat; font-size: 17px; font-weight:bold; }
	
	/*전체 동의 및 버튼 && */
	#doto_join.container .info_form_wrap{  margin-top:50px; }
	#doto_join.container .info_form_wrap h3{ color:#575a5e; font-size:18px; font-weight:bold; border-bottom:3px solid #000000; padding-bottom:5px; margin-bottom:34px; line-height: 1;text-align: left;}
	#doto_join.container .info_form_wrap h3 span{  color:#f44336;font-size:16px;font-weight:normal; }
	#doto_join.container .info_form_wrap .alert {  text-align: center;display: inline-block;width: 100%; margin-bottom: 25px;font-weight: bold;font-size: 13px; }
	#doto_join.container .reg_contents_bottom #checkbox_wrap,
	#doto_join.container .info_form_wrap #checkbox_wrap{  height: 37px;background: #333; width: 580px; font-size: 13px; font-weight: bold;margin-bottom: 35px;text-align:center;color: #fff;min-height: 37px;font-size: 13px; line-height: 33px;font-family:'맑은고딕','Malgun Gothic'}
	
	#doto_join.container .reg_contents_bottom{  width:580px;position:relative;height: 80px; text-align: center; }
	#doto_join.container .reg_contents_bottom .btn_succes{
	   height:37px; position:absolute; background:#333; color:#FFF; font-size:13px; font-weight:bold; font-family: 맑은고딕, "Malgun Gothic"; text-align: center; width:580px;    
	}	
	#doto_join.container .reg_contents_bottom .join_btn{ border: none; width:285px; height:60px; background: #cfd5da; Color:#FFF; font-size:20px; font-weight:500; font-family: 'Noto Sans KR', sans-serif }
	#doto_join.container .reg_contents_bottom .confirm{ background:#2979ff; }
	#doto_join.container .reg_contents_bottom .confirm:hover{   box-shadow: inset 0px -3px 0px 0px #2962ff; }
	#doto_join.container .reg_contents_bottom .btn_info{  position:absolute; top:85px; font-size:13px;left: 0px; }
	#doto_join.container .reg_contents_bottom .btn_info i{  background: url(../images/icon/arrow1.png)no-repeat;  display:inline-block; width:25px; height:25px; vertical-align:middle; margin-right:5px; }
	#doto_join.container .join-agree-bg {   background: #fff url(../images/join/agree_big_bnr.png)no-repeat center; }
	#doto_join.container .join-agree-bg .join-agree-bnr {   width: 580px; height: 862px; display: inline-block; text-align: center; margin-top: -5px; position: relative; margin-top: 20px;}
	#doto_join.container .join-agree-bg .join-agree-bnr button {  
		position: absolute; bottom: 76px; width: 430px; height: 74px;  background: #3ccfd0;  color: #FFF;  font-weight: bold;   font-size: 24px;  border-radius: 2px;
		left: 50%;  transform: translate(-50%); text-align: left; padding: 0 45px; line-height: 50px;
	}
	#doto_join.container .join-agree-bg .join-agree-bnr button i {  float: right; line-height: 50px; margin-right: 5px; transition: all .3s; }
	#doto_join.container .join-agree-bg .join-agree-bnr button:hover i {  margin-right: 0; }
	#doto_join.container .join-sm-bnr {  width: 100%; margin: 0 auto 0; padding-left:27%;}
	#doto_join.container .join-sm-bnr ul{display: inline-block;}
	#doto_join.container .join-sm-bnr ul li { float: left; }
	#doto_join.container .doto-line{border:1px solid #e9ecef;height:35px;width:220px;padding-left:10px;}
	/* .btn_estimate{padding-top:6px;} */
/* 회원 가입 관련 : 끝*/
/* 로그인 login && 회원정보수정 비밀번호 확인 */
	#doto_login.container .sns_top_list{text-align: center; font-size: 15px; font-weight: 800; margin: 25px 0 -5px 0;} 
	#doto_login.container .login-btn {background: #2979ff; color: #fff; font-size: 20px; font-weight: bold; cursor: pointer; transition: box-shadow .7s; margin-top: 20px; border: none;}
	#doto_login.container .login-btn:hover {  box-shadow: inset 0px -7px 0px 0px rgba(0,0,0,.2);}
	#doto_login.container .login-btn2 {background: #898989; color: #fff; font-size: 15px; font-weight: bold; cursor: pointer; transition: box-shadow .7s; margin-top: 5px; border: none; text-align:center; padding:16px;}
	#doto_login.container .login-btn2:hover {  box-shadow: inset 0px -7px 0px 0px rgba(0,0,0,.2);}
	#doto_login.container .main-nav-btn { width: 393px;  height: 50px;   background: #fcfcfc;   border-radius: 30px;  box-shadow: inset 0px 0px 15px rgba(0,0,0,.07);  margin-top: 15px; font-weight: bold;   line-height: 46px;  font-family: 맑은고딕, "Malgun Gothic"; display: block; text-align: center;}
	#doto_login.container * { letter-spacing: -0.047em; }
	
	#doto_login.container .login-title h2{ font-size: 40px;font-weight: 900;color: #000;line-height: 1; text-align:center;}
	#doto_login.container .login-title p {color: #777; font-size: 13px; margin-top: 23px;font-family: 맑은고딕, "Malgun Gothic"; text-align:center;}
	#doto_login.container .login-title strong { color: #333; }
	#doto_login.container input[type="text"],
	#doto_login.container input[type="password"] {  padding-left: 20px; border: 1px solid #e9ecef; }
	#doto_login.container .login-info-wrap input { width: 393px;height: 50px;font-size: 15px; }
	#doto_login.container .login-nav-wrap{   height: 45px; line-height: 43px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 18px; text-align: center; font-size: 13px;font-family: 맑은고딕, "Malgun Gothic";}
	#doto_login.container .login-nav-wrap .join-nav{font-weight: bold;}
	#doto_login.container .login-nav-wrap .join-nav:after{content: ""; width: 1px;height: 10px; background: #bbc4ce;display: inline-block; margin: 0 9px 0 11px; box-shadow: 1px 0px 0px 0px #dbe0e5;}
	#doto_login.container .non-member-wrap {width: 100%;display: inline-block; }
	#doto_login.container .non-member-wrap h3 {font-weight: bold;color: #000;font-family: '맑은고딕','Malgun Gothic'; text-align:center; margin-top:35px;}
	#doto_login.container .non-member-wrap p {font-size: 13px;font-family: '맑은고딕','Malgun Gothic';color: #666;margin-top: 6px; text-align:center;}
	#doto_login.container .non-member-wrap .non-member-btn {  width: 241px; height: 90px;  background: #f44336;   color: #fff;   font-size: 13px;   font-family: '맑은고딕','Malgun Gothic'; margin-top:-42px; margin-bottom:10px; font-weight: bold; display: block;text-align: center;line-height: 96px; }
	#doto_login.container .order-auth-info-wrap input[type="text"]{width: 393px;height: 50px;border: 1px solid #e9ecef;background: #fff;padding-left: 15px;font-size: 13px; margin-top:6px;}
	#doto_login.container .order-auth-info-wrap .order-auth-btn {width: 393px; height: 50px; background: #2979ff; font-size: 15px; font-weight: bold; color: #fff; font-family: '맑은고딕','Malgun Gothic'; margin-top: 12px; }
	#doto_login .login-info span{
		border:1px solid #f44336;
		padding:5px;
		margin-top:10px;
		font-size:12px;
		text-align:center;
	}
	#doto_login.container .login_top{padding-bottom:35px;position:absolute;top:0;left:0;background:url(../images/join/login_top_bnr.png);;width:787px;height:216px;}
	#doto_login.container .login_join{margin-top:40px;}
	#doto_login.container .login_join h3{text-align:center;margin-bottom: 25px;line-height: 1;font-weight: bold;font-size: 33px;padding-top:35px;}
	#doto_login.container .login_join ul.join_gate > li{position:relative;font-size: 15px; color: #2e5392;letter-spacing: -0.04em;word-break: keep-all;border: 1px solid #e8ecf2;width:33.33%;height:835px;float:left;}
	#doto_login.container .login_join ul.join_gate > li ul.text_list{padding:0 10px;}
	#doto_login.container .login_join ul.join_gate > li ul.text_list li{padding-left: 22px;text-indent: -10px;}
	#doto_login.container .login_join ul.join_gate > li ul.text_list li.add_text{padding-left: 20px;text-indent: -16px;}
	#doto_login.container .login_join ul.join_gate > li ul li + li{margin-top:10px;}
	#doto_login.container .login_join ul.join_gate li + li{/*margin-top:7px;*/margin-left:-1px;}
	#doto_login.container .login_join ul li i{font-size: 16px;color: #a4c3e0;vertical-align: baseline;margin-right: 4px;}
	#doto_login.container .login_join ul li h4{font-size: 18px; color: #fff;margin-bottom:68px;text-align:center;margin-top:-46px;}
	#doto_login.container .login_join ul li .join_title{border-bottom:1px solid #e8ecf2;margin-bottom:15px;height: 230px;padding: 65px 10px 15px 10px;text-align:center;position:relative;}
	#doto_login.container .login_join ul li .join_title p{ letter-spacing: -1px;word-break:break-all;}
	#doto_login.container .login_join ul li.add_text p{color: #919eb3; word-break: keep-all;}
	#doto_login.container .login_join ul li span.tag{font-size: 15px;color: #2e5392;margin-top: 15px;font-weight: bold;display: inline-block;    letter-spacing: -1px;}
	#doto_login.container .login_join ul li a.blue_line_btn{width: 200px;bottom:15px;position:absolute; height: 50px;display: block; border: 1px solid #5493fd; color: #5493fd !important; 
	line-height: 48px; text-align: center; margin: 20px auto 0; border-radius: 5px; font-size: 18px; font-weight: bold; transition: all .3s;left:50%;transform:translate(-50%)}
	#doto_login.container .login_join ul li:hover a.blue_line_btn{background:#5493fd;color:#fff !important;}
	#doto_login.container .login_join ul li:hover{border-color:#fc824c;position:relative;z-index:123}
	#doto_login.container .login_join .join-sm-bnr{width:560px;margin:40px auto 0;}
	#doto_login.container .login_join .join-sm-bnr li{float:left;}
	#doto_login.container .login_join .join-sm-bnr li:nth-child(even){margin-left:20px;}
	#doto_login.container .login_join .join-sm-bnr li:nth-child(n+3){margin-top:20px;}
	#doto_login.container .login_join .join_gate li .join_bg_01{background:url(../images/join/join_bg_01.jpg)top no-repeat; height:100%;}
	#doto_login.container .login_join .join_gate li .join_bg_02{background:url(../images/join/join_bg_02.jpg)top no-repeat; height:100%;}
	#doto_login.container .login_join .join_gate li .join_bg_03{background:url(../images/join/join_bg_03.jpg)top no-repeat; height:100%;}
	
	#doto_login.container .login_join .join_gate li .join_title:after{content:'';position:absolute;width:55px;height:55px;top:35px;left:3px}
	#doto_login.container .login_join .join_gate li .join_bg_01 .join_title:after{background:url(/data/skin/beauty/images/join/join_icon_01.png)no-repeat;background-size:contain;}
	#doto_login.container .login_join .join_gate li .join_bg_02 .join_title:after{background:url(/data/skin/beauty/images/join/join_icon_02.png)no-repeat;background-size:contain;}
	#doto_login.container .login_join .join_gate li .join_bg_03 .join_title:after{background:url(/data/skin/beauty/images/join/join_icon_03.png)no-repeat;background-size:contain;}

	/* 로그인 끝 */

.doto-event-wrap { width:1200px; margin:0 auto; }
.doto-event-wrap .event-banner-wrap{ background: #FFF;text-align: center;padding: 20px 0;border-left: 1px solid #cfd5da;	border-right: 1px solid #cfd5da;}

.wholesale-maker {  position:relative; }
.wholesale-maker p { display: none; position: absolute; right: 0; top: 18px; width: 96px; height: 43px; background: url(/data/skin/beauty/images/asset/wholesale_p.gif) no-repeat; }
.wholesale-maker:hover p { display:block; }

.doto-container { width:1200px; margin:0 auto; }


/* 비밀번호 변경 요청 팝업 */
.password_main{ height: 50px;  font-weight:600; padding:12px;}
.password_main td{font-size:15px;  color: #333; padding-top: 0px;}
.passwordField{ border: 1px solid #ccc; width: 280px; height: 32px; padding: 0 5px;}
.passform td{font-size: 15px;}
.passform td label{}