#notice {  }
	ul.notice_w { height:37px; overflow:hidden; }
	ul.notice_w li { font-size:14px; padding-left:14px; }
	ul.notice_w li a { display:inline-block; height:27px; padding-top:10px; color:#fff; white-space: nowrap; text-overflow: ellipsis;}
	p.more { position:absolute; right:0; top:0; width:28px; height:28px; padding:10px 0 0 19px; border-left:1px solid #; background:#949caf; }
	p.more a.more_btn { display:inline-block; width:10px; height:19px; background:url(../img/common/top_ico.png) no-repeat left -44px; text-indent:-10000px;}

#view_type {  }
	h3.nav_txt { font-size:16px; color:#363636; padding:10px 2% 0;}
	select.view_ty { margin:6px 0 0 19px; }
	ul.view_type_btn { position:absolute; right:2%; top:4px; clear:both; overflow:hidden; }
	ul.view_type_btn li { display:inline-block;  float:left; text-indent:-10000px; background:url(../img/common/top_ico.png) no-repeat;}
	ul.view_type_btn li a { display:block; }
	ul.view_type_btn li.one { width:30px; height:29px; background-position:-50px -45px; }
	ul.view_type_btn li.one_on { width:30px; height:29px; background-position:-50px -74px; }
	ul.view_type_btn li.two { width:31px; height:29px; background-position:-80px -74px; }
	ul.view_type_btn li.two_on { width:31px; height:29px; background-position:-80px -45px; }
	ul.view_type_btn li.back { width:31px; height:29px; background-position:-50px -103px;  }

#plus_view { position:relative; height:37px; background:#f4f4f4; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; text-align:center;}
	p.plus_btn { text-align:center; padding-top:9px; padding-right:10px; }
	p.plus_btn a { display:inline-block; width:115px; }
	p.plus_btn span.txt { display:inline-block; padding-right:8px; border-right:1px solid #d0d0d0; line-height:12px; font-size:14px;}
	p.plus_btn span.arr { display:inline-block; width:15px; height:8px; margin-left:4px; text-indent:-10000px; background:url(../img/common/top_ico.png) no-repeat -26px -100px;}

	p.top { position:absolute; right:0; top:0; width:99px; height:27px; padding-top:10px; text-align:center; border-left:1px solid #d0d0d0; font-size:14px;}
	p.top a { display:inline-block; width:56px; }
	p.top a span.txt { display:inline-block; color:#21939d; }
	p.top a span.top_btn { display:inline-block; width:9px; height:8px; background:url(../img/common/top_ico.png) no-repeat -26px -111px; text-indent:-10000px; }
	p.arr_l { position:absolute; left:2%; top:5px; }
	p.arr_r { position:absolute; right:2%; top:5px; }
	span.current { display:inline-block; padding-top:10px; }
	span.total { display:inline-block; font-weight:bold; padding-top:10px; }

#aside {  }
	div.srch_w { background:#ffffff; height:; }
	div.srch_wrap { height:; border-bottom:1px solid #ffffff;}
	div.srch_box { padding:}
	div.srch_box p.input_box { border-bottom:1px solid #7b849a; background:#ffffff; height:35px; position:relative; z-index:1; margin-bottom:8px;}
	div.srch_box p.input_box input { width:80%; font-size:14px; background:none; -webkit-background:none; color:#808490; height:33px; border:none; position:relative; z-index:2;}
	div.srch_box p.input_box span.srch_btn { position:absolute; right:-1px; top:-1px; z-index:100; display:inline-block; width:43px; height:35px; background:#ffffff url(../img/common/top_ico.png) no-repeat left -143px; text-indent:-10000px;}

	div.srch_w2 { background:#ffffff; height:20; }
	div.srch_wrap2 { height:; border-bottom:0px solid #ffffff;}	
	div.srch_box2 { padding:0px; border-top:1px solid #CCC;}
	div.srch_box2 p.input_box2 { border-bottom:1px solid #7b849a; background:#ffffff; height:35px; position:relative; z-index:1; margin-bottom:8px;}
	div.srch_box2 p.input_box2 input { width:90%; font-size:14px; background:none; -webkit-background:none; color:#808490; height:33px; border:none; position:relative; z-index:2;}
	div.srch_box2 p.input_box2 span.srch_btn2 { position:absolute; right:-1px; top:-0px; z-index:100; display:inline-block; width:43px; height:35px; background:#ffffff url(/m/img/common/top_ico.png) no-repeat left -143px; text-indent:-10000px;}
	
	
	
	
	div.srch_box p.input_txt { }
	div.srch_box p.input_txt span { display:inline-block; font-size:12px;}
	div.srch_box p.input_txt span.srch_txt { color:#7d7d7d; padding-right:5px; }
	div.srch_box p.input_txt a { color:#d7d7d7; display:inline-block; border-left:1px solid #959595; padding:0 9px; line-height:12px; }
	div.srch_box p.input_txt a.fir { border-left:1px solid #555; }

	div.aside_w { position:relative;}
	div.aside_w dl.a_menu {  }
	div.aside_w dt { height:42px; border-bottom:1px solid #4f525c; background:#595d67; position:relative; }
	div.aside_w dt a { height:31px; padding-top:10px; padding-left:16px; display:block; border-bottom:1px solid #74777f; color:#dce0e8; font-size:15px; font-weight:bold; }
	div.aside_w dt a span { display:inline-block; position:absolute; right:15px; top:17px; width:21px; height:11px; background:url(../img/common/top_ico.png) no-repeat left -100px; text-indent:-10000px; }
	div.aside_w dt a.on { color:#50cdfe; }
	div.aside_w dt a.on span { background-position:left -111px; }
	div.aside_w dd {  }
	div.aside_w dd li.d2 { background:#23252a; position:relative; }	
	div.aside_w dd li.d2 .link { float:right; display:block; width:27px; height:20px; text-align:center; position: absolute;right: 11px;top: 12px; padding-top:5px;}
	div.aside_w dd li.d2 .d2s { height:34px; display:block;  padding-top:8px; padding-left:24px; font-size:14px; color:#d3dbf0;}
	div.aside_w dd li.d2 .d2s span.txt { display:inline-block; background:url(../img/common/bl_box.gif) no-repeat left 8px; padding-left:10px; }
	div.aside_w dd li.d2 .img { display:inline-block; width:6px; height:11px; background:url(../img/common/top_ico.png) no-repeat left -132px; text-indent:-10000px; }
	div.aside_w dd li.last { border-bottom:none; }

	div.aside_w dd li.d3 { height:34px; background:#333; position:relative; border-bottom:1px solid #393c43; }	
	div.aside_w dd li.d3 a { height:34px; display:block;  padding-top:8px; padding-left:24px; font-size:14px; color:#d3dbf0;}
	div.aside_w dd li.d3 a span.txt { display:inline-block; background:url(../img/common/bl_box.gif) no-repeat left 8px; padding-left:10px; }
	div.aside_w dd li.d3 a span.img { display:inline-block; position:absolute; right:20px; top:12px; width:6px; height:11px; background:url(../img/common/top_ico.png) no-repeat left -132px; text-indent:-10000px; }

#content { }	
	
	div.detail_tit { border-bottom:1px solid #d0d0d0; text-align:left ; }
	div.detail_tit p.detail_tit_p { padding:12px 2% 8px;  }
	p.detail_tit_p span.new {  display:inline-block; width:35px; height:16px; background:url(../img/common/top_ico.png) no-repeat -156px -44px; text-indent:-10000px; margin:2px 3px 4px 0; vertical-align: middle;}
	p.detail_tit_p span.best { display:inline-block; width:36px; height:16px; background:url(../img/common/top_ico.png) no-repeat -121px -44px; text-indent:-10000px; margin:2px 3px 4px 0; vertical-align: middle;}

	#div.detail_txt { height:163px; text-align:left ;}
	div.detail_txt { height:210px; text-align:left ;}
	div.detail_txt p { margin:14px 0 0 16px; }
	div.detail_txt p span { display:inline-block; }
	div.detail_txt p span.tx14 { text-align:14px; color:#959595;}
	div.detail_txt p span.lt { text-decoration:line-through; padding-right:10px; margin-right:10px; border-right:1px solid #acacac; line-height:13px;}
	div.detail_txt p span.col { font-size:18px; color:#21939d; font-weight:bold;}
	div.detail_txt input { height:20px; }

	div.detail_txt dl { margin:14px 0 0 16px; overflow:hidden; }
	div.detail_txt dt { clear:left; width:85px; float:left; color:#202428; height:25px; }
	div.detail_txt dt.inbox { padding-top:3px; }
	div.detail_txt dt.inbox2 { padding-top:6px; }
	div.detail_txt dd { float:left; }
	a.pm_btn { display:inline-block; vertical-align: middle; text-align:center;margin-top:0px; padding-top:3px; color:#fff; width:29px; height:19px; background:#a1a1a1; border-bottom:1px solid #636363;border-right:1px solid #636363;border-left:1px solid #7d7d7d;border-top:1px solid #7d7d7d; }
	a.pm_btn2 { width:41px; margin-top:2px;  }

	div.detail_wrap { ; overflow: hidden; background:#363636; text-align:center; }
	div.detail_box { width:100%; display: inline-block; margin:17px 0; }
	/*
	div.detail_view { width:302px; height:227px; border:1px solid #4a4a4a; position:relative; overflow: hidden; margin: 0 auto; z-index: 5;}
	*/
	div.detail_view { border:1px solid #4a4a4a; position:relative; overflow: hidden; margin: 0 auto; z-index: 5;}	/* ceobiz */
	div.detail_view ul { clear:both;}
	/*
	div.detail_view li { display:inline-block; float:left; border:1px solid #8d8d8d; height:225px;}
	div.detail_view li img { width:300px; }
	div.touchSlider { height:227px; }
	*/ /* ceobiz */
	div.detail_view li { display:inline-block; float:left; border:1px solid #8d8d8d;}
	div.pn_btn_wrap { position: relative; top: -182px; left: 0; text-align:center; z-index: 10;}
	div.touchslider-nav {width:100%;  display: inline-block; position: relative;}
	div.touchslider-nav a.prev { width:21px; height:39px; float:left; margin-left:20px; background:url(../img/common/top_ico.png) no-repeat -121px -61px; text-indent:-10000px;}
	div.touchslider-nav a.next { width:21px; height:39px; float:right; margin-right:20px; background:url(../img/common/top_ico.png) no-repeat -142px -61px; text-indent:-10000px;}
	

	div.slide_ban {  border-bottom:1px solid #d0d0d0; background:#fff; position:relative; text-align:center; }
	div.banner_wrap {  height:206px; overflow: hidden;}
	div.touchSlider { }
	div.banner_w {  height:180px; margin:0 auto; width:320px; overflow:hidden;}
	div.banner_w dl {  height:180px; text-align:left; position:relative;}
	div.banner_w dt { display: inline-block;margin-top: 30px;height: 150px;vertical-align: top; }
	div.banner_w dt a { display:block; }
	div.banner_w dt img { width:140px; height:120px; }
	div.banner_w dd { position:absolute; left:150px; top:55px; text-align: left;display: inline-block;height: 150px;vertical-align: top; word-break:break-all; text-overflow:ellipsis; white-space: nowrap;}
	div.banner_w dd span { display:block; }
	div.banner_w dd span.tit { font-size:14px; color:#272f41; font-weight:bold; letter-spacing:-1px; }
	div.banner_w dd span.txt { font-size:14px; color:#636363; margin-top:5px; }
	div.banner_w dd span.pri { font-size:14px; color:#636363; margin-top:16px; }
	div.banner_w dd span.dis { display:inline-block; font-size:14px; color:#21939d; font-weight:bold;}
	div.banner_w dd span.mem { display:inline-block; font-size:14px; color:#21939d; width:49px; border-right:1px solid #b7b7b7; line-height:12px; margin-right:7px; }

	div.banner_wrap ul { height:26px; }
	div.banner_wrap ul li { display:inline-block;}
	div.banner_wrap ul li a { width:10px; height:11px; display:inline-block; text-indent:-10000px; background:url(../img/common/top_ico.png) no-repeat -15px -47px; margin-right:15px; }
	div.banner_wrap ul li a.touchslider-nav-item-current { background-position:-30px -47px; }

	

	ul.tab_list2 { position:relative; padding:0px 5px 0; height:37px; background:#595d67; border-bottom:1px solid #3a3d45; margin-bottom:10px;}
	ul.tab_list2 li {float:left; width:28%;
					background:url(../img/common/tab_line2.gif) no-repeat right 14px;
					} 
	ul.tab_list2 li.fir { width:15%; }
	ul.tab_list2 li.back_left { background:url(../img/common/tab_line2.gif) no-repeat left 14px; }
	ul.tab_list2 li a { display:block; font-size:14px; text-align:center; height:26px; padding:5px 5px 0; margin-top:6px; white-space: nowrap; text-overflow: ellipsis;color:#ccc; 	
						border-top-left-radius:3px;
						border-top-right-radius:3px;
						}
	ul.tab_list2 li.on a { font-size:14px;font-weight:bold; color:#20a0d3; border-top:1px solid #3a3d45; border-left:1px solid #3a3d45; border-right:1px solid #3a3d45; background:#fff; }

	ul.cont_list { overflow:hidden; margin-top:24px;}
	ul.cont_list li  { text-align:center; font-size:14px; width:48%; margin:0 1% 2%;  float:left;}
	ul.cont_list dl { display:inline-block;  height:310px; width:100% }
	ul.cont_list dl dt img { width:100%; border:1px solid #f0f0f0; }
	ul.cont_list dl dd { color:#636363; font-size:12px; line-height:12px; text-align:left; padding-left:2%;}
	ul.cont_list li dl dd p { line-height:1.4em; }
	ul.cont_list li dl dd p.money_txt { overflow:hidden; }
	ul.cont_list li dl dd p.icon { height:40px; overflow:hidden; }	/* ceobiz */
	ul.cont_list li dl dd span { display:inline-block; font-size:12px; }
	ul.cont_list li dl dd span.tit { height:30px; line-height:1.2em;}
	ul.cont_list li dl dd span.pri_txt { width:26% }
	ul.cont_list li dl dd span.pri { color:#636363; text-decoration:line-through; margin:4px 0 2px; font-size:16px; font-weight:bold; }
	ul.cont_list li dl dd span.pri2 { text-decoration:none; }
	ul.cont_list li dl dd span.pri_txt2 { margin-left:-3px; }
	ul.cont_list li dl dd span.dis_txt { }
	ul.cont_list li dl dd span.dis { color:#e16500; font-weight:bold; font-size:21px;}
	ul.cont_list li dl dd span.dis_txt2 { color:#e16500; margin-left:-3px;}
	

	ul.cont_list2 { text-align:left; }
	ul.cont_list2 li  { font-size:14px;  padding:15px 2%; white-space: nowrap; text-overflow: ellipsis; border-bottom:1px solid #d0d0d0; position:relative;}
	ul.cont_list2 li.bor_none { border-bottom:none; }
	ul.cont_list2 li.last { border-bottom:none; }
	/*
	ul.cont_list2 li dl { display:inline-block; clear:both; overflow:hidden;}
	*/
	ul.cont_list2 li dl { display:block; clear:both; overflow:hidden;}	/* ceobiz : display:inline-block : 글자짤림현상으로 변경 */
	ul.cont_list2 li dl dt { width:40%; display:inline-block; float:left; }
	ul.cont_list2 li dl dt img { width:100%; border:1px solid #f0f0f0;}
	ul.cont_list2 li dl dt.jang { width:33%; margin-left:7%; }
	ul.cont_list2 li dl dt.jang .chk { position:absolute; left:2%; top:15px; }
	ul.cont_list2 li dl dt img { width:100%; }
	ul.cont_list2 li dl dd { padding:0 2%; width:55%; color:#636363; font-size:12px; float:left;}
	ul.cont_list2 li dl dd p {  }
	ul.cont_list2 li dl dd span { display:inline-block; }
	ul.cont_list2 li dl dd span.tit { display:block; margin-top:5%;}
	ul.cont_list2 li dl dd span.pri_txt { }
	ul.cont_list2 li dl dd span.pri { color:#636363; text-decoration:line-through; margin:4px 0 2px; font-size:16px; font-weight:bold; }
	ul.cont_list2 li dl dd span.pri2 { text-decoration:none; }
	ul.cont_list2 li dl dd span.pri_txt2 { margin-left:-3px; }
	ul.cont_list2 li dl dd span.dis_txt { }
	ul.cont_list2 li dl dd span.dis { color:#e16500; font-weight:bold; font-size:21px;}
	ul.cont_list2 li dl dd span.dis_txt2 { color:#e16500; margin-left:-3px;}
	ul.cont_list2 li dl dd span.new {  display:inline-block; width:35px; height:16px; background:url(../img/common/top_ico.png) no-repeat -156px -44px; text-indent:-10000px; margin:2px 3px 0 0;}
	ul.cont_list2 li dl dd span.best { display:inline-block; width:36px; height:16px; background:url(../img/common/top_ico.png) no-repeat -121px -44px; text-indent:-10000px; margin:2px 3px 0 0;}
	ul.cont_list2 li dl dd span.amount { display:inline-block; }
	ul.cont_list2 li dl dd span.hide_txt { font-size:12px; color:#9a9a9a; }
	ul.cont_list2 li dl dd input[type="text"] { height:20px; }
	ul.cont_list4 { border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; margin-bottom:20px;}

	div.mid_cont { border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; height:93px; background:#9cb821; }
	div.mid_cont p.txt { width:300px; height:57px; text-align:left; display:inline-block; font-size:16px; color:#fff; font-weight:bold; margin-top:12px; padding-top:13px; background:url(../img/common/pig_img.png) no-repeat right top;}
	div.mid_cont p.txt span.col_red { color:#ed145b; }
	div.mid_cont p.txt span.sm_t { font-size:14px; color:#272f41; }
	div.mid_cont p.txt span.ssm_t { font-size:14px; color:#272f41; }
	div.mid_cont p.txt a { color:#fff; }
	div.mid_cont p.txt span.img {display:inline-block; margin-top:12px; width:92px; height:57px;  text-indent:-10000px;}

	ul.cont_list3 {  margin-top:12px; display:table; text-align:center; width:100%;}
	ul.cont_list3 li  { text-align:center; font-size:14px; width:24%;  padding:0 1%; display:table-cell; }
	ul.cont_list3 li dl dt { border:1px solid #d0d0d0; width:100%; max-width:96px;  display:inline-block; margin-bottom:10px; }
	ul.cont_list3 li dl dt img { width:100%; max-width:96px; }
	ul.cont_list3 li dl dd { color:#636363; font-size:12px; line-height:12px; }
	ul.cont_list3 li dl dd p { display:inline-block; font-size:12px; line-height:1.4em;}
	ul.cont_list3 li dl dd span { display:block; }
	ul.cont_list3 li dl dd span.pri { color:#636363;  text-decoration:line-through; margin:4px 0 2px; }
	ul.cont_list3 li dl dd span.dis { color:#21939d; font-size:14px; font-weight:bold; }


/*****************************************************디자인프랍 팝콘사용/적립내역 페이지 팝콘등급이미지 오른쪽 text****************************************************************************************/
	
ul.popcon_cont_list2 { text-align:left; }
ul.popcon_cont_list2 li  { font-size:16px;  padding:30px 2%; white-space: nowrap; text-overflow: ellipsis; border-bottom:1px solid #d0d0d0; position:relative;}
ul.popcon_cont_list2 li.bor_none { border-bottom:none; }
ul.popcon_cont_list2 li.last { border-bottom:none; }
ul.popcon_cont_list2 li dl { display:block; clear:both; overflow:hidden;}	/* ceobiz : display:inline-block : 글자짤림현상으로 변경 */
ul.popcon_cont_list2 li dl dt { width:45.5%; display:inline-block; float:left; }
ul.popcon_cont_list2 li dl dt img { width:100%; border:1px solid #f0f0f0;}
ul.popcon_cont_list2 li dl dt.jang { width:45.5%; }
ul.popcon_cont_list2 li dl dt.jang .chk { position:absolute; left:2%; top:15px; }
ul.popcon_cont_list2 li dl dt img { width:100%; }
ul.popcon_cont_list2 li dl dd {padding:0 2%; width:50%; color:#636363; font-size:12px; float:left;}
ul.popcon_cont_list2 li dl dd .popcon_pd_name {padding:0 3%; width:50%; color:#333; font-size:16px; font-weight:bold;}
ul.popcon_cont_list2 li dl dd .popcon_pd_name span{color:#333; font-size:16px; font-weight:normal;}
ul.popcon_cont_list2 li dl dd .popcon_pd_name_red{padding:0 3%; width:50%; color:#d1173e; font-size:14px; font-weight:bold;}
ul.popcon_cont_list2 li dl dd .popcon_pd_name_red span{display:inline-block; color:#333; font-size:14px; font-weight:normal;}
ul.popcon_cont_list2 li dl dd .popcon_pd_name_text{padding:0 3%; width:50%; color:#000; font-size:14px; font-weight:normal;}
ul.popcon_cont_list2 li dl dd .popcon_pd_name_text img{width:20px;}
ul.popcon_cont_list2 li dl dd .popcon_pd_name_text01{color:#d1173e; font-size:14px; font-weight:normal;}

ul.popcon_cont_list2 li dl dd p {  }
ul.popcon_cont_list2 li dl dd span { display:line-block;}
ul.popcon_cont_list2 li dl dd span.tit { display:block; margin-top:5%;}
ul.popcon_cont_list2 li dl dd span.pri_txt { }
ul.popcon_cont_list2 li dl dd span.pri { color:#636363; text-decoration:line-through; margin:4px 0 2px; font-size:16px; font-weight:bold; }
ul.popcon_cont_list2 li dl dd span.pri2 { text-decoration:none;}
ul.popcon_cont_list2 li dl dd span.pri_txt2 { margin-left:-3px;}
ul.popcon_cont_list2 li dl dd span.dis_txt { }
ul.popcon_cont_list2 li dl dd span.dis { color:#e16500; font-weight:bold; font-size:21px;}
ul.popcon_cont_list2 li dl dd span.dis_txt2 { color:#e16500; margin-left:-3px;}
ul.popcon_cont_list2 li dl dd span.new {  display:inline-block; width:35px; height:16px; background:url(../img/common/top_ico.png) no-repeat -156px -44px; text-indent:-10000px; margin:2px 3px 0 0;}
ul.popcon_cont_list2 li dl dd span.best { display:inline-block; width:36px; height:16px; background:url(../img/common/top_ico.png) no-repeat -121px -44px; text-indent:-10000px; margin:2px 3px 0 0;}
ul.popcon_cont_list2 li dl dd span.amount { display:inline-block; }
ul.popcon_cont_list2 li dl dd span.hide_txt { font-size:12px; color:#9a9a9a; }
ul.popcon_cont_list2 li dl dd input[type="text"] { height:20px; }
ul.popcon_cont_list4 { border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; margin-bottom:20px;}

div.mid_cont { border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; height:93px; background:#9cb821; }
div.mid_cont p.txt { width:300px; height:57px; text-align:left; display:inline-block; font-size:16px; color:#fff; font-weight:bold; margin-top:12px; padding-top:13px; background:url(../img/common/pig_img.png) no-repeat right top;}
div.mid_cont p.txt span.col_red { color:#ed145b; }
div.mid_cont p.txt span.sm_t { font-size:14px; color:#272f41; }
div.mid_cont p.txt span.ssm_t { font-size:14px; color:#272f41; }
div.mid_cont p.txt a { color:#fff; }
div.mid_cont p.txt span.img {display:inline-block; margin-top:12px; width:92px; height:57px;  text-indent:-10000px;}

ul.popcon_cont_list3 {  margin-top:12px; display:table; text-align:center; width:100%;}
ul.popcon_cont_list3 li  { text-align:center; font-size:14px; width:24%;  padding:0 1%; display:table-cell; }
ul.popcon_cont_list3 li dl dt { border:1px solid #d0d0d0; width:100%; max-width:96px;  display:inline-block; margin-bottom:10px; }
ul.popcon_cont_list3 li dl dt img { width:100%; max-width:96px; }
ul.popcon_cont_list3 li dl dd { color:#636363; font-size:12px; line-height:12px; }
ul.popcon_cont_list3 li dl dd p { display:inline-block; font-size:12px; line-height:1.4em;}
ul.popcon_cont_list3 li dl dd span { display:block; }
ul.popcon_cont_list3 li dl dd span.pri { color:#636363;  text-decoration:line-through; margin:4px 0 2px; }
ul.popcon_cont_list3 li dl dd span.dis { color:#21939d; font-size:14px; font-weight:bold; }




	/* 테이블 폼 */
	table.def_tb { width:100%; text-align:left; border-top:1px solid #d0d0d0;}
	table.def_tb th { text-align:left; vertical-align:top; font-size:14px; color:#363636;  border-bottom:1px solid #d0d0d0; padding:10px 0 10px 10px; }
	table.def_tb td {border-bottom:1px solid #d0d0d0;padding-top:3px; padding-bottom:3px; padding-left:10px;}
	table.def_tb .cen { text-align:center; padding:10px 0; }
	table.def_tb td.pad { padding:10px 0 10px 10px; }	
	table.def_tb th.bordernone, table.def_tb td.bordernone {border-bottom:none;}
	table.def_tb input[type="button"] {font-size:14px;height:34px; margin-left:4px; vertical-align:middle; }	
	table.def_tb_01 {  }
	table.def_tb_01 th { border-right:1px solid #d0d0d0; background:#f4f4f4; }
	table.def_tb_01 td { border-right:1px solid #d0d0d0; }
	table.def_tb_01 td.one { background:#f4f4f4; padding:7px 10px; }
	table.def_tb_01 td.bor2 { background:#f4f4f4; border-bottom:2px solid #acacac; text-align:center; padding:20px 0; font-weight:bold;}
	table.def_tb_01 .back_col { background:#eee; }
	table.def_tb_02 { border-top:1px solid #d0d0d0; border-left:1px solid #d0d0d0;  }
	table.def_tb_02 th { font-size:12px; }
	table.def_tb_02 td { font-size:12px; }

	select {height:31px;}


	/*****************************************************디자인프랍 팝콘사용/적립내역 페이지 내역부분 text 수정****************************************************************************************/
	table.popcon_def_tb { width:100%; text-align:left; border-top:1px solid #d0d0d0;}
	table.popcon_def_tb th { text-align:left; vertical-align:top; font-size:14px; color:#363636;  border-bottom:1px solid #d0d0d0; padding:10px 0 10px 10px; }
	table.popcon_def_tb td {border-bottom:1px solid #d0d0d0;padding-top:3px; padding-bottom:3px; padding-left:10px; border-left:1px solid #d0d0d0;}
	table.popcon_def_tb .cen { text-align:center; padding:10px 0; }
	table.popcon_def_tb td.pad { padding:10px 0 10px 10px; }	
	table.popcon_def_tb th.bordernone, table.def_tb td.bordernone {border-bottom:none;}
	table.popcon_def_tb input[type="button"] {font-size:14px;height:34px; margin-left:4px; vertical-align:middle; }	
	table.popcon_def_tb_01 {  }
	table.popcon_def_tb_01 th { border-right:1px solid #d0d0d0; background:#f4f4f4;  border-left:1px solid #d0d0d0;}
	table.popcon_def_tb_01 td { border-right:1px solid #d0d0d0; }
	table.popcon_def_tb_01 td.one { background:#f4f4f4; padding:7px 10px; }
	table.popcon_def_tb_01 td.bor2 {background:#f4f4f4; text-align:left; padding:20px 10px; font-weight:bold;}
	table.popcon_def_tb_01 td.bor3 {background:#ffffff; text-align:left; padding:20px 10px; font-weight:normal;}
	table.popcon_def_tb_01 td.bor3 strong{color:#000;}
	table.popcon_def_tb_01 td.bor3 span{color:#d1173e; font-weight:bold;}
	table.popcon_def_tb_01 .back_col { background:#eee; }
	table.popcon_def_tb_02 { border-top:1px solid #d0d0d0; border-left:1px solid #d0d0d0;  }
	table.popcon_def_tb_02 th { font-size:12px; }
	table.popcon_def_tb_02 td { font-size:12px; }

	select {height:31px;}


.bank_txt { width:100%; border-top:1px solid #a1a1a1; display:block;}
.bank_txt a { display:block; }
.bank_txt img { width:100%;  display:block;}

#foot_menu {  }
	ul.foot_menu_w { position:relative; display:block; width:100%; overflow:hidden; clear:both; }
	ul.foot_menu_w li {  width:100%; float:left; background:#595d67;}
	ul.foot_menu_w li a { height:40px; color:#a6aec0; font-size:14px; font-weight:bold; display:block; border-right:1px solid #4f525c; border-bottom:1px solid #4f525c; }
	ul.foot_menu_w li a span { display:inline-block; }
	ul.foot_menu_w li a span.txt { margin:10px 0 0 15px; float:left; }
	ul.foot_menu_w li a span.img { margin:11px 12px 0 0; float:right; width:9px; height:17px; background:url(../img/common/top_ico.png) no-repeat left -73px; text-indent:-10000px; }

	ul.foot_menu_w2 li { width:100%;}
	ul.foot_menu_w2 li.ly { border-bottom:1px solid #d0d0d0; }
	ul.foot_menu_w2 li a { height:40px; color:#515151; font-size:14px; display:block; border-bottom:1px solid #d0d0d0; }
	ul.foot_menu_w2 li a span { display:inline-block; }
	ul.foot_menu_w2 li a span.txt { margin:10px 0 0 15px; float:left; }
	ul.foot_menu_w2 li a span.box { float:right; padding:11px 17px; border-left:1px solid #d0d0d0;}
	ul.foot_menu_w2 li a span.img { margin:0 17px 0; width:15px; height:8px; background:url(../img/common/top_ico.png) no-repeat -26px -100px; text-indent:-10000px; }
	dl.foot_menu_w2 a { color:#636363; }
	dl.foot_menu_w2 a.on { color:#1880a9; }
	dl.foot_menu_w2_last { border-bottom:1px solid #d0d0d0; }

#footer { }
	ul.footer_w { text-align:left; overflow:hidden;  background-color: #D21C42;}
	ul.footer_w li  {  width:25%; display:inline-block; float:left;}
	ul.footer_w li a { color:#fff; width:100%; display:block; text-align:center; padding:10px 0; border-right:1px solid #4f5463; font-size:12px; font-weight:bold; }
	ul.footer_w li.top span { display:inline-block; background:url(../img/common/arrow.png) no-repeat right 6px; padding-right:12px;}
	ul.footer_txt { padding:10px 0 0; background:#4f5463;}
	ul.footer_txt li { display:inline-block; border-right:1px solid #6f7480; vertical-align:top; height:14px;}
	ul.footer_txt li.last { border-right:none; }
	ul.footer_txt li a { color:#fff; display:inline-block; height:14px; padding:0 10px 0 9px; font-size:12px; vertical-align:top; line-height:14px;}
	p.footer_txt { font-size:14px; color:#fff; }
	p.copy_center { padding:10px 2%; text-align:center; font-size:12px; color:#abadb3; line-height:1.4em; background:#4f5463;}
	p.copy_center span { display:inline-block; }
	p.copy_center a { color:#fff; }
	/* ceobiz ************************************************************************************************************************************************/
	p.copy_left { padding:10px 2%; text-align:left; font-size:9px; color:#666666; line-height:1.4em; background:#ccc;}
	p.copy_left span { display:inline-block; }
	p.copy_left a { color:#fff; }
	/* ceobiz ************************************************************************************************************************************************/
div.join_top_teb { height:45px; }
div.join_top_teb ul {  }
div.join_top_teb ul li { width:50%; height:43px; background:#595d67; border-top:1px solid #3a3d45; border-bottom:1px solid #3a3d45; position:relative; float:left; text-align:left; color:#fff;}
div.join_top_teb ul li.on { background:#282b32; }
div.join_top_teb ul li span { display:inline-block; padding:12px 0 0 12px; }
div.join_top_teb ul li span.arr { position:absolute; right:0; top:0; padding:0; display:block; width:23px; height:43px; background:url(../img/common/top_ico.png) no-repeat -223px -45px; text-indent:-10000px;  }
div.join_top_teb ul li span.arr_01 { background-position: -200px -45px; }
div.join_top_teb ul li span.arr_02 { background-position: -223px -45px; }
div.join_top_teb ul li span.arr_03 { background-position: -246px -45px; }
div.join_top_teb ul li.w34 { width:34%;}


div.login_wrap { position:relative; margin:0 2% 4%;}
div.login_wrap dl.login { margin-right:101px; }
div.login_wrap dl.login dt {  }
div.login_wrap dl.login dd {  }
div.login_wrap span { }
div.login_wrap dd span.input_txt_area { display:block; width:100%;}
div.login_wrap dd span input { height:30px; }
div.login_wrap span.input_chb { display:block; text-align:left; position:relative; height:30px;}
div.login_wrap span.input_chb input[type="checkbox"] { width:200px; height:30px; opacity:0; z-index:100; position:absolute; left:2px; top:1px;}
div.login_wrap span.input_chb input.chb:checked + label { background:url(../img/common/top_ico.png) no-repeat -286px -22px; }
div.login_wrap span.input_chb label { height:20px; background:url(../img/common/top_ico.png) no-repeat -286px top; position:absolute; left:0; top:0; padding:2px 0 0 28px;}
div.login_wrap ul.iden {  }
div.login_wrap ul.iden li { text-align:center; display:inline-block;}
div.login_wrap ul.iden li span { vertical-align:middle; display:block;}
div.login_wrap ul.iden li input { vertical-align:middle; margin-top: -2px; }
div.login_wrap input.login { position:absolute; right:15px; top:0; width:76px; height:71px;  font-size:17px; color:#fff;}

div.do_srch_wrap { padding: 0 2%; }
div.do_srch_wrap2 { }
div.do_srch_wrap dt { position:absolute; left: 16px; top: 8px; }
div.do_srch_wrap dd {  }
div.do_srch_wrap input.srch { position:absolute; right:33px; top:0; width:56px; height:34px; font-size:14px; color:#fff;}

.view_table { width:100%; border-top:1px solid #b7b7b7; border-left:1px solid #b7b7b7; margin-bottom:20px;}
.view_table th { text-align:center; vertical-align:middle; padding:10px 0 8px; background:#fafafa; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.view_table td { text-align:left; vertical-align:middle; padding:10px 0 8px 10px; background:#fff; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}


.ta1 { width:100%; border-top:1px solid #b7b7b7; border-left:1px solid #b7b7b7; margin-top:20px;}
.ta1 th { text-align:center; vertical-align:middle; padding:10px 0 8px; background:#fafafa; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.ta1 td { text-align:left; vertical-align:middle; padding:10px 0 8px 10px; background:#fff; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}

.ta2 { width:100%; border-top:1px solid #b7b7b7; border-left:1px solid #b7b7b7; }
.ta2 th { text-align:center; vertical-align:middle; padding:10px 8px; background:#fafafa; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.ta2 td { text-align:left; vertical-align:middle; padding:10px 8px; background:#fff; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
p.col1 { font-weight:bold; margin:10px 0 5px; }
.view_img_box { width:100%; }
.view_img_box img { width:100%; }
.view_img_box p { position:relative; }
.view_img_box a { display:none; width:15%;}
.view_img_box p a.type_01_01 { position:absolute; bottom:1%; left:271px; }
.view_img_box p a.type_01_02 { position:absolute; bottom:10px; left:658px; }

.view_img_box p a.type_03_01 { position:absolute; bottom:1%; left:15%; display:none;}
.view_img_box p a.type_03_02 { position:absolute; bottom:10px; left:366px; display:none;}
.view_img_box p a.type_03_03 { position:absolute; bottom:10px; left:556px; display:none;}
.view_img_box p a.type_03_04 { position:absolute; bottom:10px; left:747px; display:none;}
div.text_box_bg_black { background:#363636; text-align:center; border:1px solid #d0d0d0; color:#fff; margin:0 2%;}
div.text_box_bg_black2 { margin:0 2% 4%; }
div.text_box_bg_black p.def_text { color:#fff; }
div.text_box_bg_black p.def_text span.under_line { text-decoration:underline; }
div.text_box_bg_gray { background:#f5f5f5; text-align:center; border:1px solid #d0d0d0;color:#202428; padding:4% 2% 4% 2%;}
div.text_box_bg_gray2 { background:#f2f2f2; }
div.text_box_bg_gray3 { margin:4% 2%; }
div.text_box_bg_gray_bor_none { border-bottom:none; border-top:none; }
div.text_box_bg_gray_back_none { background:#fff; }
div.text_box_bg_green { background:#a2bd24; text-align:left; border:1px solid #738618; border-top:1px solid #738618; color:#fff;}
div.text_box_bg_green p { padding:10px 0 10px 21px; color:#fff;}
div.text_box_align_l { text-align:left; }


/*****************************************디자인프랍 팝콘사용/적립내역 내역부분 텍스트 *****************************************************************************/
div.popcon_text_box_bg_gray { background:#f5f5f5; text-align:center;}
div.popcon_text_box_bg_gray_bor_none { border-bottom:none; border-top:none; }
div.popcon_text_box_bg_gray_back_none { background:#fff; }


/* 상품상세 QnA, review */
.detail_board {padding:0 3%;overflow:hidden;position:relative;}
.detail_board ul.list {clear:both;overflow:hidden;position:relative;border-bottom:solid 1px #ccc;padding:10px 5px;}
.detail_board ul.reply {clear:both;overflow:hidden;position:relative;border-bottom:solid 1px #ccc;padding:10px 5px 10px 20px;background:#f1f1f1 url(/m/img/icon/ico_talk_re.png) 5px 8px no-repeat;}
.detail_board ul li {font-size:0.9em;color:#666}
.detail_board ul .write {color:#2aa9b2;}
.detail_board ul .data {color:#888;padding-left:10px;}
.detail_board ul .star {position:absolute;right:5px;color:#187981;}
.qna_input {overflow:hidden;margin-bottom:10px;}
.qna_input .form {width:85%;float:left;}
input.qna {border:solid 1px #ccc;background:#f8f8f8;width:96%;height:25px;}
.qna_input .btn {width:14%;float:right;}

/*더보기버튼*/
.btn_more{width:100%;position:relative;min-width:92%;height:30px;margin:15px 3px 0;padding:0;font-size:1em;font-weight:bold;background:url(/m/img/button/btn_more_lft.png) 0 0 no-repeat;text-align:center;line-height:2.4em;letter-spacing:-1px;vertical-align:top}
.btn_more a {color:#444;}
.btn_more span{display:block;position:absolute;top:0;right:0;width:10px;height:30px;background:url(/m/img/button/btn_more_rgt.png) 0 0 no-repeat}

/* 마이페이지 */
.my_menu {margin:20px auto;padding:0 3%;}
.my_menu ul {border:solid 1px #e2e2e2;background:#f3f3f3;}
.my_menu li {padding:12px 15px 10px;border-bottom:solid 1px #e2e2e2;text-align:left;}
.my_menu li a {color:#5e5e5e;font-size:1em;font-weight:bold;}

table.my_list {border-top:solid 1px #ccc; border-left:solid 1px #ccc;border-right:solid 1px #ccc;position:relative;}
table.my_list th {padding:6px 5px 4px;text-align:center; color:#555; font-weight:normal; background:#e9e9e9;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;font-size:0.9em;}
table.my_list td {padding:6px 5px 4px;text-align:center; color:#555;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;font-size:0.9em;line-height:1.4em}
table.my_list td.list {text-align:left;}
table.my_list td.list a {text-align:left;color:#555;}
table.my_list td.reply {padding:10px 5px 10px 30px;background:#f1f1f1 url(/m/img/icon/ico_talk_re.png) 10px 8px no-repeat;text-align:left;}
table.my_list .write {color:#2aa9b2;}
table.my_list .data {color:#888;padding-left:10px;}
table.my_list .state a {color:#2aa9b2;}

table.my_form {border-top:solid 1px #ccc; border-left:solid 1px #ccc;border-right:solid 1px #ccc;position:relative;}
table.my_form th {padding:10px 10px 8px;text-align:left; color:#555; font-weight:normal; background:#e9e9e9;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc}
table.my_form td {padding:10px 10px 8px;text-align:left; color:#555;border-bottom:solid 1px #ccc;line-height:1.4em}

.gray_info {font-size:0.9em;color:#888;letter-spacing:-0.1em;background:url(/images/icon/gray_txt_dot.png) 7px 5px no-repeat; padding:0 15px;}
.gray_info strong {font-size:1em;color:#20a0d3;}

ul.gray_box {border:solid 1px #ddd;}
ul.gray_box li {text-align:left;padding:8px;background:#f7f7f7;border-bottom:solid 1px #ddd;}
ul.gray_box li.text {background:#fff;border-bottom:none;}
/* //마이페이지 */

ul.sns_wrap { float:right; clear:both; overflow:hidden; }
ul.sns_wrap li { float:left; margin-right:5px;}
ul.sns_wrap li.last { margin-right:0; }
ul.sns_wrap li a { display:block; width:34px; height:34px; background:url(../img/common/top_ico.png) no-repeat -148px top; text-indent:-10000px; }
ul.sns_wrap li a.sns_m { background-position: -148px top;}
ul.sns_wrap li a.sns_t { background-position: -182px top;}
ul.sns_wrap li a.sns_f { background-position: -216px top;}
ul.sns_wrap li a.sns_c { background-position: -250px top;}

dl.fl_le_ri { overflow:hidden; padding:10px 10px;}
dl.fl_le_ri_back_dark_gray { background:#d7d7d7; }
dl.fl_le_ri dt { clear:left; float:left; font-weight: bold;}
dl.fl_le_ri dd { clear:right; float:right; font-weight: bold;}

ul.chk_w { position:relative; display:block; width:100%; overflow:hidden; clear:both; padding:16px 0; }
ul.chk_w li {  width:40%; float:left; text-align:left; padding-left:16px; }
ul.chk_w li span { display: inline-block; vertical-align: middle; margin-top: 3px;}
ul.chk_w2 { padding:5px 0; }

dl.chk_box_w { overflow:hidden; clear:both; padding:10px 10px; text-align:left;}
dl.chk_box_w dt { width:56%; float:left; padding-right:5px;}
dl.chk_box_w dd { width:42%; float:right; text-align:right;}

dl.chk_box_w2 { padding:10px 10px; text-align:left;}
dl.chk_box_w2 dt { }
dl.chk_box_w2 dd { }


.paging { margin:0 2%; }




div.sbmt { background:#f5f5f5; border-top:1px solid #d0d0d0; }
input[type="button"] { color:#fff; height:42px; }
input.sbmt_green {  border-top:1px solid #20a0d3;
					border-left:1px solid #20a0d3;
					border-right:1px solid #116b8f; 
					border-bottom:1px solid #116b8f;
					background:url(../img/common/input_btn_green.gif) repeat-x left top; font-size:17px;}
input.sbmt_green2 { border:1px solid #1880a9; background:#20a0d3; font-size:14px; font-weight:bold; height:29px;}
input.sbmt_blue {   border-top:1px solid #20b8d3;
					border-left:1px solid #20b8d3;
					border-right:1px solid #117f8f; 
					border-bottom:1px solid #117f8f;
					background:url(../img/common/input_btn_blue.gif) repeat-x left top; font-size:17px;}
input.sbmt_red {   border-top:1px solid #fb0648;
					border-left:1px solid #fb0648;
					border-right:1px solid #c6000a; 
					border-bottom:1px solid #c6000a;
					background:url(../img/common/input_btn_red.gif) repeat-x left top; font-size:17px;}
input.sbmt_gray {	border-top:1px solid #a1a1a1;
					border-left:1px solid #a1a1a1;
					border-right:1px solid #959595; 
					border-bottom:1px solid #959595; 
					background:url(../img/common/input_btn_gray.gif) repeat-x left top; font-size:17px;}
input.sbmt_gray2 { font-size:14px; height:29px; font-weight:bold; }
input.sbmt_dark_gray {	
					border-top:1px solid #555;
					border-left:1px solid #555;
					border-right:1px solid #111; 
					border-bottom:1px solid #111; 
					background:url(../img/common/input_btn_dark_gray.gif) repeat-x left top; font-size:17px;}

input.login {		border-top:1px solid #20a0d3;
					border-left:1px solid #20a0d3;
					border-right:1px solid #116b8f; 
					border-bottom:1px solid #116b8f;
					background:url(../img/common/input_btn_login.gif) repeat-x left top; font-size:17px;}

p.sbmt_green {		border-top:1px solid #20a0d3;
					border-left:1px solid #20a0d3;
					border-right:1px solid #116b8f; 
					border-bottom:1px solid #116b8f;
					background:url(../img/common/input_btn_green.gif) repeat-x left top; color:#fff; display:inline-block;}
p.sbmt_blue {		border-top:1px solid #3da6b2;
					border-left:1px solid #3da6b2;
					border-right:1px solid #25727e; 
					border-bottom:1px solid #25727e;
					background:url(../img/common/input_btn_blue.gif) repeat-x left top; color:#fff; display:inline-block;}
p.sbmt_dark_gray {	border-top:1px solid #555;
					border-left:1px solid #555;
					border-right:1px solid #111; 
					border-bottom:1px solid #111; 
					background:url(../img/common/input_btn_dark_gray.gif) repeat-x left top; color:#fff; display:inline-block;}
span.sbmt_gray {border-top:1px solid #a1a1a1;
					border-left:1px solid #a1a1a1;
					border-right:1px solid #959595; 
					border-bottom:1px solid #959595; 
					background:url(../img/common/input_btn_gray.gif) repeat-x left top; font-size:17px;color:#fff; height:42px;}


.border_box { border:1px solid #d0d0d0; margin:0 2%;}
.border_box2 { border:1px solid #acacac; }
.border_box_back_col_gray { background:#f5f5f5; margin:0 2%;}

.bor_t { border-top:1px solid #d0d0d0; }
.bor_b { border-bottom:1px solid #d0d0d0; }
.bor_l { border-left:1px solid #d0d0d0; }
.bor_r { border-right:1px solid #d0d0d0; }
.bor_b2 { border-bottom:1px solid #acacac; }

.bor_sam_01 {border-bottom:1px solid #728713; }
.bor_none { border:none; }

.text_al { text-align:left; }
.text_ar { text-align:right; }
.text_c { text-align:center; }

ul.care_ul { list-style:disc; }
ul.care_ul li { list-style-type:circle; margin-left:20px; width:90%; margin-bottom:5px;}

.wid10p { width:10%; }
.wid15p { width:15%; } /* ceobiz */
.wid17p { width:17%; }
.wid20p { width:20%; }
.wid23p { width:23%; }
.wid24p { width:24%; }
.wid25p { width:25%; }
.wid30p { width:30%; }
.wid32p { width:32%; }
.wid35p { width:35%; }
.wid40p { width:40%; }
.wid45p { width:45%; }
.wid48p { width:48%; }
.wid50p { width:50%; }
.wid59p { width:59%; }
.wid60p { width:60%; }
.wid65p { width:65%; }
.wid70p { width:70%; }
.wid80p { width:80%; }
.wid90p { width:90%; }
.wid95p { width:95%; }
.wid96p { width:96%; }
.wid97p { width:97%; }
.wid100p { width:100%; }
.wid101p { width:101%; }

.wid40 { width:40px; }
.wid50 { width:50px; }
.wid70 { width:70px; }
.wid77 { width:77px; }
.wid80 { width:80px; }
.wid110 { width:110px; }
.wid150 { width:150px; }

.hig20 { height:20px; }
.hig29 { height:29px; }
.hig37 { height:37px; }
.hig82 { height:82px; }
.hig133 { height:133px; }


.pl9 { padding-left:9px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }

.pl28 { padding-left:28px; }
.pl30 { padding-left:30px; }

.pl100 { padding-left:100px; }

.pr16 { padding-right:16px; }

.pt5 { padding-top:5px; }
.pt6 { padding-top:6px; }
.pt8 { padding-top:8px; }
.pt9 { padding-top:9px; }
.pt10 { padding-top:10px; }
.pt14 { padding-top:14px; }
.pt15 { padding-top:15px; }
.pt16 { padding-top:16px; }
.pt18 { padding-top:18px; }
.pt20 { padding-top:20px; }
.pt26 { padding-top:26px; }
.pt27 { padding-top:27px; }
.pt59 { padding-top:59px; }
.pt60 { padding-top:60px; }


.pb2 { padding-bottom:2px; }
.pb3 { padding-bottom:3px; }
.pb4 { padding-bottom:4px; }
.pb5 { padding-bottom:5px; }
.pb8 { padding-bottom:8px; }
.pb10 { padding-bottom:10px; }
.pb12 { padding-bottom:12px; }
.pb15 { padding-bottom:15px; }
.pb16 { padding-bottom:16px; }
.pb20 { padding-bottom:20px; }
.pb26 { padding-bottom:26px; }
.pb28 { padding-bottom:28px; }
.pb33 { padding-bottom:33px; }
.pb70 { padding-bottom:70px; }
.pb78 { padding-bottom:78px; }
.pb100 { padding-bottom:100px; }

.pa5 { padding:5px; }



.mb2 { margin-bottom:5px; }
.mb5 { margin-bottom:5px; }
.mb6 { margin-bottom:6px; }
.mb7 { margin-bottom:7px; }
.mb8 { margin-bottom:8px; }
.mb10 { margin-bottom:10px; }
.mb11 {  }
.mb13 { margin-bottom:13px; }
.mb15 { margin-bottom:15px; }
.mb16 { margin-bottom:16px; }
.mb20 { margin-bottom:20px; }
.mb22 { margin-bottom:22px; }
.mb24 { margin-bottom:24px; }
.mb27 { margin-bottom:27px; }
.mb28 { margin-bottom:28px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb44 { margin-bottom:44px; }
.mb54 { margin-bottom:54px; }

.mr5 { margin-right:5px; }
.mr15 { margin-right:15px; }
.mr16 { margin-right:16px; }

.ml10 { margin-left:10px; }
.ml16 { margin-left:16px; }
.ml20 { margin-left:20px; }



.mt3 { margin-top:3px; }

.mt5 { margin-top:5px; }
.mt7 { margin-top:7px; }
.mt10 { margin-top:10px; }
.mt12 { margin-top:12px; }
.mt14 { margin-top:14px; }
.mt18 { margin-top:18px; }
.mt20 { margin-top:20px; }
.mt29 { margin-top:29px; }
.mt36 { margin-top:36px; }
.mt50 { margin-top:50px; }

.fn12 { font-size:12px; }
.fn14 { font-size:14px; }
.fn16 { font-size:16px; }
.fn18 { font-size:18px; }

.letter_sp { letter-spacing:-1px; }
.ft_bold { font-weight:bold; }
.ft_nol { font-weight:normal; }

.mg42p { margin:4% 2%; }
.mt4p { margin-top:4%; }
.mb4p { margin-bottom:4%; }
.pl16 { padding:0 2%; }
.pb4p {padding-bottom:4%}
.pd2p {padding:2%}
.pd4p {padding:4%}

/*****************************디자인프랍 공통_주문_배송조회페이지 폰트color 수정*********************************************************/
.popcon_col_blue { color:#000000;}
.popcon_col_red { color:#d1173e; font-weight:bold;}
.popcon_col_green { color:#085b54;}
.popcon_col_black { color:#000000; font-weight:bold;}

.col_blue { color:#1085b4; }
.col_red { color:#ed145b; }
.col_gray { color:#4b4e51; }
.col_black { color:#111; }
.col_white { color:#fff; }

.back_green { background:#9cb821; }
.back_white { background:#fff; }
.back_gray { background:#ececec; }
.back_gray2 { background:#f5f5f5; }

.li_hei24 {line-height:24px;}
.li_hei12 { line-height:1.2em; }

.u_hc { visibility: hidden;
		overflow: hidden;
		position: absolute;
		left: -999em;
		width: 0;
		height: 0;
		font-size: 0;
		line-height: 0; }

.bottom_20 { bottom:20px; } 
.right_16 { right:16px; }
.right_105 { right:105px; }

.po_re_t1 {position:relative; top:-1px;}
.po_ab_t0_r0 {position:absolute; top:20px; right:10px;}
.po_ab_b0_r0 {position:absolute; bottom:0; right:0;}


.login_box_area { border:1px solid #e2e2e5; background:#e9e9eb; padding:6px; margin:0 2%;}
.login_box_area2 { border:none; background:#fff; }
.login_box { border:1px solid #e2e2e5; background:#fff; overflow:hidden; text-align:center;} 
.login_box2 { border:none; }
.login_box .left_login { width:288px; height:216px; padding:40px 0; margin: 0 auto; position:relative;}
.login_box .left_login2 {  padding:20px 0; }
.login_box .left_login_txt { width:100%; }
.login_box .left_login input { vertical-align:middle; }
.login_box .left_login input.id { padding-left:10px; border:1px solid #c5c5c5; font-size:12px; color:#111; height:31px; line-height:30px; width:273px; background:url(/images/login/input_id_bg.gif) no-repeat left top;}
.login_box .left_login input.pass { padding-left:10px; border:1px solid #c5c5c5; font-size:12px; color:#111; height:31px; line-height:30px; width:273px; background:url(/images/login/input_pass_bg.gif) no-repeat left top; font-family:dotum,"돋움";}
.login_box .left_login input.ids { padding-left:10px; border:1px solid #c5c5c5; font-size:12px; color:#111; height:31px; line-height:30px; background:none;}
.login_box .left_login input.on { background:none; }
.login_box .left_login .btn_login_box { position:absolute; right:0px; top:200px; }
.login_box .left_login .btn_login_box input.btn_login { width:147px;}
.login_box .left_login input.btn_srch {cursor:pointer; background:url(/images/login/btn_srch.gif) no-repeat left top; border:none; width:97px; height:36px;}
.login_box .left_login select { vertical-align:middle; border:1px solid #c5c5c5; padding:7px; line-height:30px; height:35px;}
.login_box .left_login span { display:inline-block; color:#989898; padding-left:4px; vertical-align:middle; }
.login_box .left_login span.col { color:#3c99b6; font-weight:bold; vertical-align:top; }

.login_box .left_login li { text-align:left; }
.login_box .left_login_txt li { text-align:center;}
.login_box .left_login .mb10 { margin-bottom:10px; }
.login_box .left_login dt { margin-bottom:7px; text-align:left; font-size:17px; font-weight:bold;}
.login_box .left_login dd.mb17 { margin-bottom:15px; }
.login_box .left_login dd.mb28 { margin-bottom:28px; }
.login_srch_wrap { overflow:hidden; margin:32px 0 0 0;}
.login_srch_wrap li { float:left; }
.login_srch_wrap li.fir { padding-right:17px; margin-right:17px; background:url(/images/login/bl_line.gif) no-repeat right 3px; }
.login_srch_wrap li a { color:#000; font-family:dotum,"돋움"; font-size:12px; display:block; line-height:1.4em;}
.login_srch_wrap li a.bol { font-weight:bold; }
.login_srch_wrap li a:hover { color:#17b3c0; text-decoration:none; }

.customer_foot_box { border:1px solid #d7d7d7; background:#fbfbfb; margin:0 2% 50px;}
.customer_foot_box ul { overflow:hidden; margin:10px 0; padding:15px 0 15px 33px; }
.customer_foot_box ul li { width:299px; text-align:left; padding:5px 0;}
.customer_foot_box ul li input { vertical-align:middle; }
.customer_foot_box ul li span { vertical-align:middle; color:#181818;}
.customer_foot_box ul li img {padding:2px 0 0 4px; vertical-align:middle;}

.col_box_gray { background:#f5f5f5; padding:20px; }
.col_box_gray img { width:100%; max-width:364px;}
.col_box_blue { background:#17b3c0; padding:20px; }
.col_box_blue img { width:100%; max-width:368px;}

.wid84 { width:84px; }
.wid273 { width:273px; }
.mt30 { margin-top:30px; }
.paging2 { margin:0 2%; text-align:left;}
.paging3 { background:#f5f5f5; }
.join_area { border:none; width:94%; height:85%; overflow-y:auto; overflow-x:hidden; padding:10px; }

label { vertical-align:middle; }

@media screen and (min-width : 320px) { 
	div.banner_w {  width:320px;}
	
}

@media screen and (min-width : 360px) { 
	div.banner_w {  width:360px;}
	
}

@media screen and (min-width : 400px) { 
	div.banner_w {  width:388px;}
	
}

@media screen and (min-width : 460px) { 
	div.banner_w {  width:388px;}
	
}
/*버튼 리셋*/
button{*overflow:visible;border:0 none;padding:0;margin:0;*margin-top:-2px;background:transparent;cursor:pointer}
button::-moz-focus-inner{border:0;padding:0}

/* 우편번호 찾기 - 도로명 */
.pop_zip{background:white;border:1px solid #ccc;color:#666; min-height:360px; vertical-align:top}
.pop_zip h1{height:50px; background-color:#da4a7f;}
.pop_zip h1 img{margin:15px 0 0 10px}
.zip_wrap .zip_type{height:40px;border-bottom:1px solid #dcdcdc} /* ceobiz */
.zip_wrap .zip_type ul{padding:0 10px;display:block; margin:15px 10px 0;}
.zip_wrap .zip_type ul li{padding-bottom:5px;}
.zip_wrap .zip_type label{margin-left:5px;cursor:pointer;height:13px;line-height:13px;overflow:hidden}
.zip_wrap .zip_type input{width:13px;height:13px;margin-top:-2px}
.zip_wrap .zip_section{display:block}
.zip_wrap .zip_section .ex{color:black;font-size:11px;text-align:center;padding:15px 0;line-height:16px}
.zip_wrap .zip_section .ex2{color:#999999;font-size:12px;text-align:left;padding:15px 0;line-height:16px}	/* ceobiz */
.zip_wrap .zip_section .ex span{color:#999}
.zip_wrap .zip_section .tip{color:#888;margin:10px 0 0 5px}
.zip_wrap .zip_section .tip span{margin-left:10px}
.zip_wrap .zip_section .tip a{text-decoration:none;color:#888}
.zip_wrap .zip_section .tip a:hover{text-decoration:underline;color:#555}
.zip_wrap .zip_search {background:#f8f8f8; border:1px solid #ccc; padding:15px 0 15px; overflow:hidden; height:40px;}	/* ceobiz */
.zip_wrap .zip_search ul{margin-top:-7px;margin-left:10px}
.zip_wrap .zip_search label{color:#444;font-weight:bold;width:120px;display:inline-block;float:left;height:21px;line-height:23px;cursor:pointer}
.zip_wrap .zip_search select{font-size:12px;width:90px;float:left;border:1px solid #ccc;color:#888;height:23px;line-height:23px}
.zip_wrap .zip_search input{font-size:12px;width:160px;display:inline-block;float:left;border:1px solid #ccc;background:white;height:21px;line-height:21px;padding-left:5px;color:#888;margin:0}	/* ceobiz */
.zip_wrap .zip_search button{  border-top:1px solid #20a0d3;
					border-left:1px solid #20a0d3;
					border-right:1px solid #116b8f; 
					border-bottom:1px solid #116b8f;
					background:url(../img/common/input_btn_green.gif) repeat-x left top; width:50px; height:26px; font-size:14px; color:#fff}
.zip_wrap .zip_search li{min-width:129px;float:left;margin-top:7px; margin-left:3px; height:23px}
.zip_wrap .zip_search .zip_search_detail{display:none; clear:both;}
.zip_wrap .zip_search .b_dong{background:#fff url(../common/post/address_input_txt4.png) 5px 5px no-repeat}
.zip_wrap .zip_search .b_jibun{background:#fff url(../common/post/address_input_txt1.png) 5px 5px no-repeat}
.zip_wrap .zip_search .b_street{background:#fff url(../common/post/address_input_txt5.png) 5px 5px no-repeat}
.zip_wrap .zip_search .b_bldgNo{background:#fff url(../common/post/address_input_txt2.png) 5px 5px no-repeat}
.zip_wrap .zip_search .b_bldgName{background:#fff url(../common/post/address_input_txt3.png) 5px 5px no-repeat}
.zip_wrap .zip_result{padding:5px 0;height:249px;overflow-y:auto;overflow-x:hidden;border:1px solid #ddd}
.zip_wrap .zip_result ul{margin:0 10px}
.zip_wrap .zip_result li{text-indent:10px;padding:6px 0;border-bottom:1px solid #ddd}
.zip_wrap .zip_result li a{color:#666;text-decoration:none}
.zip_wrap .zip_result li a:hover{color:#444;text-decoration:underline}
.zip_wrap .zip_result li a span{display:block;font-size:11px}
.zip_wrap .zip_result li input{float:right; height:20px; font-size:11px; color:#666;text-decoration:none}	/* ceobiz */ 
.zip_wrap .zip_btn{text-align:center;margin:20px 0}

.morebox
{
font-weight:bold;
font-size:20px;
color:#333333;
text-align:center;
border:solid 1px #333333;
padding:18px;
margin-top:12px;
margin-bottom:12px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.morebox a{ color:#333333; text-decoration:none}
.morebox a:hover{ color:#333333; text-decoration:none}

/* 2021 11 29 */
.order-finish-sket-btnbox{padding:10px 25px;}
.order-finish-sket-btnbox input{width:44.5%;}
.order-finish-sket-btnbox .fl{float:left;}
.order-finish-sket-btnbox .fr{float:right;}