﻿/* common */    
.section_wrap{padding-top:20px}

.search_result_wrap{margin-top:50px}

.page_title{margin-bottom:10px;font-size:16px;font-weight:500}


.section_title{margin-bottom:10px;padding-left:20px;font-size:15px;font-weight:500;background-image:url("../images/ico/ico_dot.gif");background-repeat:no-repeat;background-position:10px; center}
.section_title .check{padding-left:10px;font-size:14px}
.section_title_wrap{position:relative;line-height:28px;margin-bottom:10px}
.section_title_wrap .section_title{display:inline-block;margin-bottom:0;background-position:10px 14px}
.section_title_wrap .section_title select{margin-left:20px}

.explication_text{margin-left:20px;padding-left:15px;background:url("../images/ico/q_mark.png") no-repeat left 3px;font-size:14px;font-weight:300}

.check_list label{margin-right:10px}

.list_info{padding:0 0 10px 10px;font-weight:500}
.list_info_wrap{position:relative;line-height:28px;margin-bottom:10px}
.list_info_wrap .list_info{padding-bottom:0}
.list_info_wrap .period_wrap{position:absolute;right:0;top:0}

.period_wrap select{width:90px;margin-right:5px}
.period_wrap input[type="text"]{width:88px;vertical-align:middle}
.period_wrap .time{width:70px;margin-left:5px;margin-right:0}
.period_wrap .check_list{margin-left:10px}
.btn_period{margin-left:5px}
.btn_period .btn{min-width:auto;margin:0 1px;font-size:14px}

.top_btn_wrap{position:absolute;right:0;top:-25px}
.top_btn_wrap .btn_wrap{padding:0 20px 0 0}
.btn_fixed{position:fixed;top:0;right:0;width:100%;text-align:right;background:#fff;z-index:99999}
.btn_fixed .btn_wrap{padding:5px 20px 5px 0}


.period_set{display:none}

.btn_wrap .btn{margin:0 2px}
.btn_wrap .btn:last-child{margin-right:0}
.btn_bottom{margin-top:20px;text-align:center}
.btn_bottom .btn{margin:0 2px}
.btn_handling{position:relative;margin-top:20px;padding-left:10px;text-align:left}
.btn_handling select{margin-right:2px}
.btn_list{text-align:right}
.btn_right{position:absolute;right:0;top:0}
.btn_right .btn{margin:0 2px}
.btn_right .btn:last-child{margin-right:0}
.btn_left .btn{margin:0 2px}
.btn_left .btn:first-child{margin-left:0}
.btn_move > a{min-width:auto}

.file_wrap{position:relative;margin:10px 0;padding-right:50px;}
.file_wrap .btn{position:absolute;right:0;top:0;padding:0}

.file_input input[type='text']{margin-left:3px}

.file_img{margin-top:5px}
.file_img img{margin-right:10px}
.file_img .file_guide{margin-left:5px}
.file_img .btn_img_view{margin-left:5px;text-decoration:underline}

.check_input_wrap{position:relative;padding-left:80px}
.check_input_wrap .check_input{position:absolute;left:0;top:50%;margin-top:-9px}
.check_input span,
.check_input label,
.check_input input[type="text"]{vertical-align:middle}
.check_input > span{margin-right:10px}

.selected_cont_wrap{}
.selected_cont_wrap select{width:320px;height:84px;margin-right:5px}
.selected_cont_wrap .btn_wrap,
.selected_cont_wrap .btn_wrap a{vertical-align:bottom}

.select_input select{width:90px;margin-right:5px}

.select_step select{width:150px;vertical-align:middle}
.select_step > span{margin:0 5px;vertical-align:middle}
.select_step .btn{margin-left:5px}

.text_wrap{padding:0 5px;border:solid 1px #ccc}
.text_wrap textarea{padding:5px 0}
.text_wrap textarea,
.text_wrap input[type="text"]{width:100%;padding:0;border:none;}
.text_count{text-align:right;letter-spacing:0}

.text_cont_wrap{}
.text_cont_wrap .btn_wrap{margin-left:10px}
.text_cont_wrap .btn_wrap,
.text_cont_wrap .btn_wrap a,    
.text_cont_wrap .btn_wrap input,
.text_cont_wrap .btn_wrap label{vertical-align:bottom}
.text_cont_wrap textarea{width:50%}

.link_wrap input[type="text"]{width:300px;margin-right:5px}
.link_wrap select{width:70px}

.input_select input{margin-right:5px}

.input_cont_wrap input[type="text"]{margin-right:3px}

.input_number_wrap input[type=text]{width:70px}
.input_number_wrap input,
.input_number_wrap span,
.input_number_wrap select{vertical-align:middle}

.input_guide_wrap input,
.input_guide_wrap textarea,
.input_guide_wrap span,
.input_guide_wrap a,
.input_guide_wrap select{vertical-align:middle}
.input_guide_wrap .guide_text{margin:0 0 0 5px;vertical-align:middle}

.guide_text{margin-top:5px}
.guide_text span,
.guide_text strong{vertical-align:middle}

.multi_input_wrap:after{content:"";display:block;clear:both}
.multi_input_wrap .multi_input_cell{float:left;margin-right:10px;line-height:28px}
.multi_input_wrap input[type="text"]{vertical-align:middle}
.multi_input_wrap .input_title{vertical-align:middle;margin-right:3px}


.list_num{width:100px}

.float_cover{}
.float_cover:after{content:"";display:block;clear:both}
.float_cover .cont01{float:left;width:49%;}
.float_cover .cont02{float:right;width:49%}



/* 회원정보 입력 */
.input_cell > p{padding:0 5px;border:solid 1px #ccc}
.input_cell.character{text-align:center;line-height:28px}
.input_cell input,
.input_cell select{padding:0;border:none;width:100%;vertical-align:middle}
.input_cell select{height:26px}

.input_mail{max-width:490px;padding-right:10px}
.input_mail:after{content:"";display:block;clear:both}
.input_mail .input_cell{width:32%;float:left}
.input_mail .character{width:4%}
.input_mail .cell03{width:31%;padding-left:1%}

.input_phone{max-width:240px;padding-right:10px}
.input_phone:after{content:"";display:block;clear:both}
.input_phone .input_cell{width:30%;float:left}
.input_phone .character{width:5%}

.input_address{max-width:490px;padding-right:10px}
.input_address .input_cell{margin-top:5px;padding:0 5px;border:solid 1px #ccc}
.input_address .input_cell:first-child{margin-top:0}

.postcode{position:relative;display:inline-block;padding-left:0 !important;padding-right:82px !important;border:none !important}
.postcode input[type="text"]{width:100%;padding:0;border:none}
.postcode input,
.postcode a{vertical-align:middle}
.postcode > p{width:60px;padding:0 5px;border:solid 1px #ccc}
.postcode .btn{position:absolute;right:0;top:0}

.check_agree_wrap{line-height:28px}
.check_agree_wrap:after{content:"";display:block;clear:both}
.check_agree_wrap > div{float:left;padding:0}
.check_agree_wrap .agree{padding-left:10px}


/* 분할 컨텐츠 */
#divisionWrap {width:100%; height:100%; position:relative;}
#divisionLeftWrap {z-index:999; min-width:550px; width:100%; overflow-x:hidden;}

#divisionRightWrap {display:none; z-index:9; position:absolute; top:0; left:600px; right:0; bottom:0;}
#divisionRightWrap .divisionRightView {position:absolute; top:0; left:7px; right:0; bottom:0; overflow:auto;}
#divisionRightWrap .divisionRightCover {width:auto; min-width:500px;}

#divisionRightWrap .divisionBar {z-index:99999; border-top:1px solid e0e0e0;border-bottom:1px solid e0e0e0; position:absolute; left:0; top:0; width:7px; height:100%; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:url("../images/common/contentbar_bg.gif") repeat-y;}
#divisionRightWrap .divisionBar a {display:inline-block; height:100%; width:7px; background:url("../images/common/contentbar_arrow.gif") no-repeat 2px center;cursor:w-resize;}

#divisionRightWrap .divisionBar_before {z-index:99999; display:none; border-top:1px solid e0e0e0;border-bottom:1px solid e0e0e0; position:absolute; left:0; top:0; width:7px; height:100%; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:url("../images/common/contentbar_bg.gif") repeat-y;}
#divisionRightWrap .divisionBar_before a {display:inline-block; height:100%; width:7px; background:url("../images/common/contentbar_arrow.gif") no-repeat 2px center;cursor:w-resize;}

/* 본문 > 서브 메뉴 */
#nContent .nLocation {border-bottom:1px solid #ccc; height:36px; background:#fbfbfb;display:block;position:relative;}
#nContent .subMenu{display:inline-block;float:left;height:26px;background:#f6891a;padding:10px 15px 0 15px;color:#eee;border-right:solid 1px #ccc;}
#nContent .nLocation .btn_right{position:absolute;right:0;top:50%;margin-top:-15px}
#nContent .nLocation ul{float:right;padding:8px 20px 0 0;}
#nContent .topArea {height:39px; padding:12px 0 0 10px; position:relative;}
#nContent .topArea .sort {position:absolute; top:12px; right:50px; height:30px;}

/*layer_공통*/
.parent{position:relative;}

.search_member{}
.search_member input[type="text"]{width:200px}
.search_member input{vertical-align:middle}

.list_info_wrap .search_member{position:absolute;right:0;top:0}

.search_member_wrap{position:relative;margin-bottom:10px}
.nonmember_reg_wrap{position:absolute;right:0;top:0}
.nonmember_reg{display:inline-block}
.nonmember_reg li{position:relative;float:left;padding-left:5px}
.nonmember_reg li input,
.nonmember_reg li label,
.nonmember_reg li span{vertical-align:middle}
.nonmember_reg li label{position:absolute;left:15px;top:0;line-height:28px;}
.search_member_wrap .no_data{position:absolute;left:0;top:33px;width:190px;padding:10px;text-align:center;line-height:20px;border:solid 1px #ccc;background:#fff;z-index:10}
.search_member_wrap .no_data .btn{margin-top:5px}

/*.option_search {border:1px solid #d4d3d3; background:#fcfcfc; padding:9px 0 9px 7px;}
.option_search .option_title{padding:0 5px 0 8px;background:url("../images/ico/ico_dot.gif") no-repeat left 7px;}
.option_search .searchWrap {display:inline-block;}
.option_search .selectSearch {float:left;border-right:1px solid #ccc; padding-right:10px; margin-right:10px; padding-top:13px; height:49px;}
.option_search .selectSearch .week {float:left; border:1px solid #accdef; padding:5px; margin-top:-6px;}
.option_search .selectSearch p {float:left; text-align:center; margin:0 3px;}
.option_search .selectSearch p input {margin-top:7px;}
.option_search .btn {float:left; margin:17px;}
.option_search.line01 .btn {float:left; margin:0 17px;}
.option_search.line01 ul li:first-child {margin-top:0;}*/

.pop_search {margin-left:20px;}
.pop_search .tit {padding:0 8px; background:url("../images/bul/bul_type01.gif") no-repeat 2px center;}

.chart_title{position:relative;overflow:hidden;margin-bottom:-10px;}
.chart_title .title{padding-left:10px;float:left;font-size:16px;line-height:34px;color:#666;font-weight:500;}
.chart_title .position{position:absolute;right:10px;top:3px;}

/*section_tab 공통*/
.section_tab {margin-bottom:10px;overflow:hidden}
.section_tab > ul > li {float:left;text-align:center;border:solid 1px #ccc;border-left:none}
.section_tab > ul > li:first-child{border-left:solid 1px #ccc}
.section_tab > ul > li > a {display:block;width:130px;line-height:28px}
.section_tab > ul > li > a.on {background:#609dde; color:#fff}

.member_info_wrap{position:relative}
.member_info_wrap li.mamber_name{padding:0 10px;}
.member_info_wrap .etc_tab{position:absolute;right:0;top:0}
.member_info_wrap .etc_tab > li {float:left;text-align:center;border:1px solid #404d5c;border-right:none;background:#576374}
.member_info_wrap .etc_tab > li > a {display:block;width:90px;height:28px;line-height:28px;color:#fff;}

.section_tab.main_dp > ul > li > a{width:135px}
.section_tab.member > ul{height:37px}
.section_tab.member > ul > li.info_title > a{line-height:28px}
.section_tab.member > ul > li > a{height:32px;line-height:14px;padding-top:3px;width:90px;}
.section_tab.member > ul > li > a span{display:block;}

.section_tab > ul.sub_banner > li > a{height:38px;padding:5px 0;line-height:38px}
.section_tab > ul.sub_banner > li > a > span{line-height:18px}
.section_tab > ul.sub_banner > li > a > span > span{display:block;letter-spacing:0}

.btn_list li{margin-top:2px;text-align:center !important;}
.btn_list li:first-child{margin-top:0;}

/*?_공통*/
.questionCover{float:left;position:relative;margin-left:5px;}
.questionCover .question{display:block;font-size:14px;font-weight:500;color:#222;padding:0 6px;margin-top:3px;border:solid 1px #ccc;}
.questionCover .explain{position:absolute;left:20px;top:3px;padding:8px 25px 8px 8px;border:2px solid #444;background:#fff;width:165px;font-size:11px;z-index:9999;display:none;}
.questionCover .explain .closeBtn{position:absolute;right:0;top:0;padding:5px}

/* 게시물 리스트 */
table .b_left{border-left:1px solid #e5e5e5 !important;}
.board_list {}
.board_list table{}
.board_list table {width:100%; _width:99%; border-top:1px solid #e0e0e0;position:relative;}
/*.board_list table * {text-align:left;}*/
.board_list table th{padding:7px 0;text-align:center;vertical-align:middle;font-weight:normal;background:#f9f9f9;border-bottom:1px solid #ccc;border-left:1px solid #e5e5e5;}
.board_list table th:last-child{border-right:1px solid #d9dbdc;} 
.board_list table tbody tr:hover {background:#f5f5f5;}
.board_list table tfoot td{background:#f5f5f5;}
.board_list table td {padding:7px 1px 7px 1px;border-bottom:1px solid #d9dbdc;border-left:1px solid #e4e4e4; text-align:center;}
.board_list table td:last-child{border-right:1px solid #d9dbdc;} 
.board_list table th.bl,
.board_list table td.bl{border-left:1px solid #e4e4e4 !important}
.board_list table th.important,
.board_list table td.important{border-left:solid 2px #e4e4e4 !important;border-right:solid 1px #e4e4e4 !important;background-color:#eeeeee}

.board_list table td.tleft {padding-left:10px;}
.board_list table td.tright {padding-right:10px;}
.board_list table td.break{word-break:break-all;}
.board_list table td.gift{padding:0;border-top:none;border-bottom:none;}
.board_list table td.gift table{border:none;}
.board_list table td.gift .product_name dt img:first-child{max-width:60px;}
.board_list table td .list li{line-height:20px;clear:both;padding-left:10px;}
.board_list table td .list .title{display:block;float:left;width:15px;}
.board_list table td .list .price{display:block;float:left;}
.board_list table td .dc_list{padding:0 10px}
.board_list table td .dc_list > dl{position:relative;margin:3px 0;padding-left:20px}
.board_list table td .dc_list dt{position:absolute;left:0;top:0}
.board_list table td .dc_list dd{text-align:right}
/*.board_list table tr.a_gift td:first-child{border-left:1px solid #e4e4e4;padding-left:85px;}*/
.board_list table tr.gift:hover{background:none;}
.board_list table tr.a_gift .product_name{padding-left:30px;}
.board_list table td a {color:#0086bd; font-size:14px;}
.board_list table td a:hover, .board_list table td a:focus {color:#6ca53b;} 
.board_list table td label.underline{font-size:14px;color:#0086bd;}

/*수량변경*/
.board_list.payment_sum th{height:50px;padding:0;font-size:14px;}
.board_list.payment_sum td{height:70px;padding:0;font-size:14px;position:relative;}
.board_list.payment_sum td > img{position:absolute;left:0;top:50%;margin-left:-20px;margin-top:-20px;}
.board_list.payment_sum td .mileage_info{position:absolute;left:50%;top:60px;margin-left:-110px;border:solid 1px #ccc;width:220px;text-align:center;padding:5px 0;background:#fff;font-size:14px;}
/*list_other*/
.board_list.scroll{height:352px;overflow-x:auto;overflow-y:scroll;position:relative;}
.board_list table td.product_name{}
.board_list table td.product_name > a{display:inline-block;width:100%;}
.board_list table td.product_name > a img{float:left;width:60px;}
.board_list table td.product_name > a span{float:left;width:65%;margin:5px 0 0 10px;}
.board_list table td.product_name > label img{float:left;width:60px;}
.board_list table td.product_name > label span{float:left;width:65%;margin:5px 0 0 10px;}
.board_list table td.product_name > img{float:left;width:60px;}
.board_list table td.product_name > a{float:left;width:65%;margin:5px 0 0 10px;}
.board_list table td.product_name dl{display:inline-block;width:100%;}
.board_list table td.product_name dl dt{float:left;width:65px;position:relative}
.board_list table td.product_name dl dt .icon_gift{position:absolute;left:0;top:0;}
.board_list table td.product_name dl dd{width:60%;float:left;padding:10px 0 0 5px;}
.board_list table td.product_name dl dd.underline{color:#0086bd;font-size:14px;}
.board_list table td.product_name dl dd p img{border:solid 1px #e4e4e4;padding:2px;}
.board_list table td.product_name.type2 > div:after{content:"";display:block;clear:both;}
.board_list table td.product_name.type2 > div > a{display:block;margin-bottom:2px;text-decoration:underline;}
.board_list table td.product_name.type2 .productCover > img{float:left;width:100%;max-width:60px;}
.board_list table td.product_name.type2 .product_info{float:left;width:80%;margin-left:10px;}
.board_list table td.product_name.type2 .product_info ul li{margin-bottom:2px;}
.board_list table td.product_name.type2 .option{position:relative;}
/*옵션/수량/쿠폰 변경*/
.changeLayer{position:absolute;top:35px;background:#fff;z-index:100;padding:10px;border:solid 2px #000;text-align:left;background:#fff;display;:none;}
.changeLayer .title{padding-bottom:10px;font-size:16px;font-weight:500;text-align:left;line-height:20px}
.changeLayer > div{position:relative}
.changeLayer > div select{width:100%}
.changeLayer .closeBtn{position:absolute;right:10px;top:10px;}

.coupon_search{position:relative;}
.coupon_search .changeLayer{width:524px;right:0 !important;}
.coupon_search .changeLayer > div > ul > li > div{width:450px;}
 
/* 게시물 보기 */
.board_view {}
.board_view table {width:100%; _width:99%;  border-top:1px solid #e0e0e0;}
.board_view table th {padding:7px 0 7px 0;vertical-align:middle;font-weight:normal;text-align:center;background:#f9f9f9;border-bottom:1px solid #e5e5e5;}
.board_view table td {padding:7px 0 7px 10px;vertical-align:middle;text-align:left;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.board_view table .tleft{padding-left:10px;}
.board_view table td a {font-size:14px;}

/* 게시물 쓰기 */
.board_write {}
.board_write table {width:100%; _width:99%; border-top:1px solid #e5e5e5;}
.board_write table .tleft{padding-left:10px;}
/*.board_write table * {text-align:left;}*/
.board_write table th {padding:7px 10px;vertical-align:middle;font-weight:normal;background:#f4f4f4;border-bottom:1px solid #e5e5e5;text-align:center;}
.board_write table th .bgcolor{background:#fcf6ef;}
.board_write table td {padding:7px 10px;vertical-align:middle; border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.board_write table td table{border-left:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;}
.board_write table td table td{padding-left:0}
.board_write table td a {color:#0086bd; font-size:14px;}

.board_write .deliveryCont{padding:0;border-left:none;}
.board_write .deliveryCont table{border-top:none;border-right:none;border-left:none;}
.board_write .deliveryCont table tr:last-child td, .board_write .deliveryCont table tr:last-child th{border-bottom:none;}
.board_write .deliveryCont td{padding-left:10px;}

.board_write table td .float_list{}
.board_write table td .float_list:after{content:"";display:block;clear:both;}
.board_write table td .float_list li{float:left;padding-left:10px;}
.board_write table td .float_list li:first-child{padding-left:0;}
.board_write table td .float_list li p{margin-bottom:5px;}

.board_write table .call_cont th, .board_write table .call_cont td{display:none;}

.board_write.research table th{border-left:solid 1px #e5e5e5}
.board_write.research table tr:first-child th:first-child{border-left:none}
.board_write.research table{border-top:none;}
.board_write.research table:first-child{border-top:solid 1px #e5e5e5}
.board_write table td .answer_list{display:none;}
.board_write table td .answer_list li{margin-top:5px;}
.board_write table td .answer_list li:first-child{margin-top:0;}
.board_write table td .answer_list li span{display:inline-block;width:15px;vertical-align:middle;}
.board_write table td .answer_list li input[type="text"]{width:400px;}
.board_write table td .answer_input{display:none;}
.board_write table td .answer_input textarea{width:450px;}

.setCont{display:none;}
.setCont .board_write table td > .board_list{float:left;width:50%;}
.setCont .board_write table td p{float:left;margin-top:183px;padding-left:10px;}

.product_gift_wrap{position:relative;max-width:1000px;padding-right:65px}
.product_gift_wrap > a{position:absolute;right:0;bottom:0}

.optionCover{}
.optionCover .optionCont{padding:20px;border-bottom:solid 1px #e5e5e5}
.optionCover .optionCont .check_info{margin-bottom:10px}
.optionCover .optionCont .check_info input{vertical-align:middle}
.optionCover .optionCont .board_list{position:relative;display:inline-block;width:100%;max-width:800px;padding-right:86px}
.optionCover .optionCont .board_list .add_option{position:absolute;right:0;bottom:0}
.optionCont .directory{height:175px;overflow-y:scroll;}

/* 페이지 */
.paging {text-align:center; margin-top:20px;}
.paging a,.paging strong {padding:0 10px;margin-left:-4px; display:inline-block; height:26px; border:1px solid #ebebeb; border-bottom:1px solid #d7d7d7; border-right:0; vertical-align:top; text-align:center; color:#666666; font-size:11px; line-height:27px; _line-height:26px;}
.paging strong {background:#f4f4f4; color:#f27300;}
.paging .prev {margin-right:-2px;}
.paging .next {margin-left:-4px; *margin-left:-3px;}
.paging .prev, .paging .prevEnd, .paging .next, .paging .nextEnd {border:none; padding:0; width:27px;}
.paging img {vertical-align:top;}

/* 팝업 */
#nContent.popUp{margin:0;padding:10px;/*min-width:960px;min-height:0;*/}
#nContent.popUp .pop_cont{padding:10px;margin-bottom:10px;border:solid 1px #ccc;}
#nContent.popUp .pop_cont .couponCover{display:inline-block;width:100%;}
#nContent.popUp .pop_cont .couponCover .f_left{width:767px;}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list > li{padding:10px 0;border-top:solid 1px #eaeaea;}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list > li:first-child{border-top:none;padding-top:0}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list li .dc_sort{padding:5px;border:solid 1px #ccc;background:#eaeaea;color:#444;font-weight:500;margin-bottom:10px;}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list li .down{margin-top:5px;line-height:20px;position:relative;}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list li .down span{position:absolute;right:0;top:0;}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list li select{width:100%;}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list li .productCover{padding:0 5px;}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list li .productCover .product_list{}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list li .productCover .product_list li{padding-top:10px;}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list li .productCover .product_list li:first-child{padding-top:0}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list li .productCover .product_list li > div{overflow:hidden;margin-bottom:5px;}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list li .productCover .product_list dl{float:left;width:55%;}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list li .productCover .product_list dt{float:left;}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list li .productCover .product_list dd{float:left;padding-left:10px;text-decoration:underlne;color:#0086bd;}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list li .productCover .product_list li > div div{float:right;padding-right:5px;text-align:right;width:40%;}
#nContent.popUp .pop_cont .couponCover .f_left .coupon_list li .productCover .product_list li > div div .price{margin-bottom:10px;}

#nContent.popUp .pop_cont .couponCover .f_right{width:163px;}
#nContent.popUp .pop_cont .couponCover .f_right ul{border:solid 1px #ccc;padding:5px;margin-bottom:10px;height:365px;position:relative;}
#nContent.popUp .pop_cont .couponCover .f_right ul li{margin-bottom:5px;}
#nContent.popUp .pop_cont .couponCover .f_right ul li.total{position:absolute;left:5px;bottom:0;}
#nContent.popUp .pop_cont .couponCover .f_right ul li dl{display:inline-block;color:#444}
#nContent.popUp .pop_cont .couponCover .f_right ul li dl dt{float:left;width:75px;}
#nContent.popUp .pop_cont .couponCover .f_right ul li dl dd{float:right;width:75px;text-align:right;letter-spacing:0;}
/*배송지 등록/수정*/
.popUp .pop_cont{padding:10px;margin-bottom:10px;border:solid 1px #ccc;}
.popUp .pop_cont .address_modify{display:none;margin-top:20px}
.popUp .pop_cont .address_modify dl{line-height:28px;padding:0 10px}
.popUp .pop_cont .address_modify dl:after{content:"";display:block;clear:both}
.popUp .pop_cont .address_modify dl dt{float:left;width:75px;clear:both;margin-top:5px;}
.popUp .pop_cont .address_modify dl dd{float:left;margin-top:5px;}

/*카테고리 관련*/
.categoryWrap .sort_list{float:left;}
#category {width:20.9%;min-width:200px;position:relative;margin:0;padding:0;border-right:solid 1px #e5e5e5;}
#category .root {position:relative;margin:0;padding:0;font-size:14px;}
#category ul { display:block;list-style:none;margin-top:5px;position:relative; padding:0 0 0 11px; background:url(../images/line_tree_vr.gif) repeat-y 11px top;}
#category ul li{ position:relative;padding:7px 0 5px 18px;background:url(../images/line_tree_hr.gif) no-repeat left 10px !important;white-space:nowrap;list-style:none;}
#category ul li a,#category ul li span.tree_label{ color:#333;text-decoration:none; position:relative;top:-1px;left:16px;_left:0;letter-spacing:0;}
#category ul li a.none{text-decoration:line-through;}
#category ul li a.none:hover{text-decoration:line-through;}
#category ul li a.sold_out{text-decoration:line-through;color:#f00}
#category ul li a.sold_out:hover{text-decoration:line-through;}
#category ul li span{border:solid 1px #444;background:#444;display:inline-block;width:8px;height:8px;margin:4px 5px 0 0;}
#category ul li span.unused{border:solid 1px #444;background:#fff;}
/*#category ul li span.sold_out{border-color:#f00;background:#f00}*/
#category ul li a:hover { text-decoration:none; }
#category ul li button{display:inline-block;position:relative;*top:-2px;_top:-2px;_left:-16px;width:13px;*width:17px;height:13px;*height:17px;margin:0 -13px 0 0;*margin:0 -17px -2px -2px;border:none;background:url(../images/btn_tree_collapse.gif) no-repeat;*font-family:Sans-serif;*font-size:0;*line-height:0;text-indent:-10000px;*text-indent:0;cursor:pointer;_cursor:hand;}
#category ul li button.minus {background-position:0 -11px;*background-position:2px -11px}
#category ul li button.plus {background-position:0 2px;*background-position:2px 2px}
#category ul li.tree_last{background:url(../images/line_tree_last_hr.gif) no-repeat 0 10px !important;}
#category ul li > ul{padding-left:6px;background-position:6px top;}
#category .selected {color:#222;font-weight:500;background:#eaeaea;padding:3px 5px}
#category .moveSpace { border: 1px dotted #CC0000; height:2px;width:200px; }
#category .gExplorerCtrl:after{clear: both;content: " ";display: block;font-size: 0;height: 0;line-height: 0;}
#category .gExplorerCtrl {overflow: hidden;padding: 7px;}
#category .directory {overflow: auto;padding: 6px 7px;}
.placeholder{background:#bbb}
.draggable, .draggable .moveTo{background-color:#ddd}
.category_info{float:left;padding:10px;color:#333;font-weight:500}
.category_cont{float:left;width:79%;}
.category_sort th:first-child,
.category_sort td:first-child{border-left:none}
#nContent.categoryWrap:after{content:""; display:block; clear:both;}

/*layer_공통*/
.layerCover{position:absolute;border:solid 1px #ccc;padding:25px 10px 10px;position:absolute;background:#fff;display:none;z-index:9999;line-height:20px}
.layerCover > div{padding:0 8px;}
.layerCover .title{text-align:left;font-size:14px;font-weight:500;line-height:12px;padding-bottom:10px;}
.layerCover .closeBtn{position:absolute;right:8px;top:8px;}

/*관리자 권한*/
.manage_list{margin:20px 0;display:inline-block;width:100%;}
.manage_list p{text-align:right}
.manage_list > li{float:left;width:32.44%;height:380px;}
.manage_list > li{margin-left:1.33%}
.manage_list > li:nth-child(3n+1){margin-left:0}
.manage_list > li > div{position:relative;padding:0 10px 0 200px;line-height:30px;border:solid 1px #ccc;margin-bottom:5px;background:#eaeaea;overflow:hidden;}
.manage_list > li > div  > span{position:absolute;left:10px;top:0;font-weight:500;color:#444;line-height:30px;letter-spacing:0}				
.manage_list > li > div  > p > span{margin-left:5px}
.manage_list > li > ul > li{position:relative;padding:0 10px;line-height:30px;border:solid 1px #ccc;margin-bottom:5px;overflow:hidden}				
.manage_list > li > ul > li > span{position:absolute;left:10px;top:0;font-weight:500;color:#444;line-height:30px}				
.manage_list > li > ul > li > p > span{margin-left:5px}


/*sms문구설정*/
.sms_word{overflow:hidden;margin-top:20px}
.sms_word li{margin:0 0 10px 10px;float:left;}
.sms_word li > div{width:178px;padding:10px;margin-bottom:5px;border:solid 1px #ccc;background:#eaeaea;}				
.sms_word textarea{width:168px;padding:5px;}
.sms_word .title{text-align:center;font-weight:500;font-size:14px;color:#444;margin-bottom:5px;}
.sms_word .byte_check{margin-top:5px;overflow:hidden;}
.sms_word .byte_check > span{float:right}	
.sms_word .byte_check .auto_send{float:left;}		
.sms_word .talk_id{text-align:center}

/*통계관리*/
.info_list{margin:0 0 20px 10px;}
.info_list li{line-height:20px;}
.barCover{border:solid 1px black;display:inline-block;}

.bar{height:10px;display:inline-block;}
.bar.red{background:#ff0000;}
.bar.pink{background:#f787f2;}
.bar.blue{background:#00b0f0;}
.bar.green{background:#92d050;}
.bar.yellow{background:#ffc000;}


/*제품색상선택*/
.colorCover > div, .colorCover > p{float:left;}				
.colorCover > div{width:120px;}
.colorCover > p{padding:0 20px;margin-top:-1px;}
.colorCover .color{display:block;float:left;margin-right:1px;width:12px;height:12px;border:solid 1px #ccc}
.colorCover .color.c01{background:white}
.colorCover .color.c02{background:black}
.colorCover .color.c03{background:#fb2c27}
.colorCover .color.c04{background:#047ac2}
.colorCover .color.c05{background:#d4d6d5}
.colorCover .color.c06{background:#555555}
.colorCover .color.c07{background:white}
.colorCover .color.c08{background:white}				

.address_modify{display:none;}
.address_modify ul{margin:0 0 10px 10px;}
.address_modify li{margin-top:5px}
.address_modify li span:first-child{display:inline-block;width:70px;}

/* 로그인 */
.login_wrap{position:relative;width:100%;height:100%;color:#fff;text-align:center;background:url(../images/content/bg_login.jpg) no-repeat center center;background-size:cover}
.login_wrap .d_t{display:table;width:100%;height:100%}
.login_wrap .d_c{display:table-cell;vertical-align:middle}
.login_wrap .title{padding:50px 0 20px;font-size:36px;font-weight:100;line-height:36px}
.login_wrap .welcome{font-size:16px}
.login_wrap .input_txt{padding-top:40px}
.login_wrap .input_txt > p{margin:10px 0}
.login_wrap .input_txt input{width:340px;height:60px;padding:0 20px;font-size:18px;line-height:60px;color:#fff;border:none;background:url(../images/content/bg_login_input.png) repeat left top}
.login_wrap .input_txt ::-webkit-input-placeholder{color:#fff}
.login_wrap .input_txt ::-moz-placeholder{color:#fff}
.login_wrap .input_txt :-ms-input-placeholder{color:#fff}
.login_wrap .input_txt :-moz-placeholder{color:#fff}
.login_wrap .btn_login{margin-top:45px}
.login_wrap .btn_login a{font-size:24px;color:#fff000;letter-spacing:0}

.memberWrap {margin:50px auto; position:relative;}
.memberWrap h2 {text-align:center; font-size:21px; padding-bottom:29px; font-weight:normal;}
.memberWrap .btn {text-align:center;}
.loginCon {}
.loginCon .value_txt {height:25px; padding:4px 0 0 10px; border:1px solid #ccc; line-height:22px; vertical-align:top; width:320px; color:#7E7E7E;}
.loginCon li {margin-bottom:10px;position:relative;}
.loginCon li label{position:absolute;left:5px;top:7px;cursor:auto;}
.loginCon .loginBtn {text-align:center; margin-top:20px;}

.addressCont{display:none;}

#frame{background:#fff;}


.delivery_num_modify{text-align:center !important;}
.delivery_num_modify .modify_cont{display:none;margin-top:5px;padding:0 10px;text-align:center}
.delivery_num_modify .modify_cont select{width:115px;margin-bottom:3px}
.delivery_num_modify .modify_cont input{width:103px;margin-bottom:3px}
.delivery_num_modify .btn_modify_reg{width:115px;margin:0 auto}
.delivery_num_modify .btn_modify_reg > a{width:48%;min-width:auto;float:right;padding:0;margin:0;box-sizing:border-box}
.delivery_num_modify .btn_modify_reg > a:first-child{float:left}

.multi_btn{position:relative;}
.multi_btn .btn_left{position:absolute;left:0;top:0;}

.visit_num{font-size:32px;color:#666;padding:10px 0;text-align:center !important}
.visit_num span{font-size:14px;margin-left:3px;line-height:20px;}

.option_category{padding:10px}

.expiry_date .set01{margin-bottom:10px}
.expiry_date .set02 input{vertical-align:middle}

.words_txtCover{display:none;margin-top:20px}

.banner_img_wrap .file_upload{margin-bottom:5px}
.banner_img_wrap input{width:300px;vertical-align:middle}

.selected_group input[type="text"]{width:300px}
.selected_group .selected_cont_wrap{margin-top:5px}

.thumb_list li{margin-top:5px}
.thumb_list li:first-child{margin-top:0}
.thumb_list li input[type="file"]{margin-right:5px}
.thumb_list li a{vertical-align:middle}

.event_setting .check{margin-right:5px}
.event_setting select{margin:0 5px}

/* admin_order */
.btn_order{}
.btn_order > p{margin:2px 0}

.quantity_wrap{display:inline-block;position:relative;max-width:60px;padding-right:20px}
.quantity_wrap .number{border:solid 1px #ccc;border-right:none}
.quantity_wrap input[type="text"]{width:100%;padding:0;border:none;text-align:center}
.quantity_wrap .btn_count{position:absolute;right:0;top:0}
.quantity_wrap .btn_count a{display:block;width:18px;height:12px;font-size:5px;color:#333;line-height:12px;text-align:center;border:solid 1px #ccc}
.quantity_wrap .btn_count a:first-child{height:13px;border-bottom:none;}

.discount_wrap{padding:0 10px}
.discount_wrap > div{overflow:hidden;margin:3px 0}
.discount_wrap > div > p{width:50%;float:left}
.discount_wrap .title{text-align:left}
.discount_wrap .price{text-align:right;letter-spacing:0}

.discount_input input, 
.discount_input span,
.discount_input select{vertical-align:middle}
.discount_input input[type="text"]{width:70px}
.discount_input .price{margin-right:10px}

.orderer_info_wrap{margin-top:20px;overflow:hidden;}
.orderer_info_wrap > div{width:49%;float:left}
.orderer_info_wrap .info02{float:right;}
.orderer_info_wrap > div table{border-right:solid 1px #e4e4e4;}
.orderer_info_wrap .info02 table{border-left:none;border-left:solid 1px #e4e4e4;}

/* member */
.member_info_tab{margin-bottom:10px}
.member_info_tab:after{content:"";display:block;clear:both}
.member_info_tab > li{position:relative;float:left;margin-left:9px;padding-left:10px;line-height:28px}
.member_info_tab > li:after{content:"|";position:absolute;left:0;top:0}
.member_info_tab > li:first-child{margin-left:0;padding-left:0}
.member_info_tab > li:first-child:after{display:none}

.member_info_tab_wrap{position:relative;margin-bottom:10px}
.member_info_tab_wrap:after{content:"";display:block;clear:both}
.member_info_tab_wrap .member_info_tab{float:left;margin-bottom:0;margin-right:10px}
.member_info_tab_wrap .search_wrap{float:left}

.member_info_tab_wrap .data_info{position:absolute;right:0;top:0;line-height:28px}

.cs_reg_wrap{padding:10px;border:1px solid #d4d3d3;background:#fcfcfc}
.cs_reg_wrap .cs_type{}
.cs_reg_wrap .cs_type input,
.cs_reg_wrap .cs_type select{vertical-align:middle}
.cs_reg_wrap .check_list{margin:10px 0}

/* main */
.graph_wrap:after{content:"";display:block;clear:both}
.graph_wrap > div{width:33.33%;float:left}

/* 회원cs_pop */
.mamber_info_wrap{position:relative}
.mamber_info_wrap:after{content:"";display:block;clear:both}
.mamber_info_wrap .left_cont{width:29%;float:left;padding-right:1%;}
.mamber_info_wrap .board_list{height:173px;overflow-y:auto}
.mamber_info_wrap .cs_wrap {margin-top:20px}
.mamber_info_wrap .cs_wrap .board_list{height:270px}
.mamber_info_wrap .cs_wrap .section_tab ul{float:none}
.mamber_info_wrap .cs_wrap .section_tab li{width:20%;box-sizing:border-box}
.mamber_info_wrap .cs_wrap .section_tab a{width:auto}
.mamber_info_wrap .cs_wrap .cs_reg_wrap{}
.mamber_info_wrap .cs_wrap .cs_reg_wrap .check_list{margin:10px 0}
.mamber_info_wrap .cs_wrap .tel_type{margin-left:20px}
.mamber_info_wrap .cs_wrap .cs_reg_wrap .btn_cs_reg {margin-top:10px}
.mamber_info_wrap .cs_wrap .cs_reg_wrap .btn_cs_reg a{display:block;width:auto;padding:0}
.mamber_info_wrap .right_cont{width:70%;float:left;margin-top:18px}
.mamber_info_wrap .right_cont iframe{height:630px}
.mamber_info_wrap .right_cont iframe table{border:solid 1px red}

/* 추가_new */
.cs_wrap{margin-top: 20px}
.cs_wrap .board_list{height: 270px}
.cs_wrap .section_tab ul{float: none}
.cs_wrap .section_tab li{width: 20%}
.cs_wrap .section_tab a{width: auto}
.cs_wrap .cs_reg_wrap{margin-top: 20px}
.cs_wrap .tel_type{margin-left: 20px}
.cs_wrap .cs_reg_wrap .btn_cs_reg{	margin-top: 10px}
.cs_wrap .cs_reg_wrap .btn_cs_reg a{display: block;width: auto;padding: 0}

.adress_wrap > p{margin-top:5px}

.input_wrap > span{margin-right:20px}

.btn_search{display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(../images/ico/icon_search.png) no-repeat center center}

.hashtag_wrap .hashtag_list{display:inline-block;line-height:28px}
.hashtag_wrap .hashtag_list > span{display:inline-block;position:relative;margin:0 5px;padding-right:20px;font-size:15px}
.hashtag_wrap .hashtag_list > span a{position:absolute;right:0;top:50%;margin-top:-8px}


/* 제품등록 옵션추가 */
.option_input_cell{}
.option_input_cell > th,
.option_input_cell > td{display:none}
.option_input_wrap{position:relative}
.option_input_wrap .option_data{margin:5px 0}
.option_input_wrap .option_data:after{content:"";display:block;clear:both}
.option_input_wrap .option_data > p{float:left;margin-right:10px}
.option_input_wrap .option_data input{border:solid 1px #ccc;vertical-align:middle}
.option_input_wrap .option_data .title input{width:200px}
.option_input_wrap .option_data .data input{width:500px}
.option_input_wrap > div{margin-bottom:20px}
.option_input_wrap .btn_option{position:relative}
.optionset_save{display:none;position:absolute;padding:10px 30px 10px 10px;border:solid 1px #ccc;background-color:#fff;z-index:999}
.optionset_save .btn_close{position:absolute;right:10px;top:50%;margin-top:-5px}

.option_list_cell > th,
.option_list_cell > td{display:none}
#optionList{display:none}
.option_list{margin-bottom:20px;border-left:none !important;border-right:none !important}
.option_list td{padding:7px 10px !important}
.option_list input[type="text"],
.option_list select,
.option_list .btn{width:100%;box-sizing:border-box}
.option_list .btn{padding:0;font-size:13px}
.option_list input[type="text"].option_name{max-width:180px}
.option_list .total_option .btn{margin-top:5px}
.option_list .total_option .code input,
.option_list .total_option .code a{width:0;height:0;margin:0;padding:0;font-size:0;border:none;opacity:0}
.option_list .total_option .all_check{position:relative}
.option_list .total_option .all_check input{margin-top:8px}
.option_list .total_option .all_check .btn{margin-top:11px}

.btn_option{position:relative}
.option_charge_rate{position:absolute;right:0;top:0}
.option_charge_rate input[type="text"]{width:30px;text-align:center}
.option_charge_rate > span{margin-right:10px}

.style_view_wrap .style_visual{position:relative;width:1600px;height:600px}
.style_view_wrap .ui-widget-content{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15ppx;border:solid 1px #ccc;border-radius:50%;text-align:center;line-height:30px}
.style_view_wrap .info_line{margin-top:5px}
.style_view_wrap .info_line span,
.style_view_wrap .info_line input{vertical-align:middle}
.style_view_wrap .info_line .btn{margin-right:5px;vertical-align:middle}
.style_view_wrap .info_line input{margin-right:5px}
.style_view_wrap .info_num{display:inline-block;margin-right:5px;line-height:28px}

/* 반품/교환요청 */
.refund_wrap.on{position:relative;padding-right:280px}
.refund_wrap.on:after{content:"";display:block;clear:both}
.refund_wrap .price_info{display:none;border:solid 1px red}
.refund_wrap.on .price_info{display:block;position:absolute;right:0;top:0;width:258px;text-align:right;border:solid 1px #e5e5e5}
.refund_wrap .price_info li{padding:10px;line-height:26px;border-top:solid 1px #e5e5e5}
.refund_wrap .price_info li:first-child{border-top:none}
.refund_wrap .price_info li > p{position:relative;padding-left:100px}
.refund_wrap .price_info li > p .title{position:absolute;left:0;top:0;text-align:left}
.refund_wrap .price_info li > p .price{letter-spacing:0}
.refund_wrap .price_info li > p .price > span{color:#333;font-weight:500}

.refund_exchange_info{margin-top:20px}
.btn_refund_order{display:none}
.btn_exchange_order{display:none}

.account_info > p{display:inline-block;margin-right:10px}
.account_info > p > span{margin-right:5px}

.certify_wrap input,
.certify_wrap select,
.certify_wrap span{vertical-align:middle}
.certify_wrap > div{display:inline-block}
.certify_wrap .check_certify_status{margin-right:17px}
.certify_wrap .input_certify_num .input_title{margin-right:5px}


.item_input_list .multi_input_wrap{margin-top:5px}
.item_input_list .multi_input_wrap:first-child{margin-top:0}
.item_input_list .multi_input_wrap .btn{min-width:auto}

.coupon_product_settion > div{position:relative;margin-top:10px;padding-left:70px}
.coupon_product_settion > div:first-child{margin-top:0}
.coupon_product_settion > div > p{position:absolute;left:0;top:0;line-height:28px}

.title_input_type{margin-bottom:5px}
.title_input_type .check_list{margin-bottom:5px}
.title_input_type .input_type_cont{display:none}

.cs_member_info{line-height:28px}

.display_turn{margin-top:5px}
.display_turn input{width:30px;text-align:center}





