@charset "utf-8";
/* user defind css */

/* [s] 스크롤 모달창 CSS */
body.popup {overflow-y:hidden;overflow:hidden;}
.scrollmodal{margin:auto; overflow: auto;}
.scrollmodal .bg_fixed{position:fixed; z-index:999999999; overflow:auto; /*word-break:break-all;*/ word-break:break-word; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5);}
.scrollmodal .bg_fixed .sectionview{margin:0 auto; position:relative; width:600px; height:1200px; background:white; margin-top:40px; margin-bottom:40px;}
.scrollmodal .bg_fixed .sectionview .section_contents{padding:0px 0px 0px 0px;}
.close_box05{float:right; width:23px; height:23px; background-color:#959493; line-height:23px; color:#fff; margin-right:5px; margin-top:5px; cursor:pointer}
.close_box05 p{text-align:center;cursor:pointer}
/* [e] 스크롤 모달창 CSS */

/* [s] 2015-08-21 기본 css */
html , body { width:100%; height:100%; margin:0 auto;     font-size: 14px;  line-height: 140%; } 
dt { margin:0px;padding:0px;font-weight:normal; }
img {  max-width: 100%; }
.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }
.cba:after { content:""; height:0; display:block; visibility:hidden; clear:both;  }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.l_center { margin:0 auto; }

.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt90 { margin-top:90px; }
.mt100 { margin-top:100px; }

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb90 { margin-bottom:90px; }
.mb100 { margin-bottom:100px; }

a { text-decoration:none; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }

.btn { padding:2px !important; }

.login_txt , .logout_txt { display:none; }


caption, legend { visibility: hidden; width: 0px; height: 0px; font-size: 0px; line-height: 0px; }

input[type="radio"] , input[type="checkbox"] { margin:0px; }
label { margin:0px; font-weight:normal; }
/* [e] 기본 css */

#header_pop { display:none; }

.top_banner_area { width:100%;height:87px; background:#F7F1E5;  }
.top_banner_area > .top_banner { width:1100px; height:87px; margin:0 auto; }

.top_link_area { background:#EDE8E2; border-bottom:1px solid #e1e1e1; }
.top_link_area > div { width:1100px; margin:0 auto; position:relative; }
.top_link_area > div:after { clear:both;content:'';display:block;visibility:none; height:0px;  }
.top_link_area > div > div.banner { width:100px;height:30px;position:absolute; background:#fff;  }
.top_link_area > div > div.banner1 { left:0px;top:0px; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; }
.top_link_area > div > div.banner2 { left:100px;top:0px; background:#e1e1e1;   border-right:1px solid #e1e1e1;  }
.top_link_area > div > div.banner3 { left:200px;top:0px; background:#FFEF04;  border-right:1px solid #e1e1e1; }

.top_link { margin-top:0px;margin-bottom:0px; line-height:29px;height:29px;  }
.top_link > li { float:left; margin-right:10px; }
.top_link > li > a { color:#000;font-size:11px;  }
.top_link > li:after { content:'|';padding-left:8px; font-size:10px; color:#aaa;  }
.top_link > li:last-child:after { content:'';padding-left:0px;  }


.header { width:1100px;height:115px; margin:0 auto; text-align:center; position:relative; }
.header:after { clear:both;content:'';display:block;visibility:none; height:0px;  }
.header h1 { display:inline-block;margin-top:20px; width:158px;height:61px;  }
.header h1 a { width:100%;height:100%;display:block; background:url(/images/tmp_logo.png) no-repeat; font-size:0px;   }

.header .banner_wrap {  position:absolute; left:0px;top:20px;  width:400px;height:136px; }
.header .banner_wrap .banner {  width:200px;height:80px; background:#eee; }

.header .search_wrap { position:absolute;right:0px;top:40px;  }
.header .hot_issue { width:190px; height:34px; overflow:hidden; }
.header .hot_issue > ul > li { width:130px; height:34px; line-height:34px; text-align:left;  }
.header .hot_issue > ul > li > a { width:100%;height:34px;line-height:34px;  }
.header .hot_issue > ul > li > a > span { padding:1px 2px 1px 2px; background:#CBCBCB;color:#fff; font-size:11px;  }
.header .search_area { border:2px solid #404654; }
.header .search_area:after { clear:both;content:'';display:block;visibility:none; height:0px;  }
.header .search_area input[type=text] { width:150px; height:30px;padding:0px; border:0px; vertical-align:middle; display:block; padding-left:5px;padding-right:5px;  }
.header .search_area input[type=submit] { font-size:0px; background:#404654 url(/images/btn_search.png) no-repeat 3px center; border:0px; width:30px;height:30px; margin:0px; padding:0px; vertical-align:middle; display:block; }
.header .search_area input { float:left; }

.gnb { width:1100px; margin:0 auto; text-align:center; }
.gnb .gnb_wrap { width:100%;background:#fff; }
.gnb .gnb1 { width:100%; background:#404654; height:35px; }
.gnb .gnb1 > ul { display:inline-block; font-weight:500; }
.gnb .gnb1 > ul:after { clear:both;content:'';display:block;visibility:none; height:0px;  }
.gnb .gnb1 > ul > li { float:left; width:137px; text-align:center;  position:relative;} 
/*
.gnb .gnb1 > ul > li > a:after { float:left;content:"|";   } 
.gnb .gnb1 > ul > li:first-child > a:after { content:'';padding:0px; }
*/
.gnb .gnb1 > ul > li > a { font-size:14px; color:#fff; line-height:36px; height:36px; display:block;  }
.gnb .gnb1 > ul > li > ul  { padding-top:10px; padding-bottom:10px; background:#fff; min-height:230px; position:absolute; z-index:1000; left:-2px; top:36px; width:141px;  display:none; border:2px solid #404654;border-top:0px; }
.gnb .gnb1 > ul > li:hover > ul { display:block; }
.gnb .gnb1 > ul > li > ul > li > a { font-size:14px; font-weight:normal; color:#757575; line-height:25px; height:25px; display:block; width:100%;  }
.gnb .gnb1 > ul > li > ul > li > a:hover {font-weight:bold; text-decoration : underline; color:#000;}
.gnb .gnb1 > ul > li > ul > li { position:relative;  padding-left:10px; text-align:left;color:#4e4d48; }
/*.gnb .gnb1 > ul > li:hover > ul > li:first-child:before { content:''; background:url(/images/common/menu_arrow.png) no-repeat;width:25px;height:20px; position:absolute; top:-33px;left:60px; display:block; z-index:10000;  }*/

.gnb .gnb1 > ul > li:nth-child(4) { width:147px; }
.gnb .gnb1 > ul > li:nth-child(4)  > ul { width:150px; }

.gnb .gnb1 > ul > li:nth-child(8) { width:127px; }
.gnb .gnb1 > ul > li:nth-child(8)  > ul { width:130px; }


.gnb .gnb1 > ul > li:nth-child(1):hover > a { color:#fff; background:#E08283;  }
.gnb .gnb1 > ul > li:nth-child(2):hover > a { color:#ffade1; background:#F4D03E;  }
.gnb .gnb1 > ul > li:nth-child(3):hover > a { color:#f1d23a;  background:#1CB8F3; }
.gnb .gnb1 > ul > li:nth-child(4):hover > a { color:#90d8fc;  background:#36D7A0; }
.gnb .gnb1 > ul > li:nth-child(5):hover > a { color:#36d7b6; background:#03A679;  }
.gnb .gnb1 > ul > li:nth-child(6):hover > a { color:#86e2d5;  background:#3598DB; }
.gnb .gnb1 > ul > li:nth-child(7):hover > a { color:#8ac4f4;  background:#0081A1; }
.gnb .gnb1 > ul > li:nth-child(8):hover > a { color:#dadfe2; background:#95A5A5;  }
.gnb .gnb1 > ul > li:nth-child(1) > a:after { color:#fff; } 
.gnb .gnb1 > ul > li:nth-child(2) > a:after { color:#fff; } 
.gnb .gnb1 > ul > li:nth-child(3) > a:after { color:#fff; } 
.gnb .gnb1 > ul > li:nth-child(4) > a:after { color:#fff; } 
.gnb .gnb1 > ul > li:nth-child(5) > a:after { color:#fff; } 
.gnb .gnb1 > ul > li:nth-child(6) > a:after { color:#fff; } 
.gnb .gnb1 > ul > li:nth-child(7) > a:after { color:#fff; } 
.gnb .gnb1 > ul > li:nth-child(8) > a:after { color:#fff; } 

.gnb .gnb1 > ul > li:nth-child(1):hover  a:hover {  color:#E08283;  }
.gnb .gnb1 > ul > li:nth-child(2):hover  a:hover {  color:#F4D03E;  }
.gnb .gnb1 > ul > li:nth-child(3):hover  a:hover {  color:#1CB8F3; }
.gnb .gnb1 > ul > li:nth-child(4):hover  a:hover {  color:#36D7A0; }
.gnb .gnb1 > ul > li:nth-child(5):hover  a:hover {  color:#03A679;  }
.gnb .gnb1 > ul > li:nth-child(6):hover  a:hover {  color:#3598DB; }
.gnb .gnb1 > ul > li:nth-child(7):hover  a:hover {  color:#0081A1; }
.gnb .gnb1 > ul > li:nth-child(8):hover  a:hover {  color:#95A5A5;  }


.gnb .gnb1_cate { width:100%;background:#fff; }
.gnb .gnb1_cate > ul { display:inline-block; }
.gnb .gnb1_cate > ul:after { clear:both;content:'';display:block;visibility:none; height:0px;  }
.gnb .gnb1_cate > ul > li { float:left; width:137px; text-align:center; position:relative; } 
.gnb .gnb1_cate > ul > li:first-child > a:after { content:'';padding:0px; }
.gnb .gnb1_cate > ul > li > ul  { margin-top:10px; }
.gnb .gnb1_cate > ul > li > ul > li > a { font-size:12px; color:#333; line-height:20px; height:20px; display:block;  }
.gnb .gnb1_cate > ul > li > ul > li { position:relative; }
.gnb .gnb1_cate > ul > li > ul > li:first-child:before { content:''; background:url(/images/common/menu_arrow.png) no-repeat;width:25px;height:20px; position:absolute; top:-20px;left:60px; display:block; z-index:10000;  }

.gnb .gnb2 { width:100%;border:1px solid #404654; background:#fff; border-left:0px;border-right:0px; text-align:center;  }
.gnb .gnb2 > ul { display:inline-block; }
.gnb .gnb2 > ul:after { clear:both;content:'';display:block;visibility:none; height:0px;  }
.gnb .gnb2 > ul > li { float:left; padding-right:30px; }
.gnb .gnb2 > ul > li:last-child  { padding:0px; }
.gnb .gnb2 > ul > li > a { font-size:13px; color:#404654; line-height:30px; height:30px; display:block;  }

.gnb  { width:100%;   }
.gnb  > .gnb1 > ul  { width:1100px; margin:0 auto; }
.gnb  > .gnb1_cate > ul  { width:1100px; margin:0 auto; }

.gnb.fix { width:100%; position:fixed; top:0px; left:0px;z-index:10000;  }
.gnb.fix > .gnb1 > ul  { width:1100px; margin:0 auto; }
.gnb.fix > .gnb1_cate > ul  { width:1100px; margin:0 auto; }

/*
.gnb { margin-left:20px;margin-top:11px; }
.gnb > li { float:left; padding-right:15px;background:url(/images/blind/blind_skin1_top3.png) no-repeat right; margin-left:15px; }
.gnb > li.last { background:#444; }
.gnb > li > a { color:#fff; }
*/


/* slide pageing */
.bx-pager{position:absolute;top:20px;left:0;display:block;width:100%;text-align:center;height:13px;overflow:hidden;z-index:50}
.bx-pager .bx-pager-item{display:inline-block;zoom:1;*display:inline;width:13px;height:13px;margin:0 5px}
.bx-pager .bx-pager-item a{display:block;width:13px;height:13px;overflow:hidden;color:rgba(0,0,0,0);font-size:0;text-indent:-9999px;border:none;background-color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.bx-pager a.active{background-color:#ed1b2f}
.bx-controls-direction a{position:absolute;top:50%;width:32px;height:64px;margin-top:-32px;text-indent:-999999px;z-index:500;}
.bx-controls-direction a.bx-prev{
	left:30px;
	background:url(/images/common/btn_left.png) left top no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
}
.bx-controls-direction a.bx-next{
	right:30px;
	background:url(/images/common/btn_right.png) left top no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
}

/* [s]상품목록 버튼 */
.over_btns{}
.over_btns{position:absolute;left:0;bottom:-52px;margin-top:0;z-index:100;width:100%}
.over_btns li{float:left;width:33.33%;text-align:center;background:#f9f9f9}
.over_btns a{display:block;width:100% !important;height:51px !important;background-color:#f9f9f9;width:auto;border:solid 1px #e7e3e1;padding:0;margin-left:-1px;border-bottom:none;border-right:none; font-size:0px; }
.over_btns a.wish{background:url("/images/content/bg_wish.png") no-repeat center center;}
.over_btns a.wish{background:url("/images/content/bg_wish.png") no-repeat center center;}
.over_btns a.cart{background:url("/images/content/bg_cart.png") no-repeat center center;}
.over_btns a.buy{background:url("/images/content/bg_buy.png") no-repeat center center;}
/* [e]상품목록 버튼 */


/* [s]메인페이지 기능 관련 */
#contents.main .item_obj.w3 { margin-bottom:0px !important; }
#contents.main .item_obj.nBo{border:none;margin-left:0;margin-top:0;padding-top:0}
#contents.main .item_obj.nBo .title{position:absolute;left:17px;top:20px;z-index:9999;letter-spacing:1px;font-size:14px;color:#5b4f4b}
#contents.main .main_big_visual{width:100%}
#contents.main .main_big_visual a{width:100%}
#contents.main .bx-pager{width:auto;right:20px;text-align:right}
#contents.main .item_obj a{display:block;padding:0;padding-top:20px}
#contents.main .item_obj.nBo a{padding-top:0}
#contents.main .item_obj .hit_data{position:absolute;top:-9999px;left:-9999px;width:0;height:0;font-size:0;}
#contents.main .item_obj a span{display:block;padding:0 10px}
#contents.main .item_obj a span.category{font-size:12px;padding-bottom:4px;margin-top:10px;text-align:center; }
#contents.main .item_obj a span.name{font-size:14px;color:#222;height:33px;text-align:center; }
#contents.main .item_obj a span.price{font-size:18px;color:#ed1b2f;letter-spacing:0;text-align:center; }
#contents.main .item_obj a span.price del{font-size:14px;color:#999;vertical-align:middle;text-align:center; }
#contents.main .item_obj a span.price span{display:inline;padding-left:0;background:none;text-align:center; }
#contents.main .item_obj a span.icon{position:absolute;left:14px;top:14px;text-align:center; }
#contents.main .item_obj a span.icon img{width:auto;}
#contents.main .over_btns a{padding-top:0}

#container { margin: 0 10px; }
#container { position: relative; max-width: 1500px; margin: 0 auto; padding-top: 20px; z-index: 100; }
#contents.main { max-width: 1500px; }
/* [e]메인페이지 기능 관련 */

/* [s] input 태그 */
input[type="text"], input[type="password"], input[type="file"], select {
    height: 26px;
    text-align: left;
    background: #fbfbfb;
    border: 1px solid #ebebeb;
    padding: 0 10px;
    line-height: 26px;
}
/* [e] input 태그 */

/* [s] 버튼 스타일 */
.btn_list { text-align:center; }
.btn { text-align: center !important; display: inline-block; zoom: 1; }
.btn .dark { background: #353334; padding: 0 10px; border: solid 1px #353334; border-radius:5px; color:#fff; display:inline-block; height:22px;line-height:22px;font-size:12px;}
.btn .red { background: #404654; padding: 0 10px; border: solid 1px #404654; border-radius:5px; color:#fff; display:inline-block; height:22px;line-height:22px;font-size:12px; }
.btn .white { background: #fff; padding: 0 10px; border: solid 1px #e2e4e6; border-radius:5px; color:#666; display:inline-block; height:22px;line-height:22px;font-size:12px;}
.btn .brown { background: #9c8c83; padding: 0 10px; border: solid 1px #e2e4e6; border-radius:5px; color:#fff; display:inline-block; height:22px;line-height:22px;font-size:12px;}
.btn .gray { background: #f4f4f4; padding: 0 10px; border: solid 1px #cccdcd; border-radius:5px; color:#666; display:inline-block; height:22px;line-height:22px;font-size:12px;}
/* [e] 버튼 스타일 */


/* [s] 페이지 타이틀 */
/* common */
h3.sub_big_title{font-size:36px;color:#333;font-weight:300;padding-top:40px;  text-align:center; }
h3.sub_big_title.login{font-size:60px;letter-spacing:0;  text-align:center;  }
h3.sub_big_title.join { font-size: 32px; text-align:center; }
p.sub_big_info { margin-top: 15px;  text-align:center; }
/* [e] 페이지 타이틀 */


/* [s] 컨텐츠 제목*/
.cont_title{font-size:16px;color:#222;margin-bottom:13px;text-align:left;position:relative;}
.cont_title .total{color:#c89875;letter-spacing:0;}
.cont_title .btn{position:absolute;right:0;top:-5px;}
.cont_title .chk{font-size:13px;color:#444;margin-left:8px;}
.cont_title .chk input, .cont_title .chk label{vertical-align:middle;}
.cont_title .words{font-size:12px;color:#444;margin-left:8px;vertical-align:middle;}
.cont_title .words > span{vertical-align:middle;}
/* [e] 컨텐츠 제목*/


/*table_write*/
table.write{margin-bottom:20px;}   
table.write{width:100%;position:relative;border-top:1px solid #ebebeb;border-right:1px solid #ebebeb;}
table.write th {height:30px;padding:6px 20px;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:#fbfbfb;text-align:left;color:#666;}
table.write td {height:30px;padding:6px 10px;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb;text-align:left;}
table.write td.padding{padding-top:10px;padding-bottom:10px;}
table.write td.letter, table.write td .letter{font-size:14px;}
table.write td .radio{vertical-align:middle;}
table.write td .radio input[type='radio']{margin-left:20px;}
table.write td .radio input[type='radio']:first-child{margin-left:0;}
table.write td .radio input, table.write td .radio label{vertical-align:middle;}

/*table_colwidth*/
.w_120{width:120px;}
.w_150{width:150px;}
.w_180{width:180px;}

/*table_margin*/
.order_info_list{margin-bottom:50px;}
.product_info_list{margin-bottom:20px;}
.write_list{margin-bottom:50px;}
.address_list{margin-bottom:30px;}


/*section_title*/
.section_title {text-align:center;margin:50px 0}
.section_title p{font-size:18px;color:#222;padding-bottom:12px;}
.section_title span{font-size:12px;color:#444;}

/* search */
.search_cover{border:solid 1px #e7e3e1;margin-bottom:10px;}
.search_cover:after{content:"";display:block;clear:both;}
.search_cover > p {float:left;padding-left:20px;line-height:40px;text-align:left;}
.search_cover > p  span {font-size:16px;color:#c89875;letter-spacing:0;}
.search_cover .input_list{float:left;display:inline-block;zoom:1*display:inline;}
.search_cover .input_list li{float:left;line-height:40px;padding-left:20px;}
.search_cover .input_list li input, .search_cover .input_list li label{vertical-align:middle;}
.search_cover .input_list li span {font-size:16px;color:#c89875;letter-spacing:0;}
.search_cover .i_search{float:right;position:relative;border-left:solid 1px #e7e3e1;text-align:right;}
.search_cover .i_search > p{border-right:solid 1px #e7e3e1;margin-right:40px;line-height:40px;position:relative;}
.search_cover .i_search > p > label{position:absolute;left:10px;top:0px;}
.search_cover .i_search > p input[type="text"]{border:none;background:none;font-size:16px;height:40px;line-height:40px;width:287px;padding:0 10px;vertical-align:middle;margin-top:-1px;}
.search_cover .i_search.date > p{padding-left:20px;}
.search_cover .i_search.date > p input[type="text"]{padding:0;text-align:center;margin-right:15px;letter-spacing:0;max-width:86px;}
.search_cover .i_search.date > p img{margin-left:20px;max-width:none;}
.search_cover .i_search.date > p img:first-child{margin-left:0;}
.search_cover .i_search .search_btn{position:absolute;right:0;top:0;display:block;width:40px;height:35px;padding-top:5px;text-align:center;}

/*paging */
.paging{margin-top:0px;position:relative;text-align:center; padding:20px 0px;}
.paging ul{display:inline-block;zoom:1;*display:inline;text-align:center;overflow:hidden;vertical-align:middle}
.paging ul li{display:inline}
.paging ul li.page1 a, .paging ul li.page1 strong{border-left:none}
.paging ul li a, .paging ul li strong{display:block;float:left;font-weight:300;color:#999;letter-spacing:2px;padding:0 12px;border-left:1px solid #e2e4e6;font-size:14px;}
.paging ul li a:hover, .paging ul li strong a {color:#000;font-weight:bold; }
.paging .prev, .paging .prevEnd, .paging .next, .paging .nextEnd{border-left:none;}
.paging .prevEnd{}
.paging .next{}
.paging .nextEnd{}



/*input*/
.p_date{letter-spacing:0;color:#444}

.i_select{background:#fbfbfb;vertical-align:middle;padding-right:5px;padding-left:5px}
.i_pw, .i_pw span{vertical-align:bottom;}
.i_address.num{margin-top:5px;}
.i_address input[type="text"]{width:90%;}
.i_chk{margin-left:5px;}
.i_chk input, .i_chk label{vertical-align:bottom;}
.i_title input[type="text"]{width:80%;}
.i_price input[type="text"]{width:50px;}
.i_title span{vertical-align:bottom;margin-left:7px;}
.i_product .i_select{width:300px;}
.i_category .i_select{width:180px;}
.i_receive{margin-top:8px;}
.i_job .i_select{width:180px;}

.i_hp_cover{}
.i_hp_cover:after{content:"";display:block;clear:both;}
.i_hp_cover .i_num{float:left}
.i_hp_cover .hp_modify{float:left}
.i_num{}
.i_num:after{content:"";display:block;clear:both;}
.i_num li{float:left;line-height:28px;}
.i_num li .i_select{margin-right:5px;width:70px;}
.i_num li input[type="text"]{width:48px;margin:0 5px;}
.i_num li:first-child input[type="text"]{margin-left:0;}

.i_post_cover{}
.i_post_cover input[type="text"]{width:50px;margin-right:3px;}

.i_mail_cover{}
.i_mail{display:inline-block;zoom:1;*display:inline;}
.i_mail li{float:left;line-height:26px;}
.i_mail li input[type="text"]{width:150px;margin:0 5px;}
.i_mail li:first-child input[type="text"]{margin-left:0}
.i_mail li .i_select{width:150px;}

/* header category */
.cate_on { font-weight:bold; color:red; }


/*table_list*/
table.list {width:100%; _width:99%; border-top:1px solid #eaeaea;border-right:1px solid #eaeaea;position:relative;}
table.list thead th {padding:15px 0;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fbfbfb;text-align:center;color:#444;}
table.list tbody td {padding:12px 0;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea;text-align:left;text-align:center;word-break:break-all;}
table.list.product tbody td {padding:20px 0;}
table.list tbody td.tleft *{text-align:left;}
table.list tbody td.tleft {padding-left:10px;text-align:left;}
table.list.product tbody td.tleft{padding-left:20px;}
table.list tfoot td {background:#fbfbfb;padding:35px 0;border-bottom:1px solid #eaeaea;}
table.list td a {color:#444;}
table.list tbody .price01 {color:#ed1b2f;letter-spacing:0;font-size:14px;}
table.list tbody .price02 {color:#222;letter-spacing:0;font-size:14px;}
table.list tbody .mileage {color:#c89875;letter-spacing:0;font-size:14px;}
table.list tbody .dpnone {color:#c89875;letter-spacing:0;font-size:12px;}
table.list tbody .letter{font-size:14px;}
table.list tbody .p_name{color:#444;}
table.list tbody .w_title{color:#444;}

/*table_write*/
table.write{margin-bottom:20px;}   
table.write{width:100%;position:relative;border-top:1px solid #ebebeb;border-right:1px solid #ebebeb;}
table.write th {height:30px;padding:6px 20px;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:#fbfbfb;text-align:left;color:#666; font-weight:normal;}
table.write td {height:30px;padding:6px 10px;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb;text-align:left;}
table.write td.padding{padding-top:10px;padding-bottom:10px;}
table.write td.letter, table.write td .letter{font-size:14px;}
table.write td .radio{vertical-align:middle;}
table.write td .radio input[type='radio']{margin-left:20px;}
table.write td .radio input[type='radio']:first-child{margin-left:0;}
table.write td .radio input, table.write td .radio label{vertical-align:middle;}



table.list td.p_coupon{position:relative;}
table.list td .dc_list{width:130px;display:inline-block;line-height:18px;}
table.list td .dc_list dt{clear:both;float:left;width:70px;padding-left:8px;text-align:left;background:url("/images/content/bg_dot.gif") no-repeat left center}
table.list td .dc_list dd{float:right;}
table.list td .dc_info{margin-top:6px;}
table.list td .coupon_list{margin-top:8px;}
table.list td.product_name{position:relative;}
table.list td.product_name input{vertical-align:middle;}
table.list td.product_name > div:after{content:"";display:block;clear:both;}
table.list td.product_name > div > a{display:block;margin-bottom:2px;text-decoration:underline;}
/*table.list td.product_name .productCover{position:relative}
table.list td.product_name .productCover > p{float:left;width:100px;position:relative;}
table.list td.product_name .productCover > p .icon{position:absolute;left:-10px;top:-10px;}
table.list td.product_name .product_info{padding-left:110px;}*/
table.list td.product_name .productCover{display:table;}
table.list td.product_name .productCover > p{width:100px;position:relative;display:table-cell;}
table.list td.product_name .productCover > p img{max-width:100px;}
table.list td.product_name .productCover > p .icon{position:absolute;left:-10px;top:-10px;}
table.list td.product_name .product_info{display:table-cell;vertical-align:middle;}
table.list td.product_name .option{position:relative;}



/*table_colwidth*/
.w_120{width:120px;}
.w_150{width:150px;}
.w_180{width:180px;}

/*table_margin*/
.order_info_list{margin-bottom:50px;}
.product_info_list{margin-bottom:20px;}
.write_list{margin-bottom:50px;}
.address_list{margin-bottom:30px;}


 
.m_top_search{position:relative;top:0;left:0;width:100%;height:45px;z-index:4;background:#f9f9f9;display:no ne}
.m_top_search .input_wrap{position:relative;padding-right:40px}
.m_top_search .input_wrap p{position:relative;border:1px solid #e7e3e1;padding-left:10px}
.m_top_search .input_wrap p input{position:relative;width:100%;background:none;border:none;padding:0;height:43px}
.m_top_search > a{position:absolute;top:0}
.m_top_search > a.btn_search{right:40px}
.m_top_search > a.btn_close{right:0}
 

/* mobie 640 */
@media screen and (max-width:640px){	
	.p_b{display:none;}
	.p_bl{display:none;} 
	.p_l{display:none;}	
	.p_tc{display:none;}
	.p_tl{display:none;}
	.t_b{display:none;}
	.t_bl{display:none;} 
	.t_l{display:none;}
	.t_tc{display:none;}
	.t_tl{display:none;}
	.m_b{display:block;}
	.m_b{display:block;}
	.m_bl{display:inline-block;} 
	.m_l{display:inline;}
	.m_tc{display:table-cell;}
	.m_tl{display:table-column;}

	.m_layout_b{display:none;}
	.m_layout_bl{display:none;} 
	.m_layout_l{display:none;}
	.m_layout_tc{display:none;}
	.m_layout_tl{display:none;}

	.m_con_b{display:block}
	.m_con_bl{display:inline-block} 
	.m_con_l{display:inline}
	.m_con_tc{display:table-cell}

	.t_only_b{display:none;}
	#header .m_btns{height:55px}
	#header h1{height:34px}
	#header h1 img{height:34px;width:auto}
	#container{padding-top:10px}
	#footer .footer_wrap h2 img{width:140px}

	.paging .btn_list{text-align:center;}

	table.list.product tbody td.tleft{padding-left:10px;}
	table.list.product tbody td {padding:10px 0;}

	table.write th {padding:6px 5px;}
	table.write td {padding:6px 5px;}
		
	.w_120{width:90px;}
	.w_150{width:85px;}
	.w_180{width:90px;}	
	
	.i_hp_cover .i_num{float:none}
	.i_hp_cover .hp_modify{float:none;margin-top:3px;}
	.i_hp_cover .hp_modify .btn{margin:0;}
	.i_num{width:100%;}
	.i_num li{width:30%;margin:0;padding-left:10px;}
	.i_num li:before{float:left;width:10px;line-height:28px;margin-left:-10px;color: #444;text-align: center;content: '-';}	
	.i_num li:first-child{padding-left:0;}
	.i_num li:first-child:before{width:0 !important;height:0 !important;margin-left:0px !important;line-height:0px !important;content:'' !important;}
	.i_num li .i_select{width:100%;margin:0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;				
	}
	.i_num li input[type="text"]{width:100%;padding:0;text-indent:5px;height:28px;margin:0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;		
	}		

	.i_title input[type="text"]{width:100%;padding:0;text-indent:5px;height:28px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;		
	}
	.i_title span{display:block;margin-left:0;margin-top:3px;}	

	#modalPop .cont_cover.default .cont{padding:15px 10px;}		
	#modalPop table.write .grade_mark li{float:none;padding-left:0;}	

	#gnbMobile{display:block}
	#header .gnb > ul{display:none}

	
}

/* mobie 480 */
@media screen and (max-width:480px){
	.i_mail_cover{position:relative;}
	.i_mail_cover .i_mail{}
	.i_mail_cover .i_mail li{width:46%;}
	.i_mail_cover .i_mail li:last-child{padding-left:0;margin-top:3px}
	.i_mail_cover .i_chk{position:absolute;left:46%;bottom:0;margin:0 0 0 5px;}		

    .main_pop{width:100% !important;height:auto !important;top:0 !important;left:0 !important;}
    .main_pop > div{width:auto !important;height:auto !important;margin:10px}
	
}

/* mobie 420 */
@media screen and (max-width:420px){
	.btn_list{}
	.btn_list .btn{width:100%;margin:2px 0}
	.btn_list .btn:first-child{margin-top:0;}
	.btn_list .btn a{width:100% !important;padding:0 !important;height:38px;line-height:38px;font-size:14px;font-weight:normal;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}		
	.i_post_cover .i_chk{display:block;margin:3px 0 0 0;}

	#modalPop .cont_cover .cont .notice .btn_register{position:static;text-align:right;margin-top:3px;}	
}



/* pop */
#modalPop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000000;display:none;overflow-y:auto;background:url("/images/content/bg_avPop.png") repeat left top}
#modalPop .pop_table{display:table;width:100%;height:100%}
#modalPop .pop_cell{position:relative;display:table-cell;vertical-align:middle;padding:0 10px;z-index:100;}
#modalPop .pop_cell .title{background:#222;color:#fff;font-size:18px;line-height:50px;padding-left:20px;}
#modalPop .btn_list{text-align:center;}
#modalPop .btn_list .btn a{text-align:center;width:92px;padding:0;height:40px;line-height:40px;font-size:14px;}
#modalPop .cont_cover{margin:0 auto;background:#fff;text-align:left;position:relative;}
#modalPop .cont_cover .cont{border:solid 1px #eaeaea;border-top:none;}
#modalPop .cont_cover .cont .notice{position:relative;margin-bottom:12px;}
#modalPop .cont_cover .cont .notice > p{margin-top:5px;padding-left:8px;line-height:18px;background:url("/images/content/bg_dot.gif") no-repeat left 8px;font-size:12px;}
#modalPop .cont_cover .cont .notice > p:first-child{margin-top:0;}
#modalPop .cont_cover .cont .notice > p .point{color:#c89875}
#modalPop .cont_cover .cont .notice .btn_register{display:block;position:absolute;right:0;top:-3px;}
#modalPop .cont_cover .close{position:absolute;top:16px;right:20px;}
#modalPop .cont_cover.default{max-width:1000px;}
#modalPop .cont_cover.default .cont{padding:30px;}
#modalPop .cont_cover.medium{max-width:;}
#modalPop .cont_cover.medium .cont{padding:;}
#modalPop .cont_cover.small{max-width:752px;}
#modalPop .cont_cover.small .cont{padding:30px 20px;}
#modalPop .cont_cover.installment{max-width:679px;}
#modalPop .cont_cover.installment .cont{padding:30px;}

#modalPop table.write{margin-bottom:20px;}
#modalPop table.write .grade_mark{float:left;}
#modalPop table.write .grade_mark li{float:left;padding-left:20px;}
#modalPop table.write .grade_mark li input, #modalPop .content table.write .grade_mark li img{vertical-align:middle}
#modalPop table.write .grade_mark:first-child li:first-child{padding-left:0;}

#modalPop .confirm_msg{font-size:16px;color:#666;}
#modalPop .out_reason{overflow:hidden;margin:18px 0;padding:20px 0;border-top:solid 1px #eaeaea;border-bottom:solid 1px #eaeaea;}
#modalPop .out_reason li{float:left;width:50%;line-height:18px;}
#modalPop .out_reason li input{vertical-align:middle;}
#modalPop .out_reason li label{padding-left:8px;}
#modalPop .out_reason li.clear{width:100%;}
#modalPop .out_reason li.clear textarea{width:90%;}
#modalPop .out_reason li.clear p{margin-top:18px;}

#modalPop .file_cont{display:none;}
#modalPop .file_cont input{width:300px;vertical-align:bottom}
#modalPop .file_cont span{font-size:12px;vertical-align:bottom}


.order_tbl > thead > tr > td { border:1px solid #ccc; background:#E6E9EE; color:#333; padding:5px; text-align:center; }
.order_tbl > tbody > tr > td { border:1px solid #ccc; padding:5px; }
.order_tbl > tbody > tr:nth-child(even) { background:#eee; }

.bt_my_1 { border:1px solid #333; background:#ccc; height:25px;line-height:25px; }
.bt_my_2 { border:1px solid #00c73c; background:#00c73c; height:25px;line-height:25px; color:#fff; }
.bt_my_3 { border:1px solid #333; background:#333; height:25px;line-height:25px; color:#fff; }
.center_tbl > tbody > tr > td { border:1px solid #ccc; padding:5px; font-size:12px; }
.center_tbl > tbody > tr > td.td1 { background:#E6E9EE; color:#333; }
.center_tbl { table-layout:fixed; }


.center_tbl input , .center_tbl select { vertical-align:middle; }
.center_tbl input[type=text] , .center_tbl input[type=tel] , .center_tbl input[type=password] , .center_tbl select  { height:28px;border:1px solid #333; background:#eee; font-size:14px; }
.center_tbl input[type=text]:hover , .center_tbl input[type=tel]:hover , .center_tbl input[type=password]:hover { height:28px;border:2px solid red; }