/* wrap */
.wrap{position: relative; width: 100%; overflow: hidden;}
.body > .inner_wrap >.f_right:not('.mypage_paper_wrap'){width: 690px;}
.body > .inner_wrap >.f_right .no_data{text-align: center; height:30px;}
.inner_wrap{width: 1040px; margin: 0 auto; position: relative;}
.main_wrap{width: 1040px; padding: 40px; box-sizing: border-box; overflow: hidden; background-color: #fff; border-radius: 16px; border: 1px solid #ddd;}
.detail_info_wrap{width: 200px; padding: 30px 20px; box-sizing: border-box; overflow: hidden; background-color: #fff; border-radius: 16px; border: 1px solid #ddd;}
.detail_paper_wrap{margin-bottom: 80px; width: 820px; padding: 30px 40px; box-sizing: border-box; overflow: hidden; background-color: #fff; border-radius: 16px; border: 1px solid #ddd;}
.filter_main{width: 330px; padding: 30px 40px; box-sizing: border-box; overflow: hidden; background-color: #fff; border-radius: 16px; border: 1px solid #ddd;}
/* .filter_list{position: relative;width: 690px; padding: 20px; box-sizing: border-box; overflow: hidden; background-color: #fff; border-radius: 16px; border: 1px solid #ddd;} */
.filter_list{margin-bottom: 20px; position: relative;width: 690px; padding: 20px; box-sizing: border-box; overflow: hidden; background-color: #fff; border-radius: 16px; border: 1px solid #ddd;}
.mypage_info_wrap{width: 250px; height: 730px; box-sizing: border-box; overflow: hidden; background-color: #fff; border-radius: 16px; border: 1px solid #ddd;}
.mypage_paper_wrap{width: 770px; padding: 40px; box-sizing: border-box; overflow: hidden; background-color: #fff; border-radius: 16px; border: 1px solid #ddd;}
.main_wrap_service{width: 1040px; padding: 60px 40px 30px; margin-top: 60px; box-sizing: border-box; overflow: hidden; background-color: #fff; border-radius: 16px; }

.body{padding-bottom: 80px; min-height: 550px; overflow: hidden; background: #f8f8f8}
/* .text_bar{color: #ddd; padding-left: 10px} */
.page_title{margin-bottom: 50px; font-size: 24px; font-family: 'NotoSansKR-Bold'; color: #000; text-align: center;}
.my_page_title{margin-left: 20px; margin-bottom: 40px; font-size: 24px; font-family: 'NotoSansKR-Bold'; color: #000;}
.page_title_big{font-family: 'NotoSansKR-Bold';text-align: center; font-size: 32px; padding-bottom: 40px; color: #444; border-bottom: 4px solid #666}
.path{text-align: right; font-size: 12px; color: #000; padding: 22px 0 16px; font-family: '돋움',dotum,sans-serif;}
.path span{padding: 0 10px}
.img_wrap > img{width: 100%}
.text_over{display: block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap}

/* login */
.login_main{position: relative; width: 100%; height:800px; background: url(../images/img.png) no-repeat; background-size: cover;}
.login_main header{height: 80px; border-bottom: 1px solid rgb(255,255,255,0.5);}
.login_main > .margin_auto{position: relative; width: 1040px; margin: 0 auto;}
.main_header_wrap{width: 1040px; margin: 0 auto; line-height: 80px;}
.main_header_wrap img{width: 160px; }
.main_header_wrap span a{color: #fff;}
.txt_left{position: absolute; top:200px; left: 0; width: 300px; height: auto; font-size: 28px; color: #fff;}
.txt_left img{width: 220px; margin-top: 20px;}
.login_wrap{padding: 80px 50px; box-sizing: border-box; position: absolute; top:120px; right: 0; width: 480px; height: 460px; border-radius: 10px; background: rgba(0,0,0,0.3)}
.login_wrap h3{font-size: 30px; color: #fff; margin-bottom: 40px; font-family: 'Roboto-Regular';}
.login_wrap li input{border: 1px solid #ddd; border-radius: 5px; margin-bottom: 20px; padding-left: 40px;}
.login_input li input[type="text"]{background: url(../images/i_id.png) no-repeat; background-size: 18px; background-position: 15px; background-color: #fff;}
.login_input li input[type="password"]{background: url(../images/i_pw.png) no-repeat; background-size: 18px; background-position: 15px; background-color: #fff;}
.login_link{float: left; margin-top: 20px;}
.login_link li{display: inline-block; }
.login_link li span{color: #fff; font-size: 12px; padding:0 10px; vertical-align: top;}
.login_link li a{font-size: 14px; color: #fff; }
.login_wrap .join{ float: right; margin-top: 20px;}
.login_wrap .join a{font-size: 14px; color: #fff; }
.login_section_01{width: 100%; height: 630px;}
.login_section_01 h4, .login_section_02 h4{font-size: 48px; font-family: 'NotoSansKR-Bold'; color: #006B46}
.login_section_01 h5{font-size: 42px; font-family: 'NotoSansKR-Bold'; color: #222; margin-bottom: 50px;}
.login_section_01 p{font-size: 18px; color: #666;}
.login_section_01 img{width:684px;}
.section_inner_wrap{width:1040px; margin: 0 auto; position: relative; height: 100%;}
.login_section_01 .section_inner_wrap img{position: absolute;bottom: 0; right: 0;}
.login_section_01 .section_inner_wrap .left_txt{position: absolute;bottom: 125px; left: 0}
.login_section_02{width: 100%; height:1140px; padding: 120px 0; box-sizing: border-box; background: #F8F8F8;}
.login_section_02 ul{margin-top: 80px; width:100%;}
.login_section_02 ul li .left_txt{float: left; width:800px; margin-bottom: 85px;}
.login_section_02 ul li .left_txt span:first-child{border-radius: 30px; padding: 3px 5px; box-sizing: border-box; width: 36px; background: #02C782; color: #fff; font-size: 18px; font-family: 'NotoSansKR-Bold'}
.login_section_02 ul li .left_txt span.sub_title{font-size: 26px; margin-left: 15px; font-family: 'NotoSansKR-Bold'}
.login_section_02 ul li .left_txt p{margin-top: 20px; font-size: 18px;}
.login_section_02 ul li img{width: 150px; float: right;}

/* header */
header{height: 140px; width: 100%; overflow: hidden;}
header .head_top{height: 80px; position: relative;}
header .head_top h1{text-align: left; padding-top: 10px; margin-right: 100px; width: auto; float: left;}
header .head_top img{display: inline-block; width: 150px; }
header .head_top .login{position: absolute; top:30px; right:0;}
header .head_top .my_page{position: absolute; top:30px; right:100px;}
header .head_top .login img, header .head_top .my_page img{width: 20px; vertical-align: middle;margin-right: 5px; margin-top: -2px;}
header .head_top .login a, header .head_top .my_page a{color: #666;}
header .head_bt{height: 60px; background: #eee; }

.tab {overflow: hidden;}
.tab li {float: left;}
.tab li a {display: inline-block; text-align: center; height: 80px; line-height: 80px; padding: 0 10px; margin: 0 20px; font-size: 18px; transition:0.3s;}
.tabcontent {display: none; padding: 6px 12px; color:#fff; margin-left: 250px}
ul.tab li.active a{font-family: 'NotoSansKR-Bold'; color: #02C782;border-bottom: 2px solid #02C782;}
.tabcontent.active {display: block;}
.tabcontent li{float: left; padding: 10px 20px;}
.tabcontent li.active{font-family: 'NotoSansKR-Bold'}

/* footer */
footer{background-color: #fff;}
footer .inner_wrap{padding: 0 3px; box-sizing: border-box; overflow: hidden;}
footer .foot_top{ margin: 0 auto; height: 60px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
footer .foot_top li{float: left; padding-right: 40px}
footer .foot_top li a{line-height: 60px; font-size: 16px; color: #666}
footer .foot_top li::after{content: '|'; color: #ccc; position: relative; top:-2px; left:20px;}
footer .foot_top li.after_none.pr0{padding-right: 0}
footer .foot_top .f_right a img{width: 24px; margin-top: -3px;}
footer .foot_top li.active{font-family: 'NotoSansKR-Bold'}
footer .foot_bt{width: 1040px; margin: 0 auto; padding: 40px 0 60px; position: relative;}
footer .foot_bt .copyright{font-family: 'Roboto-Regular';font-size: 16px; color: #999;}
footer .foot_bt .foot_left{width: 900px;}
footer .foot_bt .foot_left p{color: #999; font-size: 16px;}
footer .foot_bt .foot_left p img{width: 80px;float: left; margin-right: 50px;}
footer .foot_bt .foot_left p span{color: #666; margin: 0 30px 0 10px;}
footer .foot_bt .f_right{position: absolute; top:0; right:0; cursor: pointer;}
footer .foot_bt .f_right img{width: 60px;}
/* product_list */
/* .product_list{overflow: hidden;}
.product_list li{float: left; width: 210px; margin-right: 37px; margin-bottom: 40px}
.product_list li:nth-child(5n){margin-right: 0}
.product_list li a{display: block;}
.product_list li .img_wrap{overflow: hidden; margin-bottom: 20px}
.product_list li .img_wrap img{transition: all .3s}
.product_list li a:hover .img_wrap img{transform: scale(1.1);}
.product_list li a:hover .text_wrap p:nth-of-type(1){text-decoration:underline;}
.product_list li .text_wrap p{margin-bottom: 15px; font-size: 16px; line-height: 1.6; height: 3.2em; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.product_list li .text_wrap .cost_wrap{display: flex; justify-content: space-between; align-items: center; font-weight: bold;}
.product_list li .text_wrap .cost_wrap .discount{font-size: 20px; color: #878787} */

/* main */
.main_title{height: 80px; padding-top: 20px;}
.main_title h3{float: left; width: auto;; font-size: 36px; color: #006B46; position: relative;}
.main_title h3::before{content: '';position: absolute; top:-10px;left:-30px;width: 80px; height:80px; display: block; background: url(../images/img_wood.png) no-repeat; background-size: 70px;}
.main_title ul li{line-height: 80px; display: inline-block; margin-left:20px; position: relative; color: #666;}
.main_title ul li img{width: 20px; vertical-align: middle; margin-top: -3px;}
.main_title ul li::before{position: absolute; top: 35px; right: -20px; content: ""; display: block; width: 12px; height: 12px; background: url(../images/arrow_right_sm.png) no-repeat 50%; background-size: cover;}
.main_title ul li:last-child::before{content: ""; display: none}

/* search */
.base_annot{font-size: 14px; color: #999; text-align: right; font-family: 'Robodo-Regular','NotoSansKR';}
.form_search h3{font-size: 16px; margin-bottom: 20px; font-family: 'NotoSansKR-Bold';}
.form_search select{font-size: 14px; border: 1px solid #ddd; border-radius: 5px; height: 40px; box-sizing: border-box;}
.form_search input[type="checkbox"] + label {margin: 0 8px 8px 0; width: 75px; font-size: 14px; display: block; float: left;text-align: center; height: 40px; line-height: 40px; cursor: pointer; border-radius: 5px; border: 1px solid #ddd; color: #666;}
.form_search input[type="checkbox"]:nth-child(3n) + label {margin-right: 0;}
.form_search input[type="checkbox"]:checked + label{color:#02C782; border: 1px solid #02C782;}
.form_search input[type="radio"] + label {margin-right: 10px;font-size: 14px; display:block; text-align: center; height: 40px; line-height: 40px; cursor: pointer; border: 1px solid #ddd; color: #666;}
.form_search input[type="radio"]:checked + label{color:#02C782; border: 1px solid #02C782;}

/* search_list */
.filter_list .title{padding-bottom: 20px; border-bottom:1px solid #ccc; margin-bottom: 20px;}
.filter_list .title .title_right{font-size: 14px; text-align: center; line-height: 28px; float: right; border:1px solid #444; color: #444; border-radius: 18px; height: 30px; width: 80px; box-sizing: border-box;}
.filter_list .search_list_con.left{ width: 300px;}
.filter_list .right_btns{width: 220px; position: absolute; top:110px; right:20px;}
.filter_list .txt_right{color: #999; text-decoration: underline;position: absolute; top:150px; right:20px;}
.filter_list .search_list_con p{font-size: 20px; font-family: 'NotoSansKR-Bold', 'Roboto-Bold';}
.filter_list .search_list_con ul li{color: #999;}
.filter_list .search_list_con ul li span{margin-left: 10px; color: #444; font-family: 'NotoSansKR-Bold';}
.filter_list .search_list_con ul li.font_point_noto{color: #FF8000; margin-top: 20px;}

/* detail_info_wrap */
.detail_info_wrap img{width: 20px; }
.detail_info_wrap span{display: inline-block; width: 20px; floet:left; margin:20px 0;}
.detail_info_wrap p{display: inline-block; float: right; margin:20px 0}
.detail_info_wrap h4{width: 100%; text-align: right; float: right;font-family: 'NotoSansKR-Bold';font-size: 22px; color: #444;}
.detail_info_wrap h4.roboto_bold{font-family: 'Roboto-Bold';}

/* detail_paper_wrap */
.detail_paper_wrap h5{margin-bottom: 15px; margin-top: 40px;font-family: 'NotoSansKR-Bold';color: #02C782; font-size: 20px;}
.product_info_table{width: 100%;border-top: 1px solid #02C782}
.product_info_table tr{border-bottom: 1px solid #ddd;}
.product_info_table tr > *{width: 25%; text-align: left; padding: 15px; box-sizing: border-box; height: 55px;}
.product_info_table tr th{font-weight:normal; background: #F8F8F8; color: #666; vertical-align: text-top;}
.product_info_table tr th img{width: 18px; margin-left: 10px; margin-top: -3px;}
.product_info_div{padding: 20px 0; border-top: 1px solid #02C782; overflow: hidden;}

.modal_search{display: none; box-sizing: border-box; width: 650px; height: 570px; padding: 60px 40px 40px 40px;}
.modal_search .table {width: 100%; text-align: center;}
.modal_search .table th{padding: 4px 0;background-color: #006B46;font-weight: 100; border: 1px solid #ddd;color: #fff; height:30px; line-height: 30px;}
.modal_search .table td{padding: 30px 0; font-size: 14px; border: 1px solid #ddd;}
.modal_search .table tr td:first-child{font-family: 'NotoSansKR-Bold';}
.modal_search p{margin-top: 20px; font-size: 14px;}

.modal_delete{display: none; box-sizing: border-box; width: 430px; height: 240px; padding: 40px 30px;}
.modal_btn_wrap .btn_no a{color: #000;border-radius: 5px;display: inline-block; width: 180px; height: 50px;line-height: 50px; text-align: center; background: #ddd;}
.modal_btn_wrap .btn_yes a{border-radius: 5px;margin-left: 10px;display: inline-block; width: 180px; height: 50px;line-height: 50px; text-align: center; background: #02C782; color: #fff;}

.modal_check{display: none; box-sizing: border-box; width: 430px; height: auto; padding: 40px 30px;}
.modal_btn_wrap.big .btn_no a{color: #000;border-radius: 5px;display: inline-block; width: 220px; height: 50px;line-height: 50px; text-align: center; background: #ddd;}
.modal_btn_wrap.big .btn_yes a{border-radius: 5px;margin-left: 10px;display: inline-block; width: 220px; height: 50px;line-height: 50px; text-align: center; background: #02C782; color: #fff;}
.modal_btn_wrap.big{margin-top: -50px; margin-left: 20px;}
/* form.member */
.form.member {width: 600px; margin: 0 auto; }
.form.member label {text-align: left;}
.form.member li{width: 100%; overflow: hidden; margin-bottom: 20px;}
.form.member li > span.txt_right{font-family: 'NotoSansKR-Bold';font-size: 20px; float: right; color: #000;}
.form.member li.input_btn label{width: 100%;}
.form.member li.input_btn input{float: left; width: 470px;}
.form.member li.input_btn > span{float: right}
.form.member li.entrepreneur{position: relative;}
.form.member li.entrepreneur label{width: 100%; margin-top:20px;}
.form.member li.entrepreneur p{position: absolute; top:150px; left:0;font-size: 12px; color: #999; height: 0; line-height: 1.6;}
.form.member li.entrepreneur img{width: 200px; height: auto; float: right;}
.form.member label{width: 222px; float: left; line-height: 50px;}
.form.member input{width: 378px; height: 50px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 5px; padding: 0 12px; font-size: 14px;}
.timer_area{clear: both; position: relative;display: block;}
.txt_timer{position: absolute; top:2px; right:150px;font-family: 'Roboto-Regular'; font-size: 12px; color: #FF8000;}
.id_result p{margin-top: 80px; text-align: center; font-size: 20px; line-height: 40px;}
.id_result span{font-family: 'Roboto-Bold'; color: #006B46; font-size: 24px;}
.pw_result {margin-top: 80px;}
.pw_result p{font-size: 20px; color: #666; text-align: center; line-height: 40px;}
.pw_result span{font-family: 'NotoSansKR-Bold'; color: #006B46;}
.pw_result .fs_24{font-size: 24px; margin-top: 10px;}

/* forms */
.form{width: 600px; margin: 0 auto;}
.form select{border-radius: 5px; font-size: 14px;}
.form li{margin-bottom: 40px; overflow: hidden;}
.form li > *{height: 50px; line-height: 50px;}
.form li textarea{line-height: 1.6;}
.form li .unit{display: inline-block; color: #090909; width: 40px; padding-left: 10px; box-sizing: border-box;}
.form p{display: inline-block; box-sizing: border-box;}
.form p img{width: 18px; margin-top: -3px; margin-left: 10px;}
.form .full{width: 100%;}
.form .label{width: 220px;}
.form label{width:40px; text-align: center;}
.form input{border: 1px solid #ddd; border-radius: 5px; padding-left: 15px;}
.form textarea{height: 140px;}
.form .w340{width: 340px;}
.form .w380{width: 380px;}
.form .w400{width: 400px;}
.form .w440{width: 440px;}
.form .w470{width: 470px;}
.form input[type="checkbox"] + label{margin-right: 1px; font-size: 14px; border-radius: 5px; width: 120px; height: 45px; line-height: 45px; border: 1px solid #ddd; color:#dd;}
.form input[type="checkbox"]:last-child + label{margin-right: 0px;}
.form input[type="checkbox"]:checked  + label{border: 1px solid #02C782; color:#02C782;}
.form input[type="radio"] + label{margin-right: 1px; font-size: 14px; border-radius: 5px; width: 120px; height: 45px; line-height: 45px; border: 1px solid #ddd; color:#dd;}
.form input[type="radio"]:last-child + label{margin-right: 0px;}
.form input[type="radio"]:checked  + label{border: 1px solid #02C782; color:#02C782;}

/* 구매요청등록 */
.form.reg li b{color:#006B46;font-size: 20px; font-family: 'Roboto-Bold'; margin-right: 5px;}
.form.reg li label img{width: 18px;margin-top: 15px; margin-right: 20px;text-align: right; float: right}
.custom_radio input[type="radio"] + label {border-radius: 5px;box-sizing: border-box;width: 193px; margin-right: 10px;font-size: 14px; display:block; text-align: center; height: 45px; line-height: 45px; cursor: pointer; border: 1px solid #ddd; color: #666;}
.custom_radio input[type="radio"]:checked + label{color:#02C782; border: 1px solid #02C782;}
.custom_radio ul li{width: 193px; display: inline-block;}
.form.reg .address input{width: 470px; margin-bottom: 10px; float: left;}
.form.reg .address a{cursor: pointer; width: 120px; float: right; height: 40px; font-size: 14px; color: #fff;background: #006B46; line-height: 40px; text-align: center;border-radius: 5px;}
.form.reg .add_list_box{display: block; border: 1px solid #ddd; height: auto; line-height: normal; padding: 5px 15px; box-sizing: border-box;}
.form.reg .order_detail p{margin: 10px 0;width: 100%; color: #000; font-size: 14px;font-family: 'NotoSansKR-Bold';position: relative;}
.form.reg .order_detail p img{width: 12px; position: absolute; top:10px; right:0;}
.form.reg .order_detail .txt_center img{width: 16px;margin-top: -3px;margin-right: 5px;}
.total_result{margin: 20px 0;}
.total_result .total{font-size: 20px; color: #006B46; font-family: 'Roboto-Bold', 'NotoSansKR-Bold';}
.modal_standard_add{height: 530px; padding: 60px; width: 600px; margin: 0 auto; background: #fff; border-radius: 8px; display: none; box-sizing: border-box;}
.modal_standard_add .form{width: 340px;}
.modal_standard_add h4{font-size: 18px; text-align: center; margin-bottom: 30px;}
.modal_standard_add label{width: 100px; float: left; text-align: left; height: 50px; line-height: 50px;}
.modal_standard_add input{float: left; width: 200px; height: 50px; line-height: 50px; margin-bottom: 20px;}
.modal_standard_add span{display: inline-block; margin-bottom: 20px; margin-left: 10px; height: 50px; line-height: 50px; font-family: 'Roboto-Regular','NotoSansKR'; font-size: 14px;}
/* .modal_standard_add{height: auto; padding: 60px; width: 600px; margin: 0 auto; background: #fff; border-radius: 8px; display: none; box-sizing: border-box;}
.modal_standard_add .form{width: 340px;}
.modal_standard_add .form label{width: 100px; float: left; text-align: left;}
.modal_standard_add .form input{float: left; width: 200px; height: 50px; line-height: 50px; }
.modal_standard_add .form span{margin-left: 10px; font-family: 'Roboto-Regular'; font-size: 14px;} */
.modal_error{height: 310px; padding: 40px; width: 430px; margin: 0 auto; background: #fff; border-radius: 8px; display: none; box-sizing: border-box;}
.modal_error .madal_con{text-align: center;}
.modal_error .madal_con img{width: 72px; margin-bottom: 20px; }
/* 거래요청 */
.transaction_request{margin-bottom: 30px;height:auto!important;line-height: normal!important;}
.transaction_request p{margin-bottom: 15px;width: 100%;color: #006B46; text-align: right;font-family: 'NotoSansKR-Bold';}
.transaction_request label{line-height: 50px;width: 155px;float: left; color: #999; }
.transaction_request input{margin-bottom: 10px;width: 400px; height: 50px; line-height: 50px;}
.transaction_request span{width: 40px;padding-left: 10px; box-sizing: border-box;}
.form_total p{width: 100%; height: 30px; line-height: 1.6;}
.form_total span{font-family: 'NotoSansKR-Bold','Roboto-Bold';color: #FF8000; margin-left: 20px;}

/* 약관동의 */
.agree_terms_cond{width: 100%; }
.agree_terms_cond label{color: #222; font-size: 14px;}
.agree_terms_cond .scroll_input{border: 1px solid #006B46; width: 100%; height: 300px; border: 1px solid #ddd; padding: 20px; box-sizing: border-box; overflow-y: scroll; font-size: 14px; color: #707070; line-height: 1.6}
.chk_all{position: absolute; right: 50px; top:50px;}

/* complete */
.complete{width: 700px; margin: 0 auto; text-align: center;}
.complete img{width: 120px;}
.complete h4{color: #006B46;font-size: 24px; margin: 30px 0 60px; }
.complete h6{font-size: 18px;}
.complete h6 span{font-size: 18px;font-family: 'NotoSansKR-Bold';}

.complete_line{margin: 120px auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; width: 676px; height: auto;; text-align: center; padding: 30px; box-sizing: border-box;}
.complete_line h3{color: #006B46; font-size: 24px; margin-bottom: 30px;}
/* notice_wrap */
.service_wrap li{padding-right: 40px; box-sizing: border-box; color: #444; width: 100%; height: 70px; line-height: 70px; border-bottom: 1px solid #ccc}
.service_wrap li a{display: block;}
.service_wrap li a span img{width: 70px; margin-top: -3px;vertical-align: middle; margin-left: 10px;}
.service_wrap li .list_number{text-align: center; display: inline-block; width: 100px; font-size: 16px; font-family: 'Roboto-bold'}
.service_detail{height: 100px; line-height: 100px; padding: 0 20px; border-bottom: 1px solid #ddd;}
.service_detail .title{font-size: 20px;font-family: 'NotoSansKR-Bold';}
.service_contents_wrap{padding: 30px; box-sizing: border-box; width: 100%; border-bottom: 1px solid #ddd;}
.service_contents_wrap .img_area{width:100%; height: auto;}
.service_contents_wrap.qna{border-bottom: 0;}
.service_contents_wrap.qna .answer_area{position: relative; margin-top: 60px;background: #F6F6F6; padding: 30px 70px 60px 80px;box-sizing: border-box;}
.service_contents_wrap.qna .answer_area::after{position: absolute;top:30px; left:30px; content: ''; display: block; width: 36px; height: 36px; background-position: 30px; background: url(../images/i_answer.png) no-repeat 50%; background-size: 36px;}
.qna_reg_form{width: 600px; margin: 0 auto;}
.qna_reg_form input{margin-bottom: 40px;margin-top: 20px;border-radius: 5px; border: 1px solid #ddd; padding: 10px; box-sizing: border-box; height: 50px;}
.qna_reg_form textarea{height: 240px;margin-bottom: 60px; margin-top: 20px;}

/* my_profail  */
.my_profail{position: relative; width: 100%; background: #eee; height: 160px; padding: 30px; box-sizing: border-box;}
.my_profail h3{font-family: 'NotoSansKR-Bold'; font-size: 24px; }
.my_profail span img{width: 24px; position: absolute; top:38px; right:30px;}
.my_profail h4{color: #006B46; margin: 15px 0 10px 0;}
.my_info{padding: 15px;box-sizing: border-box;}
.my_info_list li{position: relative; height: 50px; padding-left: 20px;line-height: 50px; border-bottom: 1px solid #ddd;}
.my_info_list li.on a{color:#02C782;font-family: 'NotoSansKR-Bold';}
.my_info_list li a{display: block; color: #444}
.my_info_list li a img{width: 24px; vertical-align: middle; margin-right: 10px;}
.my_info_list li::before{display: block; content: ''; width: 12px; height: 12px; background: url(../images/arrow_right_wh.png) no-repeat; background-size: 12px; position: absolute; right:20px; top: 20px;}
.my_info_list li.on::before{display: block; content: ''; width: 12px; height: 12px; background: url(../images/arrow_right_point.png) no-repeat; background-size: 12px; position: absolute; right:20px; top: 20px;}
.my_info .i_new_btn{position: relative;}
.my_info .i_new_btn::after{content: ''; display: block; background: url(/images/i_new.png) no-repeat; width: 20px; height: 20px; position: absolute; top:26px; right:30px; background-size: 20px;}
.mypage_paper_wrap .order_tab{width: 690px; height: 50px; line-height: 50px; margin-bottom: 20px;}
.mypage_paper_wrap .order_tab li{cursor: pointer; width: 50%; float: left; line-height: 50px; color:#666; text-align: center; border: 1px solid #ddd; box-sizing: border-box;}
.mypage_paper_wrap .order_tab li a{display: block; }
.mypage_paper_wrap .order_tab li:first-child{border-right: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.mypage_paper_wrap .order_tab li:last-child{border-left:0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.mypage_paper_wrap .order_tab li.active{font-family: 'NotoSansKR-Bold';color: #02C782; border: 1px solid #02C782; box-sizing: border-box;}
.order_sub_tab{width:200px; float: left; padding: 30px 0 0 0;}
.order_sub_tab li{cursor: pointer; display: inline-block; margin-right: 20px;font-size: 20px; color: #999;}
.order_sub_tab li.active{color: #444; font-family: 'NotoSansKR-Bold'; border-bottom: 2px solid #444}
select.order_select{float: right; margin-top: 30px; width: 180px; height: 40px; border-radius: 5px;}
.order_list{overflow: hidden;width: 100%; border-radius: 16px; border: 1px solid #ddd; padding: 20px; box-sizing: border-box;}
.order_list .title_right{float: right; color: #006B46; border: 1px solid #006B46; font-size: 13px; padding: 1px 10px; border-radius: 16px;}
.order_list .title_date{margin-right: 10px;line-height: 26px; font-size: 14px; color: #999;float: right}
.order_list_con .order_number{font-size: 14px;margin: 15px 0 30px 0; color: #000}
.order_list_con span{margin-left: 10px; font-family: 'Roboto-Bold', 'NotoSansKR-Bold';color: #444;}
.order_list_con .supply_wrap p{float: left; margin-right: 60px;}

/* my_order_detail */
.step_wrap{width: 100%; height: 460px; position: relative;}
.step_wrap.cancel{width: 100%; height: 100px; position: relative;}
.step_wrap span{font-size: 14px; color: #666; position: absolute;  top:20px; right:40px;}
.step_wrap .step_img{padding-top: 110px; text-align: center;}
.step_wrap .step_img img{width:860px;}
.my_order_detail{background: #fff; margin: 0 auto; width: 1040px; overflow: hidden; border-radius: 16px; padding: 30px; box-sizing: border-box;}
.my_order_detail .order_num{border-radius: 10px;border: 6px solid #eee; text-align: right; padding: 20px 30px;}
.my_order_detail .member_info{margin-top: 20px;margin-bottom: 40px;border: 1px solid #ccc; width: 480px; height: 210px; padding: 20px;box-sizing: border-box;}
.my_order_detail .member_info h3{margin-bottom: 20px;border-bottom: 1px solid #ccc; height: 40px; font-size: 18px; color: #666; line-height: 40px; }
.my_order_detail .member_info .contact_info{margin-top: 10px;font-size: 16px; color: #444; font-family: 'Roboto-Regular'}
.my_order_detail .member_info .contact_info .line{color: #ddd;}
.my_order_detail .form_wh, .my_order_detail .form_gray {width: 100%;clear: both; overflow: hidden;}
.my_order_detail .form_wh table, .my_order_detail .form_gray table{width: 100%;}
.my_order_detail .form_wh h3{font-size: 20px; color: #000; border-bottom: 2px solid #000; padding-bottom: 10px;}
.my_order_detail .form_wh tr, .my_order_detail .form_gray tr{border-bottom: 1px solid #ddd}
.my_order_detail .form_wh tr td{width: 30%; text-align: left; padding: 15px; box-sizing: border-box; height: 55px;}
.my_order_detail .form_wh tr th{vertical-align: text-top;width: 20%; text-align: left; padding: 15px; box-sizing: border-box; height: 55px; font-weight:normal; color: #666;}
.my_order_detail .form_wh tr th img{width: 18px; margin-left: 10px; margin-top: -3px;}
.my_order_detail .form_gray h3{font-size: 20px; color: #000; border-bottom: 2px solid #000; padding-bottom: 10px;}
.my_order_detail .form_gray tr td{width: 30%; text-align: left; padding: 15px; box-sizing: border-box; height: 55px;}
.my_order_detail .form_gray tr th{width: 20%; text-align: left; background: #F8F8F8; padding: 15px; box-sizing: border-box; height: 55px; font-weight:normal; color: #666;}
.my_order_detail .form_gray tr th img{width: 18px; margin-left: 10px; margin-top: -3px;}
.my_order_detail .form_gray tr td.bold{font-family: 'Roboto-Bold','NotoSansKR-Bold'}
.my_order_detail .annotate{margin-bottom: 60px;margin-top: 70px; color: #999; font-size: 14px; background: #F8F8F8; padding: 15px 30px 15px 50px; background: url('../images/i_notice.png') no-repeat; background-size: 18px; background-position: 30px 20px;}
.btns{ overflow:hidden;margin: 0 auto; text-align: center;}

.modal_order_cencel{display: none; box-sizing: border-box; width: 600px; height: 430px; padding: 60px;}
.modal_order_cencel textarea{margin-top: 30px; height: 160px; border: 1px solid #ddd; padding: 20px;box-sizing: border-box;}

.modal_order{display: none; box-sizing: border-box; width: 430px; height: 200px; padding: 40px 30px;}
.modal_order textarea{margin-top: 30px; height: 160px; border: 1px solid #ddd; padding: 20px;box-sizing: border-box;}

/* 거래내역서 등록 */
.transaction_statement_title{border-radius: 10px;border: 6px solid #eee; text-align: right; padding: 0px 30px; height: 50px; line-height: 50px;}
.transaction_statement_title li{float: left; text-align: right; color: #006B46;margin-top: 15px;}
.transaction_statement_title li:first-child{margin-right: 40px;position: relative;}
.transaction_statement_title li:first-child::before{content: '';display: block;width: 2px; height: 30px; background: #ccc;position: absolute; top:-3px; right:-20px;}
.transaction_statement_title li span{padding-left: 20px;font-family: 'Roboto-Bold','NotoSansKR-Bold';}
.transaction_statement .member_info{border-radius: 5px;display: inline-block;width: 470px; height: 200px; border: 1px solid #eee;padding: 20px; margin-top: 20px; box-sizing: border-box;}
.transaction_statement .member_info p:first-child{border-bottom: 1px solid #ccc;padding-bottom: 15px;}
.transaction_statement .member_info .phone_number{margin-right: 20px;float: left;font-family: 'Roboto-Regular'; margin-top: 10px; color:#444;position: relative;}
.transaction_statement .member_info .phone_number::before{content: ''; display: block; width: 1px; height: 20px; background: #ddd; position: absolute; top:2px; right:-10px;}
.transaction_statement .member_info .email{margin-top: 10px; font-family: 'Roboto-Regular'; color:#444;}

.form_title{font-size: 20px; padding-bottom: 10px; color: #000;border-bottom: 2px solid #000;}
.transaction_statement_info{border:1px solid #ccc; width: 100%; height: 260px;border-radius: 16px; margin-top: 20px;}
.transaction_statement_info.delete{height: 225px;position: relative;}
.transaction_statement_info.delete a img{width: 24px; position: absolute; top:30px; right:30px;}
.transaction_statement_info.delete .left_txt{width: 100%;}
.transaction_statement_info .right_con{width: 375px; height: 100%; background:#F8F8F8;border-left: 1px solid #ccc; float: right; border-top-right-radius: 16px; border-bottom-right-radius: 16px;}
.transaction_statement_info .left_txt{float: left; width: 582px; padding: 30px 40px; box-sizing: border-box;}
.transaction_statement_info .left_txt .title{font-size: 18px; color: #666; font-family: 'NotoSansKR-Bold';margin-bottom: 15px;}
.transaction_statement_info .left_txt ul li{font-family: 'Roboto-Regular','NotoSansKR';float: left; margin-right: 40px;position: relative;}
.transaction_statement_info .left_txt ul li:first-child::before{content: ''; display: block; width: 1px; height: 18px; background: #ddd; position: absolute; top:3px; right:-20px;}
.transaction_statement_info .left_txt .icon{font-family: 'Roboto-Bold','NotoSansKR-Bold';}
.transaction_statement_info .left_txt .icon img{width: 24px;margin-top: -3px; margin-right: 10px;}
.transaction_statement_info .right_con > p {margin-right: 40px; margin-top: 30px;}
.transaction_statement_info .right_con > p.hidden {visibility: hidden;;}
.transaction_statement_info .right_con .img_area{margin: 20px auto; width: 295px; overflow: hidden; height: 160px;}
.transaction_statement_info .right_con .img_area img{width: 100%;}
.transaction_statement .btns{margin-top: 60px;}
/* transaction_list */
.transaction_list{width: 690px; padding: 20px; box-sizing: border-box; overflow: hidden; border: 1px solid #ccc; border-radius: 16px;}
.transaction_list > a{display: block; overflow: hidden;}
.transaction_list .title{height: 40px; border-bottom: 3px double #ddd;box-sizing: border-box;}
.transaction_list .title li{box-sizing: border-box;float: left; width: 50%; font-size: 16px;color: #006B46; position: relative;}
.transaction_list .title li:first-child::before{content: ''; display: block; width: 2px; height: 30px; background: #ccc; position: absolute; right:0; top:-2px}
.transaction_list .title li span{float: right; font-size: 18px;color: #006B46;font-family: 'Roboto-Bold','NotoSansKR-Bold'}
.transaction_list .member_info{display: inline-block;width: 316px; height: 165px; border: 1px solid #eee;padding: 20px; margin-top: 20px; box-sizing: border-box;}
.transaction_list .member_info .phone_number{font-family: 'Roboto-Bold'; margin-top: 10px; color:#444;}
.transaction_list .member_info .email{font-family: 'Roboto-Bold'; color:#444;}

.modal_car_add{display: none; box-sizing: border-box; width: 600px; height: 500px; padding: 60px;}
.modal_car_add .madal_con{width: 340px;margin: 0 auto;}
.modal_car_add .madal_con input{margin-top: 10px; margin-bottom: 20px;width: 340px; height: 50px; border: 1px solid #ddd; padding: 5px 15px;}

.modal_photo{border-radius: 0; display: none; box-sizing: border-box; width: 670px; height: 371px;}
.modal_photo .madal_con{overflow: hidden;}
.modal_photo .madal_con img{width: 100%;}
.modal_photo .madal_con input{margin-top: 10px; margin-bottom: 20px;width: 340px; height: 50px; border: 1px solid #ddd; padding: 5px 15px;}

.support_list{overflow: hidden;position: relative; padding: 20px; box-sizing: border-box; width: 980px; border-radius: 16px; border: 1px solid #ccc;}
.support_list .title{height: 40px; border-bottom: 3px double #ddd; box-sizing: border-box;}
.support_list .title li{box-sizing: border-box; float: left; width: 50%; font-size: 16px; color: #006B46; position: relative;}
.support_list .title li span{float: right; font-size: 18px; color: #006B46; font-family: 'Roboto-Bold','NotoSansKR-Bold'}
.support_list .title li:first-child::before{content: ''; display: block; width: 2px; height: 30px; background: #ccc; position: absolute; right: 0; top: -2px;}
.support_list .left_area, .support_list .right_area{width: 50%; padding: 20px 10px;box-sizing: border-box;}
.support_list .gray_area{border-radius: 5px;width: 440px; height: 120px; background: #f8f8f8; padding: 15px 10px;box-sizing: border-box;}
.support_list .left_area .gray_area ul li{width: 100%; margin-top: 10px; color: #000;}
.support_list .left_area .gray_area ul li span{font-family: 'Roboto-Bold';float:right}
.support_list .left_area .total li{width: 100%; margin-top: 10px;}
.support_list .right_area h4{margin: 20px 0; float: left; display: block; width: 100px; height: 30px; line-height: 30px; border: 1px solid #999; color: #999; font-size: 14px; border-radius: 15px;text-align: center;}
.support_list .right_area p{clear: both; margin-bottom: 20px;}
.support_list .right_area div{position: absolute; bottom: 30px; right:20px;}

/* 구매요청지원내역 */
.support_list.request{width: 690px; overflow: hidden;}
.support_list.request .total{margin-top: 30px; text-align: right;}
.support_list.request .left_area, .support_list.request .gray_area{width: 100%;}

.support_list.request .form_wh, .my_order_detail .form_gray {width: 100%;clear: both; overflow: hidden;}
.support_list.request .form_wh table, .my_order_detail .form_gray table{width: 100%;}
.support_list.request .form_wh h3{font-size: 20px; color: #000; border-bottom: 2px solid #000; padding-bottom: 10px;}
.support_list.request .form_wh tr td{width: 25%; text-align: left; padding: 15px; box-sizing: border-box; height: 55px;}
.support_list.request .form_wh tr th{width: 25%; text-align: left; padding: 15px; box-sizing: border-box; height: 55px; font-weight:normal; color: #666;}
.support_list.request .form_wh tr th img{width: 18px; margin-left: 10px; margin-top: -3px;}
.support_list.request .form_wh p{padding: 20px;box-sizing: border-box;}
/*
.login_bottom{display: flex; justify-content: space-between; margin-top: 15px; font-size: 12px}
.login_bottom span,
.login_bottom span a{color: #999}
.sns_login{width: 195px; margin: 90px auto 0; display: flex; justify-content: space-between;}
.sns_login a{display: block; width: 24px; height: 24px; background: #eee}
.sns_login a img{width: 100%}

.list_form{margin-top: 25px}
.list_form li{margin-bottom: 30px}
.list_form li span{font-size: 12px; color: #9E9E9E}
.list_form li input{border-bottom: 1px solid #E0E0E0}
.list_form li input::-webkit-input-placeholder{color:#E0E0E0;}
.list_form li .input_btn_wrap{position: relative;}
.list_form li .input_btn_wrap a{position: absolute; right:12px; top:50%; transform: translateY(-50%);
display: inline-block; border-bottom: 1px solid #3D3D3D; color: #3D3D3D}
.agree_list li{position: relative; height: 51px; line-height: 51px; border-bottom: 1px solid #E0E0E0}
.agree_list li .all_agree + label{font-size: 16px}
.agree_list a{font-size: 12px; color: #999;position: absolute; right:7px; top:50%; transform: translateY(-50%);} */

/* product 리스트 */
/* .left_menu{width: 200px; float: left; margin-right: 45px}
.left_menu h1{padding-bottom: 20px; border-bottom: 1px solid #707070; font-size: 30px}
.left_menu ul{padding-top: 12px}
.left_menu ul li a{line-height: 40px; font-size: 16px}
.left_menu ul li a:hover,
.left_menu ul li active{font-weight: bold}
.right_con{float: left; width: 955px}
.right_con .top_menu{border: 1px solid #ddd; padding: 20px;}
.right_con .top_menu h2{float: left; width: 207px}
.right_con .top_menu ul{overflow: hidden;}
.right_con .top_menu li{float: left; width: 220px}
.right_con .top_menu li a{line-height: 30px}
.right_con .sort_menu{text-align: right; padding: 33px 0 28px}
.right_con .sort_menu a{margin-left: 18px; color: #666}
.right_con .sort_menu a.active{font-weight: bold}
.right_con .sort_menu img{padding-left: 7px}
.product_list.column4 li:nth-child(5n){margin-right: 37px}
.product_list.column4 li:nth-child(4n){margin-right: 0} */

/* product 상세 */
/* .product_top{width: 740px; margin-bottom: 40px}
.gallery_wrap{width: 100%; margin-right: 80px}
.gallery_wrap .swiper-slide{ background-size: cover; overflow: hidden; cursor: pointer; position: relative;}
.gallery_wrap .gallery-top .swiper-slide{height: 500px;}
.gallery_wrap .gallery-thumbs{margin-top: 20px}
.gallery_wrap .gallery-thumbs .swiper-slide{height: 95px; box-sizing: border-box;}
.gallery_wrap .gallery-thumbs .swiper-slide span{display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; box-sizing: border-box; border: 3px solid transparent}
.gallery_wrap .gallery-thumbs .swiper-slide-thumb-active span{border: 3px solid #333}
.gallery_wrap .swiper-button-prev:active, .swiper-button-next:active{border: 0} */

/* .product_con_wrap{position: relative; margin-top: 5px}
.product_tab{height: 61px}
.product_tab ul{position: relative; width: 740px; height: 60px; border-bottom: 1px solid #ddd; background: #fff; z-index: 99}
.product_tab.fix ul{position: fixed; top:0}
.product_tab li{float: left; line-height: 57px; margin-right: 25px}
.product_tab li a{display: block; text-align: center; font-size: 16px; padding: 0 26px; box-sizing: border-box; color: #000}
.product_tab li a.active{border-bottom: 4px solid #333; font-weight: bold}
.product_tab_con{width: 740px}
.product_tab_con > div{overflow: hidden;}
.product_tab_con h3{font-size: 21px; font-weight: bold; margin-top: 20px}
.option_area_wrap{position: absolute; left:50%; margin-left: 170px; top:0; width: 430px; height: 100vh; background: #F9F9F9;}
.option_area_wrap.fix{position: fixed; height: 100vh}
.option_area_wrap.bottom{position: absolute; top:auto; bottom:-100px;}
.option_area_wrap .product_info{padding: 20px 30px 0 30px}
.option_area_wrap .product_info h2{font-size: 24px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 5px}
.option_area_wrap .product_info table{width: 100%; margin-top: 7px}
.option_area_wrap .product_info table th{width: 120px; text-align: left; font-weight: 400; color: #666; padding: 10px 0; padding-left: 7px; vertical-align: top}
.option_area_wrap .product_info table td{font-weight: bold; padding: 3px 0}
.option_area{padding: 20px 30px; box-sizing: border-box; max-height: calc(100% - 470px); overflow-y: auto}
.option_area select{margin-top: 10px}
.option_area_wrap .select_option{ }
.selected_options{margin-top: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow-y:auto; max-height: 520px; padding-top: 10px}
.selected_options li{padding: 15px; position: relative; border: 1px solid #ddd; background: #fff; border-bottom: 0}
.selected_options li > div{display: flex; align-items: center; justify-content: space-between; margin-top: 10px}
.selected_options a.btn_delete{position: absolute; right: 15px; top:15px;}
.selected_options a.btn_delete img{width: 12px}
.order_num_control{display: flex;}
.order_num_control a{display: block; width: 22px; height: 22px; line-height: 22px; box-sizing: border-box; text-align: center; border: 1px solid #ccc; font-weight: bold; font-size: 18px; background: #fff}
.order_num_control input{height: 22px; width: 56px; text-align: center; background: none}
.option_bottom{position: absolute; bottom:0; width:100%}
.option_bottom .order_sum{display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; color: #000; }
.option_bottom .order_sum strong{font-size: 30px; padding-right: 5px}
.option_bottom .btn_wrap{display: flex; padding: 0 30px 40px}
.option_bottom .btn_wrap .btn_m a{width: 137px; margin-right: 5px}
.option_bottom .btn_wrap .btn_like a{width: 85px; margin-right: 0; background: #fff  url(../images/icon_like_off.png) 17px center no-repeat; padding-left: 45px; box-sizing: border-box; text-align: left}
.option_bottom .btn_wrap .btn_like a.on{background: #fff url(../images/icon_like_on.png) 17px center no-repeat;}

.product_description{padding: 30px 0} */

/* product_review */
/* .fa-star{font-size: 16px; color: #E0E0E0}
.fa-star.on{color: #212121}
.reg_btn_wrap{text-align: right; padding: 6px 0 }
.reg_btn_wrap span{color: #666}
.reg_btn_wrap .btn_form a{margin-left: 22px}
.review_list li{border-bottom: 1px solid #F5F5F5; display: flex; justify-content: space-between; padding: 20px 0 18px 0}
.review_list li .review_con_wrap{width: 620px}
.review_list li .img_wrap{display: block; width: 85px; height: 85px}
.review_list li p strong{font-size: 16px; color: #333; padding: 0 11px 0 6px}
.review_list li p .rating_view{vertical-align: middle;}
.review_list li p .rating_view .fa-star{margin-right: 3px}
.review_list li p .date{font-size: 12px; color: #BDBDBD}
.review_list li > div{position: relative;}
.review_list li div .btn_item_menu{position: absolute; width: 16px; height: 16px; right:-2px; top:-5px; padding:10px; display: block; background: url(../images/btn_more.png) center no-repeat; background-size: 16px}
.review_list li .review_con{color: #666; margin-top: 10px; cursor: pointer;} */

/* Q & A */
.product_qa{padding-bottom: 50px}
.qa_list li{padding: 15px 0; border-bottom: 1px solid #ddd}
.qa_list li .qa_top{display: flex; justify-content: space-between; align-items: center; padding: 0 20px}
.qa_list li .qa_top strong,
.qa_list li .qa_top span{font-size: 12px; color: #000}
.qa_list li .qa_top p strong{font-size: 16px; padding: 0 8px}
.qa_list li .qa_top span{color: #BDBDBD;}
.qa_list li .trigger p{background: url(../images/icon_arrow_bt.png) right 7px no-repeat; background-size: 12px}
.qa_list li .trigger.active p{background: url(../images/icon_arrow_top.png) right 7px no-repeat; background-size: 12px}
.qa_list li .panel{background: #fff; padding: 0}

.question_wrap,
.answer_wrap{display: flex; justify-content: space-between; padding: 15px 20px}
.question_wrap{padding-bottom: 5px}
.question_wrap p,
.answer_wrap p{width: calc(100% - 40px); padding-right: 42px; box-sizing: border-box; word-break: keep-all;}
.answer_wrap p{color: #666}
.qa_mark{display: block; width: 26px; height: 26px; border-radius: 50%; font-size: 16px; text-align: center; line-height: 28px; background: #333; color: #fff; box-sizing: border-box;}
.answer_wrap .qa_mark{background: #fff; color: #333; border: 1px solid #333;}


/* FAQ */
.accordion td{vertical-align: top; padding: 12px 30px; box-sizing: border-box;}
.accordion .trigger{font-weight: bold; cursor: pointer;}
.accordion .panel{padding-top: 12px; color: #666; display: none}

/* 모달창 */
/* .md_content h1{font-size: 24px; font-weight: bold; margin-bottom: 18px}
.md_content h2{font-size: 16px; font-weight: bold; margin-top: 30px; padding-bottom: 7px}
.md_content h2 + p{font-size: 12px; color: #999; padding-bottom: 9px}
.md_content .product_info{padding: 18px 0; overflow: hidden; border-bottom: 1px solid #ddd}
.md_content .product_info .img_wrap{width: 60px; height: 60px; float: left; margin-right: 15px}
.md_content .product_info .text_wrap{width: calc(100% - 75px); line-height: 200%; padding: 3px 0}
.md_content .product_info .text_wrap p{font-size: 16px; font-weight: bold}
.md_content .product_info .text_wrap span{font-size: 16px; color: #666}
.md_content textarea{height: 100px; padding: 10px; box-sizing: border-box;}
.md_content .btn_wrap{width: 430px; margin: 30px auto 15px; display: flex; justify-content: space-between;}
.md_content .btn_wrap .btn_m a{width: 210px}
.md_content .top_product_info h3{font-size: 24px; font-weight: bold}
.md_content .top_product_info span{font-size: 16px; color: #666}
.md_content .review_rating{height: 30px; line-height: 30px; margin-top: 50px;}
.md_content .review_rating > strong{font-size: 16px; margin-right: 14px}
.md_content .review_rating > span{font-size: 12px; color: #BDBDBD}
.md_content .review_rating .rating_view{position: absolute; right:0}
.md_content .review_rating .rating_view .fa-star{font-size: 32px; margin-left: 5px}
.md_content .review_rating + p{color: #666}
.md_content .review_galley_wrap{margin-top: 40px; position: relative; margin-bottom: 10px}
.md_content .review_galley{width: 500px}
.md_content .review_galley .swiper-slide{height: 270px; background-size: cover; background-position: center}
.review_galley_wrap .swiper-button-prev,
.review_galley_wrap .swiper-button-next{width: 18px; height: 32px; background-size: 18px 32px}
.review_img_upload .filebox{margin-top: 8px}
.review_img_upload .filebox span:nth-of-type(5n){margin-right: 0} */

/* 사진 첨부 UI */
.filebox .preview_box{overflow: hidden;}
.filebox input[type="file"]{display: none;}
.filebox .preview_box > span{display: block; float: left; width: 100px; height: 100px; margin-right: 35px; margin-bottom: 35px;}
.filebox .preview{background-repeat: no-repeat; background-size: cover; position: relative;}
.filebox .preview .btn_delete {position: absolute; right:-17px; top:-15px; cursor: pointer;}
.filebox .btn_img_upload label{display: block; cursor: pointer;}
.filebox .btn_img_upload img{width: 100px; height: 100px;}

.modal_qa_reg .md_content{width: 560px}
.modal_qa_reg .md_content select{border: 1px solid #ddd}

/* 별점  */
.review_rating{position: relative; width: 100%;}
.rating {margin: 0; padding: 0; border: none; float: left; position: absolute; right:0; top:0;}
.rating > input {display: none;}
.rating > label:before {margin: 2px; font-size: 33px; font-family: FontAwesome; display: inline-block; content: "\f005";}
.rating > .half:before {content: "\f089"; position: absolute; bottom:0}
.rating > input[type="radio"] + label {color: #E0E0E0; float: right;font-size: 33px; font-weight: normal;}
.rating > input:checked ~ label{color: #212121;}  /* show gold star when clicked */

/* cart */
.select_table_top{display: flex; justify-content: space-between; height: 40px; padding: 0 20px}
.select_table_top p{padding: 10px 0; font-size: 12px}
.order_table{width: 100%; border-top: 1px solid #F5F5F5}
.order_table .title{text-align:left;}
.checkbox_list .order_table .title{padding-left:64px}
.order_table tr{border-bottom: 1px solid #ddd;}
.order_table th{color: #666; font-weight: 400; height: 38px; border-bottom: 1px solid #666; font-size: 12px}
.order_table td{text-align: center; padding: 20px; }
.order_table td.cost{font-size: 16px}
.order_table td label{line-height: 56px; margin-right: 15px}
table .product_info{text-align: left; display: flex;}
table .img_wrap{width: 56px; height: 56px; margin-right: 33px}
.order_table .product_info a{font-size: 16px; display: block; line-height: 56px; font-weight: bold}
.order_foot{background: #F6F6F6; overflow: hidden; padding: 24px 45px}
.order_foot div{float: left; position: relative; width: 280px}
.order_foot div.discount{width: 430px}
.order_foot div.last{width: 120px}
.order_foot div p{font-size: 16px; margin-top: 15px}
.order_foot div p strong{font-size: 30px; color: #666; margin-right: 5px}
.order_foot div img{position: absolute; right: 85px; top:50%; transform: translateY(-50%);}
.order_foot div.discount img{right:150px;}
.cart_list .btn_wrap{display: flex; justify-content: space-between; width: 450px; margin: 40px auto 0}

/* order */
.order_info_wrap{overflow: hidden; border-bottom: 1px solid #ddd; height: 709px}
.order_info_wrap input{border: 1px solid #ccc; height: 36px; padding: 0 10px}
.order_info_wrap table{width: 100%;}
.order_info_wrap .delivery_info{float: left; width: 900px; padding: 50px 36px 40px 20px; box-sizing: border-box;}
.order_info_wrap .delivery_info h2{font-size: 20px; font-weight: bold; margin-bottom: 10px}
.order_info_wrap .delivery_info table th,
.order_info_wrap .delivery_info table td{min-height:46px; padding: 5px 0}
.order_info_wrap .delivery_info table th{text-align: left; width: 105px; vertical-align: top; line-height: 36px}
.order_info_wrap .delivery_info table input[type="radio"] + label{margin-right: 30px }
.order_info_wrap .delivery_info table .s_input{width: 143px}
.order_info_wrap .delivery_info table .m_input{width: 239px}
.order_info_wrap .delivery_info table .address_view{font-size: 12px; padding: 15px 0 20px}
.order_info_wrap .delivery_info table .btn_form a{width: 92px; font-size: 12px; vertical-align: middle; margin: 0 10px}
.order_info_wrap .delivery_info table .input_btn_wrap{margin-bottom: 10px}
.order_info_wrap .order_info{float: right; width: 300px; height: 100%; background: #F6F6F6; box-sizing: border-box; padding: 30px 20px}
.order_info_wrap .order_info input{margin-top: 10px; padding: 0 9px; color: #666}
.order_info_wrap .order_info table {margin-top: 244px}
.order_info_wrap .order_info table th,
.order_info_wrap .order_info table td{padding: 5px 0; color: #666}
.order_info_wrap .order_info table th{font-weight: 400; text-align: left;}
.order_info_wrap .order_info table td{text-align: right; font-weight: bold}
.order_info_wrap .order_info .total_pay_price{border-top: 1px solid #ddd; padding: 18px 0 25px; margin-top: 10px}
.order_info_wrap .order_info .total_pay_price p{margin-bottom: 15px}
.order_info_wrap .order_info .total_pay_price span{font-size: 16px}
.order_info_wrap .order_info .total_pay_price strong{font-size: 30px; padding-right: 10px}

/* cscenter */
.board_wrap{overflow: hidden;}
.board_left_menu{float: left; width: 280px; min-height: 685px; padding: 24px 27px 54px; box-sizing: border-box; border: 1px solid #ddd; margin-top: 77px}
.board_left_menu h1{font-size: 30px; margin-bottom: 25px}
.board_left_menu ul li{font-size: 16px; margin-bottom: 10px;}
.board_left_menu ul li a{color: #666}
.board_left_menu ul li a:hover,
.board_left_menu ul li a.active{color: #000; font-weight: bold}
.board_left_menu div{width: 187px; margin: 172px auto 0}
.board_left_menu div p{margin-bottom: 15px}
.board_left_menu div p img{margin-bottom: 15px}
.board_left_menu div strong{font-size: 34px;}
.board_left_menu div span{color: #666; line-height: 190%}
.board_left_menu div .btn_b a{width: 100%; margin-top: 57px}
.board_right_con{padding-left: 329px;}
.board_right_con .path{margin-bottom: 20px}
.board_right_con .top_title{position: relative;}
.board_right_con .top_title h1{font-size: 40px; font-weight: bold; color: #000}
.board_right_con .top_title p{color: #666}
.board_right_con h2{font-size: 26px}
.board_right_con .faq_index{margin-top: 50px}
.board_right_con .faq_index .board_table{border-bottom: 0}
.board_right_con .notice_index{border: 1px solid #ddd; padding: 23px 81px 30px 30px; box-sizing: border-box; margin-top: 61px; display: flex; align-items: center; justify-content: space-between;}
.board_right_con .notice_index div:nth-of-type(1){width: 300px}
.board_right_con .notice_index div:nth-of-type(2){width: 334px}
.board_right_con .notice_index li{margin-top: 4px;}
.board_right_con .notice_index li a{color: #666}
.board_right_con .notice_index .my_btn_list ul{display: flex; justify-content: space-between; text-align: center}
.board_right_con .notice_index .my_btn_list li a{display: block; padding-top: 52px}
.board_right_con .notice_index .my_btn_list li:nth-of-type(1) a{background: url(../images/icon_my_delivery.png) top center no-repeat;}
.board_right_con .notice_index .my_btn_list li:nth-of-type(2) a{background: url(../images/icon_my_order.png) top center no-repeat;}
.board_right_con .notice_index .my_btn_list li:nth-of-type(3) a{background: url(../images/icon_my_coupon.png) top center no-repeat;}

/* 마이페이지 */
.mypage_top{border: 2px solid #666; height: 100px; padding: 24px 26px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center}
.mypage_top > p{line-height: 180%}
.mypage_top > div > h3{font-weight: bold; font-weight: 20px}
.mypage_top > div > span{color: #999999}
.mypage_top > strong{font-size: 24px}
.mypage_top ul{overflow: hidden;}
.mypage_top li{float: left; padding-right: 100px}
.mypage_top li:last-of-type{padding-right: 25px}
.mypage_top li span{color: #666;}
.mypage_top li p{margin-top: 5px}
.mypage_top li a{font-size: 20px; font-weight: bold;}
.board_right_con h2{font-size: 20px; margin-bottom: 10px; font-weight: bold}

/* 주문내역 */
/* .period_search{background: #F6F6F6; padding: 20px; position: relative; padding-left: 100px; box-sizing: border-box; margin-top: 20px}
.period_search > strong{position: absolute; left:20px; top:26px; font-size: 12px}
.period_search .btn_period_wrap{display: flex; margin-bottom: 16px}
.period_search .btn_period_wrap a{display: block; width: 70px; height: 28px; border-radius: 3px; border: 1px solid #666; text-align: center; line-height: 28px; box-sizing: border-box; margin-right: 10px; background: #fff; font-size: 12px}
.period_search .btn_period_wrap a.active{background: #666; color: #fff}
.period_search .select_period_wrap span{padding: 0 20px}
.period_search .select_period_wrap select{width: 80px; height: 28px; font-size: 12px; line-height: 28px}
.period_search .btn_search{display: inline-block; width: 73px; height: 28px; text-align: center; line-height: 28px; background: #333; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 12px}

.mypage .order_table .order_group{background: #F6F6F6; text-align: left; padding: 0 20px; border-bottom: 1px solid #ddd; height: 38px}
.mypage .order_table .order_group a{color: #666; font-size: 14px}
.mypage .order_table .order_group span{color: #999; margin-left: 22px}
.mypage .order_table .product_info {padding: 30px 10px; width: 330px}
.mypage .order_table p{font-size: 12px}
.mypage .order_table .btn_order a{display: inline-block; width: 77px; height: 22px; background: #666; color: #fff; font-size: 12px; box-sizing: border-box; line-height: 22px}
.mypage .order_table .btn_line a{background: none; color: #999; border: 1px solid #999; margin-top: 5px}
.mypage .order_table .btn_col_wrap p:first-of-type .btn_line a{margin-top: 0}
.mypage .order_table .cost{color: #000; font-size: 16px}
.mypage .order_table .cost + p {font-size: 14px}
.mypage .order_table .sub_row{color: #666; height: 22px}
.mypage .order_table .sub_row a{text-decoration: underline; color: #999}
.mypage .order_table.detail_info .product_info{width: 290px} */

/* 상품후기 */
/* .mypage .review_list{border-top: 1px solid #666;}
.mypage .review_list .product_info{display: block; margin-top: 8px}
.mypage .review_list .product_info p{font-size: 16px}
.mypage .review_list .product_info span{font-size: 12px; color: #999} */

/* 포인트내역 */
/* .mypage_table{border-top: 1px solid #666; width: 100%;}
.mypage_table tr{border-bottom: 1px solid #ddd;}
.mypage_table th{text-align: left; padding: 20px;}
.mypage_table th p{font-size: 16px; color: #000;}
.mypage_table th span{font-weight: 400;}
.mypage_table td{text-align: center; padding: 20px 10px;}
.mypage_table td.point{text-align: right; font-size: 20px; color: #333; font-weight: bold; padding: 20px;} */

/* 위시리스트 */
/* .mypage .wish_list_wrap{border-top: 1px solid #666;}
.mypage .wish_list_top{text-align: right; padding: 15px 0}
.mypage .wish_list_top .btn_s a{margin-left: 22px;}
.mypage .wish_list_wrap .product_list li{position: relative; width: 180px; margin-right: 50px}
.mypage .wish_list_wrap .product_list li:nth-child(4n){margin-right: 0}
.mypage .wish_list_wrap .product_list input[type="checkbox"] + label{position: absolute; top:5px; left:6px} */

/* 1:1 문의 */
.mypage_table.qa_list tr{border-bottom: 1px solid #F5F5F5}
.mypage_table.qa_list th a{display: flex; font-weight: 400; position: relative;}
.mypage_table.qa_list th a span{margin-right: 13px}
.mypage_table.qa_list th a p{width: 470px}
.mypage_table .qa_tag{display: inline-block; width: 75px; height: 22px; box-sizing: border-box; border: 1px solid #999; text-align: center; line-height: 20px; color: #999; font-size: 12px}
.mypage_table .qa_top{padding: 15px 20px; position: relative;}
.mypage_table .qa_top p{font-size: 18px; margin-bottom: 3px}
.mypage_table .qa_top .qa_tag{position: absolute; right:20px; bottom:20px}
.mypage_table .board_con{padding: 27px 20px}
.mypage_table .board_con.question_wrap{background:#F6F6F6}
.mypage_table .board_con.answer_wrap{border-bottom: 1px solid #F5F5F5}
.mypage_table .board_con .qa_mark{width: 30px; height: 30px; line-height: 32px}
.info_mod_wrap{border-top: 1px solid #666; padding-top: 30px}
.info_mod_wrap .list_form{width: 500px; margin: 0 auto}

.member_pw_change{padding-top: 7px; text-align: center; display: block; position: absolute; top:40px; right:200px; border: 1px solid #666; color: #666; width: 130px; height: 40px; box-sizing: border-box;border-radius: 5px;}
.member_pw_change a{color: #666;}
.member_pw_change img{width: 12px; margin-top: -3px;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
  background: #02C782;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
  ::i-block-chrome, header .head_bt li a {
   font-size: 17px;
  }
}