@charset "utf-8";
/* ========================================
Website : K-pars(O2O)
File Name : my_trade.css
Version : CSS2.1 (+ 3.0)
Maker : amoo (minuya@gmail.com)
Date : 2021 / MAY
Explanation : Sub Contents(RWD) - Mypage(Integration Customizing)
Modify Date : 2021 / 07 / 29
======================================== */

/* === All Device(Default) === */

.mt-10{margin: 10px 0 0 0;!important}
/* page_subpage_area */
.page_subpage_area{clear:both}
.page_left_area{display:inline-block;width:198px;padding-top:30px;vertical-align:top}
.page_main_area{display:inline-block;width:calc(100% - 202px);padding:0 0 40px 5%;box-sizing:border-box}

/* page_left_slideing_area*/
.smenu_box{clear:both;display:block;width:100%;margin-bottom:80px}
.smenu_box:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.smenu_box h2{clear:both;padding:8px 12px;background:#353e4a;border-bottom:3px solid #1469aa}
.smenu_box h2 > a{display:inline-block;color:#fff;font-size:16px}
.acc-menu[id^=accordionMenu]{float:left;position:relative;width:100%;border:1px solid #ececec;box-shadow:0px 5px 9px 1px rgba(0,0,0,.15);box-sizing:border-box}
.acc-menu > li{overflow:hidden;cursor:pointer}
.acc-menu li.tit{padding:6px 20px 7px;background:#e5e5e5}
.acc-menu li.tit > a{color:#000}
.acc-menu li .m01_stit{position:relative;z-index:100;padding:1px;background:#f2f2f2;border-top:solid 1px #fff}
.acc-menu li .m01_stit a{display:inline-block;padding:6px 10px 7px 20px;color:#555;font-weight:300}
.acc-menu li[data-extension=open] .m01_stit a{color:#0b3876}
.acc-menu li[data-extension=close] .m01_stit a:hover{color:#0d5eb5}
.acc-menu li[data-extension=empty] .folder{display:none !important}
.acc-menu li .m01_stit .folder{position:absolute;top:5px;right:5px;width:20px;height:20px;overflow:hidden;background:url(/images/gtrade/gdm/m01_folder.png) no-repeat 0 -40px}
.acc-menu li .m01_stit .folder.open{transform:rotate(180deg)}
.acc-menu li ul.sub{background:#fff;border:solid #ececec;border-width:1px 0}
.acc-menu li ul.sub li{position:relative;height:30px;line-height:28px;padding:4px 5px}
.acc-menu li ul.sub li a{display:block;padding-left:30px;color:#0d5eb5;font-weight:300;font-size:13px}
.acc-menu li ul.sub li a:before{content:'';display:inline-block;width:5px;height:5px;margin-right:5px;vertical-align:2px;background:#b6c4d7;border-radius:50%}
.acc-menu li ul.sub li a:hover:before{background:#0b3876}
.acc-menu li ul.sub li a:hover{color:#0b3876;font-weight:300;background:#f0f3f7;border-radius:8px}
.acc-menu li ul.sub li.select a, .acc-menu li ul.sub li.active a{color:#0b3876;font-weight:300;background:#f0f3f7;border-radius:8px}
.acc-menu li ul.sub li.select a:before, .acc-menu li ul.sub li.active a:before{content:'';display:inline-block;width:5px;height:5px;margin-right:5px;vertical-align:2px;background:#0b3876;border-radius:50%}


/*page_tit*/
.page_tit{clear:both;display:block;width:100%;height:auto;margin:0 0 25px;border-bottom:1px solid #075eb7}
.page_tit h1.tit{display:inline-block; max-width:80%;padding:25px 0 10px;color:#144ba0;font-size:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page_tit h1.tit .tit-sp {display: inline-block; margin: 0 0 0 5px; font-size: 14px;}
.page_tit h1.tit .tit-sp:before{content:'/'; display:inline-block; margin-right:7px; vertical-align:middle; font-size: 12px; }
.page_tit .btn-ico-back{margin-top:25px}

/*dashboard_icon_box*/
.dash_icon_area{margin-bottom:40px;background:#fff;border:2px solid #ddd;box-shadow: 1px 0 8px 1px rgba(9,9,9,.14)}
.dash_icon_area ul{display:table;width:100%}
.dash_icon_area ul li{position:relative;display:table-cell;width:24.5%;padding:10px;text-align:center;box-sizing:border-box}
.dash_icon_area ul li span.icon_num{font-size:45px;font-weight:500}
.dash_icon_area ul li span.icon_tit{clear:both;display:block;width:calc(100% - 20px);margin:5px 0 0 0;padding:10px;font-size:16px;word-wrap:break-word}
.dash_icon_area ul li a{position:relative}
.dash_icon_area ul li a:hover{text-decoration:underline}
.dash_icon_area ul li + li:before{content:'';display:inline-block;width:1px;position:absolute;top:10px;bottom:10px;left:0;background:#ececec}

.dash_icon_part_area{clear:both;display:block;width:100%;margin-bottom:40px;box-sizing:border-box}
.dash_icon_part_area ul{display:block}
.dash_icon_part_area ul li{display:inline-block;width:24%;margin:5px 3px;padding:35px 10px 25px 20px;text-align:center;border:1px solid #ececec;box-sizing:border-box}
.dash_icon_part_area ul li span.icon_num{display:inline-block;padding:0 0 0 0;font-size:33px;font-weight:600;box-sizing:border-box;vertical-align:top}
.dash_icon_part_area ul li span.icon_tit{clear:both;display:block;margin:10px 0 0 0;font-size:18px;vertical-align:middle}
.dash_icon_part_area ul li img{display:inline;margin:0px 6px 0 3px}
.dash_icon_part_area ul li a:hover{text-decoration:underline}

/*dashboard_table_area*/
.dash_table_area{clear:both;width:100%;margin-bottom:20px}
.da_ta_tit{margin-bottom:10px}
.da_ta_tit img{display:inline;margin:0 6px 0 0;width:35px;vertical-align:middle}
.da_ta_tit h2{display:inline;font-size:18px}
.da_ta_top_btn{clear:both;display:block;margin:10px 0}
.da_ta_top_btn:after{content:'';display:block;width:100%;height:0;overflow:hidden;clear:both}
.da_ta_top_btn p{float:left;margin:0 2px;padding:5px 6px 5px 32px;color:#CB7B16;font-weight:600;background-image:url(/images/gtrade/gdm/icon_alarm.png);background-repeat:no-repeat;background-position:10px 7px;background-color:#fffaee;border:1px solid #fff2d2;border-bottom:0px solid #e0e0e0;border-radius:3px}
.da_ta_top_btn p span{color:#838282}
.da_ta_top_btn ul{float:left;display:block;width:100%}
.da_ta_top_btn ul li{margin-bottom:5px}
.da_ta_top_btn ul li.fl{margin-right:4px}

/* page small search box(sorting-box) */
.re_sch_box{ margin-bottom:15px;padding:10px 0;border:1px solid #eee; background-color:#fff; }
.re_sch_box ul{margin-left:10px}
.re_sch_box ul li{position:relative;display:inline-block;padding:0 3px}
.re_sch_box ul li + li:before{content:'';position:absolute;top:10px;left:0;display:inline-block;width:1px;height:10px;background:#ddd}
.re_sch_box > ul > li > button{display:inline-block;padding:4px}
.re_sch_box > ul > li > button.active{padding:5px 2px 2px;border-bottom:2px solid #144ba0}
.re_sch_box ul li span{color:#777;font-size:0.9em;vertical-align:1px}

/* ===== table search ===== */
.new-tbl-search{margin-bottom:20px;padding:2em 5%}
.new-tbl-search .sch_list_sbox{padding:0;text-align:center;border:0}
.new-tbl-search .sch_list_sbox select{width:20%;height:40px;padding:1px 3% 1px 2%;border:1px solid #ddd;border-radius:4px;background:transparent url(/images/gtrade/ico-select-arrow.png) no-repeat 95% 50%;appearance:none;-moz-appearance:none;-webkit-appearance:none}
.new-tbl-search .sch_list_sbox select::-ms-expand{display:none}
.new-tbl-search .sch_list_sbox input[type=text]{ width:40%; height:40px; margin-left:4px; padding: 0 0 0 20px; background:#ececec;border:1px solid #ddd;border-radius:4px}
.new-tbl-search .sch_list_sbox button{margin-left:4px;line-height:40px;padding:0 2em;color:#fff;background:#353e4a;border-radius:4px}
.new-tbl-count{color:#444}
.new-tbl-count em{margin-left:3px;color:#144ba0}
.new-tbl-search .new-sch-option-box{position:relative;display:inline-block;width:20%;padding-top:32px}
.new-sch-option-box > .chk-group{position:absolute;top:0;left:0;min-width:50vw;text-align:left}
.sch_list_sbox .new-sch-option-box > select{width:100%}

/* mypage - matching list 20230119-kkm */
.page_body { clear: both; display: block; width: 100%; height: auto; margin: 15px 0;}
.new-tbl-search .sch_list_sbox.matching{ display: block; width: 100%; }
.new-tbl-search .sch_list_sbox.matching ul { display: inline-block; width: 70%;}
.new-tbl-search .sch_list_sbox.matching ul li { display: block; margin: 8px 0; text-align: left;}
.new-tbl-search .sch_list_sbox.matching ul li > label,
.new-tbl-search .sch_list_sbox.matching ul li > span { display: inline-block; width: 15%; text-align: right; padding-right: 5px; }
.new-tbl-search .sch_list_sbox.matching ul li > span { line-height: 40px; height: 40px; vertical-align: middle;}
.new-tbl-search .sch_list_sbox.matching ul li > label::after,
.new-tbl-search .sch_list_sbox.matching ul li > span::after { content:':'; display: inline-block; padding: 0 5px;  }
.new-tbl-search .sch_list_sbox.matching ul li input[type=text]{width: 60%; }
.new-tbl-search .sch_list_sbox.matching ul li select{margin-left: 4px; width: 60%;}
.new-tbl-search .sch_list_sbox.matching ul li .radio-group { display: inline-block; }
.new-tbl-search .sch_list_sbox.matching ul li .radio-group input,
.new-tbl-search .sch_list_sbox.matching ul li .radio-group label{line-height: 40px; height: 40px; vertical-align: middle;}
.new-tbl-search .sch_list_sbox.matching ul li .radio-group label{width: auto; margin-right: 10px; vertical-align: middle;}
.new-tbl-search .sch_list_sbox.matching button { display: inline-block;}

.input_type01_box.matching li .default_txt {width: 50%;}
.input_type01_box.matching li .type01_sbox {display: block;}
.input_type01_box.matching li .type01_sbox ul {display: block;}
.input_type01_box.matching li .type01_sbox ul li {display: block;}
.input_type01_box.matching li .type01_sbox ul li input[type=text] {width: 50%;}
.input_type01_box.matching li .default_txt.in_reonly { background-color: #f5f4f4; border: solid 1px #eee; border-radius: 5px;}

.input_type01_box.matching .type01_sbox {float: left; }
.input_type01_box.matching .type01_sbox ul li{margin-bottom: 5px;}
.input_type01_box.matching .type01_sbox ul li input[type=text]{display:inline-block; }
.input_type01_box.matching .type01_sbox ul li .ui-datepicker-trigger{display: inline-block; width: 18px; margin-left: -30px;}


.picker__footer > button.picker__button--clear { display: none!important}

/* ===== table(Default) ===== */
.ta_type01{position:relative;width:100%;table-layout:fixed;}
.ta_type01 thead tr{background:#dcdcdc;border-top:1px solid #c3c3c3;border-bottom:1px solid #fff}
.ta_type01 thead tr th{padding:11px 4px;font-weight:500;text-align:center;border-bottom:1px solid #fff;word-break:break-all}
.ta_type01 tbody tr{background-color:#f5f5f5;border-bottom:1px solid #ececec}
.ta_type01 tbody tr:nth-child(2n){background-color:#fafafa}
.ta_type01 tbody tr:hover{background-color:#edf1f7;border:1px solid #edf1f7;border-bottom:1px dotted #88929d;box-shadow:1px 4px 8px rgba(0,0,0,.15)}
.ta_type01 tbody tr td{padding:14px 3px;font-weight:300;text-align:center;word-break:break-all}
.ta_type01 tbody tr td.le{padding:14px 10px;text-align:left}
.ta_type01 tbody tr td.le .not.read{}
.ta_type01 tbody tr td.le .pro_in_com { display: block;}

.ta_type01 tbody tr td a{display:block;padding:1px;color:#0176b1}
.ta_type01 tbody tr td a:hover{text-decoration:underline}
.ta_type01 tbody tr td .pro_in_com > a{display:inline}
.ta_type01 tbody.no-data tr{height:47px;background:transparent}
.ta_type01 tbody.no-data tr td{position:absolute;width:100%;box-sizing:border-box}

/* ===== table(게시판 상세) ===== */
.tariff_code{table-layout:fixed;width:100%;border-top:1px solid #c3c3c3}
.tariff_code thead th{height:75px;padding:8px 10px;font-weight:500;font-size:18px;vertical-align:middle;border-bottom:1px solid #fff;line-height:1.3em;background:#dcdcdc;box-sizing:border-box}
.tariff_code tbody td{padding:8px 10px;line-height:16px;text-align:left;vertical-align:middle;background:#fff;box-sizing:border-box}
.tariff_code tbody td.fc_bg{background-color:#f9f9f9;text-align:center}
.tariff_code tbody td.fc_bg01{background-color:#fcfcfc}
.tariff_code tbody td .view{clear:both;display:block;padding:50px 20px;word-break:break-word;word-wrap:break-word}
.tariff_code tbody td .view p{line-height:1.6}
.tariff_code tbody td .file_att{clear:both;display:block;padding:20px;border-top:1px dashed #ececec!important}
.tariff_code tbody td .file_att a{padding:0 0 0 25px;background:url(/images/gtrade/icon_filedown.png) no-repeat 0 50%}
.tariff_code tbody td .file_att a:hover{text-decoration:underline}
.tbl-info-group{background:#f5f5f5}
.tbl-info-group td{padding:12px 30px; font-weight:500}
.tbl-info-group span { display: inline-block; width: calc((100% / 4) - 5px); line-height: 1.5rem;}
.tbl-info-group span + span:before{content:'';display:inline-block;width:1px;height:10px;margin:0 12px;background:#ddd}
.tbl-info-group span > em{ position: relative; margin-right: 8px; padding-right: 8px; font-weight: 600; text-align: right; display: inline-block;}
/*.tbl-info-group span > em:before{content:'';position:absolute;top:7px;right:-2px;width:2px;height:2px;background:#555}*/

.tbl-info-group span > em:after{ content: ':'; position: absolute; top: 0px; right: 0; font-weight: 300;}
.tbl-info-group span button{padding:0;vertical-align:inherit}
.tbl-info-group + .tbl-info-group{border-top:1px solid #dcdcdc}
.new-tbl-preview{display:table;table-layout:fixed;width:100%;margin:40px 0 20px;background:#fafafa;border-top:1px solid #d3d1d1;border-bottom:1px solid #d3d1d1}
.new-tbl-preview li{display:table-row}
.new-tbl-preview li > *{display:table-cell;padding:10px 5px;text-align:center;vertical-align:middle;word-break:break-all}
.new-tbl-preview li > em {font-weight: 500;}
.new-tbl-preview li > a:before{content:'';position:absolute;top:30%;left:0;display:inline-block;width:1px;height:40%;background:#ddd}
.new-tbl-preview li > a{position:relative;width:65%;padding-left:10px;text-align:left}
.new-tbl-preview li + li > *{border-top:1px solid #eee}

/*dashboard_table_btn_more*/
.btn_type01_area{text-align:right;padding:10px}
.btn_type01_area a.more{color:#0176b1}
.btn_type01_area a.more:hover{text-decoration:underline}

.ta_pro_img img{width:36px;height:36px;border:1px solid #eee}
.ta_pro_txt{display:inline-block;width:calc(100% - 45px);margin-left:5px;vertical-align:top}

/* ----------  ---------- --------------
table top content : count/button/search
	---------- ---------- -------------- */
.da_ta_top_btn01 ul{clear:both;float:left;display:block;width:100%;margin-bottom:10px}
.da_ta_top_btn01 ul li{display:inline-block;padding-bottom:5px}
.da_ta_top_btn01 .fl + .fl{margin-left:4px}

/*======= 입력폼(통합) ====== */
.mfp-content .inputxt_type01{max-height:65vh;margin:0;overflow-y:auto}
.over_x .inputxt_type01{margin-bottom:0;box-shadow:none}
.sub-tit{display:block;margin-bottom:10px;line-height:3.3}
.inputxt_type01{position:relative;margin-bottom:80px;padding:20px 30px;background:#fff;box-shadow:1px 0 12.61px .39px rgba(9, 9, 9, .14)}
.input_type01_box{display:block}
/*.input_type01_box + .btn-frm-area{padding-top:40px;border-top:1px dashed #ddd}*/
.input_type01_box + .btn-frm-area{ margin: 0 auto; padding: 40px 0 20px 0; border-top:1px dashed #ddd}/* 20230306-추 가 */
.input_type01_box + .btn-frm-area button { display:inline-block; margin: 0 10px; width: 40%!important; min-width:40%!important;}
.input_type01_box + .btn-frm-area.exception button.btn-ico-back { width: 30px!important; min-width: 30px!important; }/* 20241211-추가 */
.input_type01_box > li{position:relative;display:block;margin:5px 0 15px 0}
.input_type01_box > li:after{content:'';display:block;clear:both;height:0;visibility:hidden}

.input_type01_box li > label, .input_type01_box > li span.input_tit{float:left;width:28%;margin-right:10px;padding:6px 6px 6px 20px;font-size:16px;background:#f6f6f4;box-sizing:border-box;word-break:break-all}
.input_type01_box li .match-ok {font-size: 1em; margin-left: 5px; display: inline-block; vertical-align: middle; background-color: #c2170f; border-radius: 30px; padding: 3px 10px; color: #fff;}
.input_type01_box li .match-ok span { font-size: 0.8rem; font-weight: 400}
/* contents(right) */
.input_type01_box li input[type=text], .input_type01_box li input[type=password]{width:60%}
.input_type01_box li select{width:60%}
.input_type01_box li textarea{clear:both;width:60%;height:84px}

.input_type01_box li .default_txt{display:inline-block;padding:7px 10px 6px;font-size:15px;color:#747474;vertical-align:top;background-color:#eee;box-sizing:border-box}
.input_type01_box li img.icon_small_goods + .pro_in_scom{margin-left:5px}
.input_type01_box li img.icon_small_goods{width:24px;height:24px;border:solid 1px #eee;vertical-align:middle}
.input_type01_box li img.icon_calendar{margin:0 3px;width:25px;height:25px;border:solid 0 #eee;vertical-align:middle}
.input_type01_box li .btn_re_gray{display:inline-block}
.default_txt + .btn_re_gray{margin-left:3px;vertical-align:-2px}

.input_type01_box li div[role=group]{float:left;width:60%}
.input_type01_box li div[role=group][aria-labelledby=prod-desc]{float:left;width:69.5%}
.input_type01_box li div[role=group] > label{width:auto;padding:2px;font-size:inherit;background:#fff}
.input_type01_box li div[role=group] > label > input[type=checkbox]{margin-right:4px}
.input_type01_box li div[role=group] > input[type=text]{width:100%}
.input_type01_box li div[role=group] > input[type=text] + input[type=text]{margin-top:8px}
.input_type01_box li div[role=group] > input[type=file] ~ .desc{display:block;margin:10px 0 0}
#VIDEO_URL{background:#f5f5f5;border:1px solid #4e9fc9}
#VIDEO_URL + .desc{margin-top:10px}
#VIDEO_URL + .desc mark.noti{padding:1px 5px;color:#ba2929;font-size:12px;background-color: #e3f2fb}

.input_type01_box li input.in_reonly{background-color:#f5f4f4;border:solid 1px #eee}
.input_type01_box li.ok_box{display:block;margin:5px 0 15px 0;text-align:center}
.input_type01_box li.ok_box img.icon_ok{width:35px;height:35px;border:0}
.input_type01_box li.ok_box strong{display:inline-block;margin-left:8px;color:#ce0808;font-size:22px}
.input_type01_box li.ok_box a.btn_search_ok{margin-top:1px;min-height:33px;padding:7px 15px!important;background-color:#ce0808;vertical-align:middle}
.input_type01_box li.ok_box a span{color:#fff;font-size:16px}
.input_type01_box li img.icon_sch{display:inline;margin:7px 0 0 -30px;width:16px;height:17px;border:0;vertical-align:top}
.input_type01_box li .tab_box02{display:inline-block;width:60%!important}
.input_type01_box li .tab_box02 .tab_input_txt input[type=text]{clear:both;display:block;margin-top:10px;width:100%!important}
.input_type01_box li .tab_box02 .tab_input_txt textarea{clear:both;display:block;min-height:80px;margin-top:10px;width:100%!important}
.input_type01_box > li > span{min-height:33px;vertical-align:middle}
.input_type01_box .inbox_sptxt{display:inline-block;padding:4px 0 0 20px;color:#477923;vertical-align:top}
.input_type01_box li .type01_sbox{display:inline-block;width:60%}


/* frm > type01_sbox > tab(editor) */
.type01_sbox .tab_box{margin-bottom:20px}
.type01_sbox .tab_box ul li{padding:6px 0}
.type01_sbox .tab_box ul li.on{font-size:15px}
.type01_sbox .tab_box ul li#translate-Div{padding:0}
.type01_sbox .tab_box ul li a{font-size:14px}

.type01_sbox ul{display:inline-block;width:100%}
.type01_sbox ul li{display:block}
.type01_sbox ul li:last-child{display:block}
.type01_sbox ul li label{display:inline-block;width:40%;vertical-align:middle}
.type01_sbox ul li input[type=text]{display:inline-block;vertical-align:middle}
.type01_sbox .tab-lang{display:block;width:100%}
.type01_sbox .tab-lang > ul.tab-li > li{display:inline-block;margin:0px;padding:0}
.type01_sbox .tab-lang > ul.tab-li > li > a{display:inline-block}
.type01_sbox .tab-lang > ul.tab-li > li > a > span{display:inline-block;margin:0px;padding:5px 0 0 2px;height:33px;width:85px!important;font-size:14px;border:1px solid #ccc;background-color:#eee;vertical-align:middle;box-sizing:border-box;text-align:center}

/*lang label*/
.type01_sbox ul li.one_col{position:relative}
.type01_sbox ul li.one_col:nth-child(n+2){margin-top:5px}
.type01_sbox ul li.one_col label{width:92px;margin-right:5px;font-size:14px;text-align:center;border:1px solid #ccc;background-color:#eee}
.type01_sbox ul li.one_col label.la_in_txt{padding:5px 0 0 2px;height:33px}
.type01_sbox ul li.one_col label.la_te_txt{line-height:81px;padding:0}
.type01_sbox ul li.one_col input,textarea{display:inline;vertical-align:top}

.type01_sbox ul li.two_col{display:inline-block;width:49.5%}
.type01_sbox ul li.two_col input[type=checkbox]{display:inline-block;margin-right:5px;vertical-align:middle;min-height:13px;width:13px}
.type01_sbox ul li.two_col select{width:100%;margin:0 5px 5px 0}
.type01_sbox ul li label.sbox{display:inline-block;width:80%;vertical-align:middle}

.type01_sbox#cateListContainer{height:33px;border:1px solid #d2d6de}
.type01_sbox .line_add_box{min-height:21px;padding:6px 10px}
.type01_sbox .line_add_box.uselet{min-height:21px;padding:6px 10px;background:#f1f1f1}
.type01_sbox .line_add_box:hover{background:#f1f1f1}

.multi_se_wrap{display:inline-block;margin:0;padding:0;vertical-align:top}
.multi_se_wrap ul{display:inline-block;margin:0;padding:0}
.multi_se_wrap ul li{display:block;margin:0;padding:0}
.multi_se_wrap ul li a{display:block;margin:0 0 0 10px;padding:0}
.multi_se_wrap ul li a.btn_re_gray{display:inline-block;padding:2px 10px;border:1px solid #cccdcf;background-color:#ddd;color:#555;text-align:center}
.multi_se_wrap ul li a.btn_re_gray:hover{padding:2px 10px;border:1px solid #cccdcf;background-color:#c4c3c3;color:#555;text-align:center}

.input_type01_box li .photo_box01{display:inline-block}
.inputxt_type01 .input_type01_box li .photo_box01 a{display:inline-block;margin-left:0px}
.input_type01_box li .photo_box01 ul{display:block;margin:20px 0 0 0;padding:0;width:550px}
.input_type01_box li .photo_box01 ul li{display:inline-block;margin:4px 3px;padding:3px;border:1px dashed #e4e4e4}
.input_type01_box li .photo_box01 ul li:first-child{margin-top:0px}
.input_type01_box li .photo_box01 ul li img{width:120px;height:120px;border:0}

.input_type01_box li .photo_box02{display:inline-block}
.input_type01_box li .photo_box02 a{display:inline-block;margin-left:0px}
.input_type01_box li .photo_box02 ul{display:block;margin:5px 0 0 0;padding:0;width:550px}
.input_type01_box li .photo_box02 ul li{display:inline-block;margin:0px 0;border:1px solid #eee}
.input_type01_box li .photo_box02 ul li:first-child{margin-top:0px}
.input_type01_box li .photo_box02 ul li img{width:424px;height:213px;border:0}

/* showroom color setting*/
.input_type01_box li .showroom_color_box li{display:inline-block;margin-right:15px}
.input_type01_box li .showroom_color_box li input{display:inline-block}
.input_type01_box li .showroom_color_box li label{display:inline-block;width:auto;margin:0;padding:6px;background:none}
.input_type01_box li .showroom_color_box li label span.color_box{display:inline-block;width:40px;height:40px;border-radius:3px;vertical-align:middle}

.bgcom_01{background-color:#0562a2}
.bgcom_02{background-color:#0097a7}
.bgcom_03{background-color:#477923}

/*group*/
.sort_group_menu{display:block;margin-bottom:10px;padding:5px 10px;line-height:30px;border:solid 1px #eee;background-color:#eee;box-sizing:border-box}
.sort_group_menu:after{content:'';display:block;width:100%;height:0;overflow:hidden;clear:both}
.sort_group_menu > span{display:inline-block;max-width:60%;word-break:break-word;word-wrap:break-word}

.sort_group_menu span.pro_fullname{display:inline-block;padding:0 10px 0 5px;width:430px;line-height:1.3em;word-wrap:break-word;box-sizing:border-box}
.sort_group_menu span.pro_tit{display:inline-block;width:430px;;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;line-height:1.3em;height:1.3em;vertical-align:middle}
.sort_group_menu span.pro_tit01{display:inline-block;width:290px;;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;line-height:1.3em;height:1.3em;vertical-align:middle}
.sort_group_menu img{display:inline-block;border:solid 1px #eee;margin-top:3px;width:30px;height:30px;vertical-align:top}

.sort_group_menu .sort_order{float:right}
.sort_group_menu .sort_order label{color:#0176b1}
.sort_group_menu .sort_order input[type=text]{display:inline-block;width:35px;text-align:center}

.noti_box02{display:block;margin-bottom:20px;padding:15px 10px;vertical-align:top;background-color:#f7f8fa;border:1px solid #ececec;box-sizing:border-box}
.icon_noti{display:inline-block;margin:3px 10px 0 5px;width:16px;height:16px;vertical-align:inherit}
.noti_box02 ul.notic_txt{display:inline-block;margin:0 0 0 10px}
.noti_box02 ul.notic_txt li{display:block;font-size:14px}
.noti_box02 ul.notic_txt li.po{padding:0 0 0 10px;background-image:url(/images/gtrade/gdm/icon_point01.png);background-position:0px 8px;background-repeat:no-repeat}

.input_type01_box li .intl-tel-input{width:60%}
.input_type01_box li .intl-tel-input input{width:100%}
.input_type01_box li .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input{padding-left:80px!important}
.input_type01_box li .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input{padding-left:86px!important}
.input_type01_box li .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input{padding-left:92px!important}
.input_type01_box li .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input{padding-left:98px!important}

.inputxt_type01 span.video_upload_tit{display:inline-block;font-size:16px!important;letter-spacing:-0.5px;vertical-align:middle}

.multi_select_box{display:block;width:80.5%;border:1px solid #ccc;padding:0 0 0 0!important;color:#747474;height:37px; vertical-align:middle;box-sizing:border-box}

/*new product*/
.one_fob{clear:both;display:block}
.one_fob ul{display:block;width:100%}
.one_fob ul li{display:inline-block!important}

/*user page - contactList,circularContactList,productMangeList,circularComposeRegForm */
.sch_list_sbox{display:block;margin-top:-1px;padding-left:5px;border:1px solid #ccc}
.sch_list_sbox input[type=text]{display:inline-block;color:#747474;padding:1px 0 1px 5px;height:24px;border:0;box-sizing:border-box}
.sch_list_sbox select{display:inline-block;border:0;color:#747474;padding:1px 10px;z-index:12}
.sch_list_sbox button{display:inline-block}
.sch_list_sbox button img{display:inline-block;padding:0 5px;vertical-align:middle}

.add_new_group{display:inline-block;float:right;margin-top:-3px;margin-right:10px;vertical-align:top;background-color:#fafafb}
.add_new_group a{padding:2px 25px 2px 33px;width:13px;height:13px;background-image:url(/images/gtrade/gdm/icon_plus_red.png);background-repeat:no-repeat;background-position:15px 4px;vertical-align:middle}
.add_new_group a:hover{padding:2px 25px 2px 33px;width:13px;height:13px;background-image:url(/images/gtrade/gdm/icon_plus_redon.png);background-repeat:no-repeat;background-position:15px 4px;vertical-align:middle;text-decoration:underline}

.select2 select2-container select2-container--default{width:580px!important;border:1px solid red}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;padding-left:0px!important;position:relative;vertical-align:middle}
.select2-container--default .select2-selection--single{min-height:33px!important;padding:5px 10px 5px 10px!important}
.select2-container .select2-selection--single{height:33px!important;padding:2px 10px 5px 8px!important;font-size:13px;box-sizing:border-box}

.swiper-container{padding:70px 10px}

/*all category*/
.category_all{clear:both;display:block}
.category_all .category_part{clear:both;display:block;padding:0 5px 5px 5px;box-sizing:border-box}
.category_all .category_part .category_tit{display:block;padding:0 10px 10px 10px;box-sizing:border-box}
.category_all .category_part .category_tit h4{display:block;font-size:16px;font-weight:600;color:#477923}
.category_all .category_part .category_detail{display:block}
.category_all .category_part .category_detail li{display:inline-block;margin-bottom:40px;padding:0 10px;width:24.7%;vertical-align:top;box-sizing:border-box}
.category_all .category_part .category_detail li h5.cate_tit{display:block;margin:0 0;padding:7px 0;color:#555;font-size:15px;font-weight:600;line-height:1.2em;border:1px solid #eee;background-color:#eefaef;box-sizing:border-box;text-align:center}
.category_all .category_part .category_detail li .cate_smenu{display:block;margin:20px 0 0 0;width:100%}
.category_all .category_part .category_detail li .cate_smenu li{display:block;margin:0;padding:0;width:100%;background-image:url(/images/gtrade/gdm/icon_point02.png);background-repeat:no-repeat;background-position:2px 8px}
.category_all .category_part .category_detail li .cate_smenu li a{display:inline-block;margin:0 0 0 13px;line-height:20px}
.category_all .category_part .category_detail li .cate_smenu li a:hover{color:#0176b1;text-decoration:underline}
.category_all .category_part .category_detail li span.more{display:block;margin:5px 0 0 0}
.category_all .category_part .category_detail li span.more a{color:#477923}
.category_all .category_part .category_detail li span.more a:hover{text-decoration:underline}

/*inquiry*/
.inquiry-noti{ display: block; margin: 0 10px 10px 0; text-align: right; color: #c70f0f; font-weight: 400; font-size: 12px;}
.inquiry_area{clear:both;display:table;width:100%;margin-bottom:20px;padding:15px 30px 30px}
.inquiry_box{clear:both;display:block;width:895.89px;padding:30px 17px;border-top:1px solid #ececec;border-right:2px solid #ececec;border-bottom:2px solid #ececec;border-left:1px solid #ececec;box-sizing:border-box;box-shadow:1px 6px 12px rgba(0,0,0,.15)}
.inquiry_tit{display:block;margin:0;padding:0 35px}
.inquiry_tit h3.com_name{display:inline;font-size:22px;font-weight:600;color:#333}
.inquiry_tit span.date{text-align:right}

.inquiry_pro{display:block;margin:10px 0;padding:10px 35px 0 35px;box-sizing:border-box}
.inquiry_pro ul{display:block}
.inquiry_pro ul li{display:inline-block;vertical-align:top}
.inquiry_pro ul li img{display:inline;margin:0 6px 0 0;width:70px;height:70px;border:solid 1px #eee;vertical-align:middle}
.inquiry_pro ul li span.inquiry_pro_name{display:inline-block;width:75%;font-size:16px;font-weight:600;color:#333;vertical-align:top;word-wrap:break-word;line-height:1.3em;border:0}

.inquiry_pro ul li .pro_pay_list{display:block;padding:0 5px}
.inquiry_pro ul li .pro_pay_list li{display:block;margin:0px 0 7px 0;padding:0 3px}
.inquiry_pro ul li .pro_pay_list li.bo_line{border-bottom:1px solid #eee}
.inquiry_pro ul li .pro_pay_list li .pro_pay_item{display:block}
.inquiry_pro ul li .pro_pay_list li .pro_pay_item li{display:inline-block}
.inquiry_pro ul li .pro_pay_list li .pro_pay_item li span{display:inline-block;margin-left:3px}
.inquiry_pro ul li .pro_pay_list li .pro_pay_item li span.sp_unit{color:#c01a1a}
.inquiry_pro ul li .pro_pay_list li .pro_pay_item li span.sp_qty{color:#0176b1}

/* ==== (공통) : /mytr/comm/inqr/inquiryView.do ==== */
.inquiry_chatting_box{clear:both;display:block;padding:5px}
.inquiry_chatting_top .pro_name_box{min-height:70px}
.inquiry_chatting_top .pro_name_box .pro_name{display:inline-block;width:50%;vertical-align:middle}
.inquiry_chatting_top .pro_name_box .pro_name img{float:left;width:70px;height:70px;border:solid 1px #eee;overflow:hidden}
.inquiry_chatting_top .pro_name_box .pro_name .inquiry_pro_name{margin:5px 0 0 10px}
.inquiry_chatting_top .pro_name_box .pro_pm{float:right;max-width:50%}
.inquiry_chatting_top .pro_name_box .pro_pm .photo_pm{width:70px;height:70px;border:solid 1px #eee;border-radius:50px;overflow:hidden}
.inquiry_chatting_top .pro_name_box .pro_pm .pm_detail{float:right;margin:5px 0 0 10px}
.inquiry_chatting_top .pro_name_box .pro_pm .pm_detail span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;width:124px}
.inquiry_chatting_top .pro_name_box .pro_pm .pm_detail span.pro_in_name{font-weight:600;line-height:140%}
.inquiry_chatting_top .pro_name_box .pro_pm .pm_detail span.pro_in_com{color:#0176b1;line-height:140%}
.inquiry_chatting_top .pro_name_box .pro_pm .pm_detail span.pro_in_com a{color:#0D5EB5}
.inquiry_chatting_top .btn-see-more{float:right;margin-top:8px;font-size:12px;vertical-align:middle}
.inquiry_chatting_top .btn-see-more:after{content:'';display:inline-block;width:4.5px;height:4.5px;margin-left:10px;margin-bottom:3px;border:1px solid;border-width:0 0 1px 1px;transform:rotate(315deg)}

.inquiry_chatting_room{clear:both;display:block;width:100%;margin:20px 0 0 0;background:#d8e5ee;border-radius:25px}
.inquiry_chatting{clear:both;display:block;padding:30px 20px 20px}
.inquiry_chatting:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.chatting_top_tit{display:block}
.chatting_top_tit p{display:block;text-align:center}
.chatting_top_tit p span{font-weight:600}

/*chatting message box*/
.chatting_mess_box{clear:both;display:block;margin:20px 0 0 0;box-sizing:border-box}
.chatting_mess_box textarea.chatting_mess{clear:both;padding:10px;height:76px;border:solid 1px #eee}
.chatting_mess_box textarea.chatting_mess a{margin-left:5px}

/*modal_chatting*/
.form_view_box01{display:block;padding:28px 15px 0 15px;height:350px;margin-bottom:15px;overflow-y:auto;box-sizing:border-box}
.modal_chatting{margin:10px;padding:10px 15px 15px 15px!important;height:340px!important;clear:both;display:block;padding:25px 17px;border-top:1px dashed #d0cfcf;border-bottom:1px dashed #d0cfcf;border-right:1px dashed #d0cfcf;border-left:1px dashed #d0cfcf;min-height:300px;background-color:#d8e5ee;overflow-y:auto;border-top-left-radius:25px;border-top-right-radius:0px;border-bottom-left-radius:25px!important;border-bottom-right-radius:0px!important;box-sizing:border-box}

/*scroll_color*/
.inquiry_chatting .chatting_wrap{clear:both;display:block;float:left;width:100%;height:480px;overflow-y:auto;padding-right:10px;box-sizing:border-box;-webkit-scrollbar-width:thin;-webkit-scrollbar-color:#90b5cf #bad1e1}
.chatting_wrap::-webkit-scrollbar{width:10px}
.chatting_wrap::-webkit-scrollbar-track{background:#bad1e1}
.chatting_wrap::-webkit-scrollbar-thumb{background:#90b5cf}
.chatting_wrap::-webkit-scrollbar-thumb:hover{background:#7daac7}

.chatting_wrap .chat_content{clear:both;width:100%}
.chatting_wrap p.chat_tit{display:block;color:#000;font-size:12px}
.chatting_wrap p.chat_tit span{margin:0 10px 0 0}
.chatting_wrap p.chat_tit span.name{font-weight:600}
.chatting_wrap .chat_content img.cat_man{display:inline-block;width:40px;height:40px;border-radius:50px;vertical-align:top}
.chatting_wrap .chat_content .content{display:inline-block;padding:8px 12px;min-width:calc(10% - 40px);max-width:calc(70% - 40px);min-height:40px;background:#fffbe5;border:1px solid #dcd29d;border-radius:15px;box-sizing:border-box}
.chatting_wrap .chat_content .content span a{display:inline-block;margin-left:7px;margin-top:5px;color:#0176b1;text-decoration:underline;word-break:break-all}
.chatting_wrap .chat_content span.read_status{display:inline-block}
.chatting_wrap .chat_content span.read_status img{display:inline-block;width:20px;vertical-align:bottom}
.chatting_wrap .chat_content .content p{display:inline-block;width:100%;padding:0 3px;text-align:left;word-wrap:break-word;word-break:break-word;box-sizing:border-box}

.chat_left{display:block;float:left;margin:0 0 20px 0;width:100%;text-align:left}
.chat_left p.chat_tit{margin:0 0 5px 55px;text-align:left}
.chat_left .chat_content .content{background:#fffbe5;border:1px solid #dcd29d}
.chat_left .chat_content span.read_status img{margin:0 0 0 5px}

.chat_right{clear:both;display:block;margin:0 10px 20px 0;width:100%;text-align:right}
.chat_right p.chat_tit{margin:0 55px 5px 0;text-align:right}
.chat_right .chat_content{text-align:right}
.chat_right .chat_content .content{background:#f2fbff;border:1px solid #baceed;text-align:left}
.chat_right .chat_content .content span a{text-align:left}
.chat_right .chat_content span.read_status img{margin:0 5px 0 0}

/* 2021 06 25 chatting 시스템 메세지 추가 */
.chat_left.chat_sys_msg{margin-left:5px}
.chat_left.chat_sys_msg .chat_tit{text-align:center}
.chat_left.chat_sys_msg .chat_content{text-align:center}
.chat_left.chat_sys_msg .chat_content .content{max-width:75%;background:#f9f9f9;border-color:#cecece}
.chat_left.chat_sys_msg p.chat_tit span{margin-right:55px}

.chat_view_item{display:block;margin:7px 0;padding:5px 10px;background-color:#fff;border:2px dashed #ddd;border-radius:10px;text-align:left}
.chat_view_item .view_item{display:block}
.chat_view_item .view_item li{display:block;font-size:13px;vertical-align:top}
.chat_view_item .view_item li strong{display:inline-block;width:135px;color:#333;font-weight:600;vertical-align:top}
.chat_view_item .view_item li span{margin:0 0 0 3px}
.chat_view_item .view_item li span.sp_qty{display:inline-block;color:#0176b1}
.chat_view_item .view_item li span.txt_strong{color:#ce0808;font-weight:600}

.inquiry_chatting_bottom{clear:both;display:block;padding:0 20px 20px}
.inquiry_chatting_bottom .reply_wrap{padding:0 20px;border:1px solid #eee;background-color:#fff;border-radius:25px}
.inquiry_chatting_bottom .reply_wrap input[type=text]{display:inline-block;margin:10px 15px 10px 5px;width:80%;height:20px;padding:2px 5px;color:#747474;border:1px solid #fff}
.inquiry_chatting_bottom .reply_wrap .btn_wg{display:inline-block;margin:10px 3px 10px 0;padding:.1em .25em;color:#999;font-size:inherit;line-height:normal;vertical-align:middle;background-color:#fdfdfd;cursor:pointer;border:0;border-bottom-color:#e2e2e2;border-radius:.25em}
.inquiry_chatting_bottom .reply_wrap .btn_wg img.icon_file{display:inline-block;width:23px}
.inquiry_chatting_bottom .reply_wrap .btn-send{float:right;height:30px;margin:10px 0;padding:0 18px;color:#fff;line-height:30px;background:#ff6a00;border:0;border-radius:25px}

.inquiry_chatting_bottom .reply_wrap .up_onefile_view_wrap{margin:0}

/*quotation_tit*/
.quotation_tit{display:block;margin:0;padding:15px 0 15px 0}
.quotation_tit ul{display:block;padding:0 0 0 20px;box-sizing:border-box}
.quotation_tit ul li{display:block;margin:0 0 5px 0}
.quotation_tit ul li:last-child{margin:0 0 0 0}
.quotation_tit ul li strong{display:inline-block;padding:0 25px 0 0;width:110px;color:#939393;font-size:16px;font-weight:600;text-align:right;vertical-align:top}
.quotation_tit ul li img{display:inline;margin:0 6px 0 0;width:25px;height:25px;border:solid 1px #eee;vertical-align:middle}
.quotation_tit ul li span.inquiry_pro_name{display:inline-block;width:75%;font-size:14px;color:#333;word-wrap:break-word}
.quotation_tit ul li span.flag-icon{display:inline-block;margin:0 5px 0 5px;border:1px solid #eee;vertical-align:middle}

/*noti_box*/
.noti_box01{display:block;margin-bottom:20px;padding:15px 10px;vertical-align:top;background-color:#f7f8fa;border:1px solid #ececec;box-sizing:border-box}
.icon_noti{display:inline-block;margin:0 10px 0 5px;width:16px;height:16px;vertical-align:inherit}
.noti_txt{color:#0176b1}
.noti_txt_gray{color:#747474}
.noti-input-after{position:absolute;top:0;margin-left:31%;color:#c01a1a;font-size:12px!important;line-height:33px}
.noti-input-unit{margin-top:7px;margin-left:5px;font-size:12px}

.btn_pp_sbox{clear:both;display:block;margin:20px 0px 10px 0px;text-align:center}
.btn_pp_sbox a.btn_contacts{margin:8px auto !important; padding:5px 20px 5px 20px !important; color:#fff;background-color:#075eb7;border-radius:3px;box-sizing:border-box;text-align:center}
.btn_pp_sbox a.btn_contacts img.icon_email{margin:1px 6px 0 0}
.btn_pp_sbox a.btn_contacts:hover{background-color:#579023;border-radius:3px;box-sizing:border-box}


/* button */



.filebox label{display:inline-block;padding:.5em .75em;color:#999;font-size:inherit;line-height:normal;vertical-align:middle;background-color:#fdfdfd;cursor:pointer;border:1px solid #ebebeb;border-bottom-color:#e2e2e2;border-radius:.25em}
.filebox input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* contents */
.chat-consulting-info{position:relative;margin:10px 0 35px;padding:10px 25px 25px;border:1px dashed #d0cfcf;border-radius:25px}
.chat-consulting-info:after{content:'';position:absolute;bottom:-35px;left:0;right:0;width:100%;height:1px;background:#e5e5e5}
.chat-consulting-info dl{padding:10px 20px}
.chat-consulting-info dl:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.chat-consulting-info dt{position:relative;clear:both;float:left;margin-right:12px;padding-right:8px;color:#333;font-weight:500;width:130px;line-height:33px}
#en .chat-consulting-info dt{width:185px}
.chat-consulting-info dt:before{content:'';position:absolute;top:13px;right:0;width:2px;height:2px;background:#333}
.chat-consulting-info dt:after{content:'';position:absolute;top:18px;right:0;width:2px;height:2px;background:#333}
.chat-consulting-info dd{float:left;width:calc(100% - 150px);color:#555;word-break:break-all;line-height:33px}
#en .chat-consulting-info dd{width:calc(100% - 205px)}
.chat-consulting-info .confirm-day{position:relative;background:#f5f4f4;border-radius:15px}
.chat-consulting-info .confirm-day input[type=radio]{vertical-align:-1px}
.chat-consulting-info + .da_ta_top_btn{padding-top:35px}
.btn-consulting-confirm{position:absolute;top:30%;right:25px;width:110px;height:40px;color:#fff;background:#3166b9;border:1px solid #ddd;border-radius:3px}

.quotation-tit-wrap{margin-bottom:30px;padding:15px 0 5px;border-bottom:1px dashed #e9e9e9}
.quotation-tit-wrap:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.quotation-tit-wrap h3.tit{float:left;padding:1.2em 0;color:#222;font-weight:500;font-size:18px}
.quotation-tit-wrap .r-info{float:right;position:relative;height:70px;padding:10px 0 10px 80px}
.quotation-tit-wrap .r-info img{position:absolute;top:0;left:0;width:70px;height:70px;border:1px solid #eee;border-radius:50%}
.quotation-tit-wrap .r-info .txt{display:inline-block}
.quotation-tit-wrap .r-info .name{display:block;color:#144ba0}

.new-layer-cont .input_type01_box li > label, .new-layer-cont .input_type01_box > li span.input_tit{display:inline-block;min-height:auto;padding:3px 3% 2px 0;color:#333;font-size:14px;text-align:right;vertical-align:top;background:#fff}
.new-layer-cont .btn_googletran{position:absolute;right:-35px}

/* === ETC === */
@media all and (max-width:1023px){  /* Tab */
	.btn-consulting-confirm{position:static;margin:20px 0;width:100%}
}

@media all and (max-width:996px){  /* Tab */
	.new-tbl-search .sch_list_sbox.matching ul { display: block; margin: 0 auto; width:100%; text-align: center;}
	.new-tbl-search .sch_list_sbox.matching button {display: block; width: 70%; margin: 15px auto 0 auto; text-align: center;}
	.tbl-info-group span { display: inline-block; width: calc((100% / 2) - 5px)}
	.tbl-info-group span:nth-child(3)::before { display: none;}
}
/* === Tablet Device === */
@media all and (max-width:799px){  /* Tab */
	.chat-consulting-info dt{width:auto}
	.chat-consulting-info dd{width:100% !important}
	.chat-consulting-info dt:before, .chat-consulting-info dt:after{display:none}
	.chat-consulting-info dd{clear:both;display:block;width:auto}

	.dash_icon_area ul li{float:left;width:50%;height:133px}
	.dash_icon_area ul li:nth-child(even):before{content:'';display:inline-block;width:1px;position:absolute;top:10px; bottom:10px;left:0;background:#eee}
	.dash_icon_area ul li:nth-child(3):before{display:none}
	.dash_icon_area ul li:nth-child(3):after, .dash_icon_area ul li:nth-child(4):after{content:'';display:inline-block;position:absolute;height:1px;top:0;left:10px;right:10px;background:#eee}
	/* table(기본) */
	.inputxt_type01{margin-bottom:40px;padding:15px 20px 10px}
	.input_type01_box > li > label,
	.input_type01_box > li span.input_tit:not(input),
	.input_type01_box li span.input_tit{width:100% !important;margin:0;padding-left:0;background:transparent}
	.input_type01_box li input[type=text], .input_type01_box li input[type=password], .input_type01_box li > select {clear:both;display:block;width:100% !important;margin-top:-1px}
	.input_type01_box li div[role=group], .input_type01_box li .type01_sbox{width:100%}
	.input_type01_box li div[role=group][aria-labelledby=prod-desc]{width:100%}
	.input_type01_box li div[role=group] > label{width:auto !important}
	.input_type01_box li span[role=group] > input[type=text] {clear:both;display:inline-block}
	.input_type01_box li span[role=group] > input[type=text] + input[type=text]{margin-top:5px}
	.input_type01_box li span[role=group] > input[type=text].w10{width:25% !important}
	.input_type01_box li textarea{width:100% !important;margin-top:-1px}
	.input_type01_box li .btn_googletran{position:absolute;top:1px;right:4px}
	.input_type01_box li .default_txt{max-width:100%}
	.input_type01_box li div[role=group] > input[type=text]#VIDEO_URL{margin-top:5px}
	.type01_sbox .tab_box ul li{margin:0 3%}
	.type01_sbox ul li.one_col label.la_in_txt,
	.type01_sbox ul li.one_col label.la_te_txt{width:100%;height:33px;margin:0;padding:5px 0 0 2px;line-height:inherit}
	.btn_re_gray.withdrawl{position:static;margin-top:30px;text-align:right}

	.new-layer-cont .input_type01_box li > label, .new-layer-cont .input_type01_box > li span.input_tit{display:block;width:auto;padding:3px 0 6px;text-align:left}
	.new-layer-cont .input_type01_box li .type01_sbox{width:100%}

	/* 인콰이어리>채팅 */
	.inquiry_chatting_top .pro_name_box:after{content:'';display:block;clear:both;height:0;visibility:hidden}
	.inquiry_chatting_top .pro_name_box .pro_name{width:85%}
	.inquiry_chatting_top .pro_name_box .pro_pm{clear:both;max-width:85%;width:85%;margin-top:10px;text-align:right}

	.multi_se_wrap{position:absolute;top:0;right:0}
	.multi_se_wrap > .btn_re_gray{padding:4px 8px}

	/*mypage-matching*/
	.new-tbl-search .sch_list_sbox.matching ul li input[type=text],
	.new-tbl-search .sch_list_sbox.matching ul li select { width: 100%; margin-left: 0px;}
	.new-tbl-search .sch_list_sbox.matching ul li > label { display: block; text-align: left; margin: 15px 0 7px 7px; padding-right: 0px;}
	.new-tbl-search .sch_list_sbox.matching ul li label::after,
	.new-tbl-search .sch_list_sbox.matching ul li span::after{ display: none;}
	.new-tbl-search .sch_list_sbox.matching ul li .radio-group { display: block; margin-left: 10px;}
	.new-tbl-search .sch_list_sbox.matching ul li .radio-group input[type=radio] { display: inline-block; margin: 0px 3px 0px 0px;}
	.new-tbl-search .sch_list_sbox.matching ul li .radio-group input[type=radio] + label { display: inline-block; }
	.new-tbl-search .sch_list_sbox.matching ul li span { display: block; text-align: left; margin: 15px 0 0px 7px; line-height: 20px!important; height: auto;}
	.new-tbl-search .sch_list_sbox.matching ul li .radio-group input[type=radio],
	.new-tbl-search .sch_list_sbox.matching ul li .radio-group label { line-height: auto!important; height: auto;}

	.input_type01_box.matching li .default_txt{ width: 100%;}
	.input_type01_box li .btn_re_gray { display: block; margin-left: 0px; margin-top: 5px; text-align: center;}

	.tbl-info-group span { }

}
/* === Mobile Device === */
@media all and (max-width:639px) {
	.page_left_area{display:none}
	.page_main_area{width:100%;margin-top:0;padding:0 0 10px 0}
	.new-tbl-search .sch_list_sbox select{width:33%}
	.new-tbl-search .sch_list_sbox input[type=text]{float:right;width:64%}
	.new-tbl-search .sch_list_sbox button{clear:both;display:block;width:100%;margin:10px 0 0 0}
	.tbl-info-group td{padding:12px}
	.new-tbl-preview li > a{width:50%}

	.inputxt_type01 .input_type01_box li span.default_txt{max-width:inherit}
	.type01_sbox ul li.two_col{width:100%}
	.btn-frm-box{width:100%}

	.input_type01_box li span.default_txt{max-width:inherit;width:100%}
	.input_type01_box li .default_txt + a.btn_re_gray{display:block;margin:5px 0 0}
	/* 마케팅>프로필 */
	.type01_sbox{width:100% !important}
	ul li.one_col{margin-bottom:10px}
	ul li.two_col{width:100%}
	ul li.two_col select{width:100%}
	.type01_sbox ul li.one_col label.la_in_txt{width:100% !important;margin:0;padding:0;line-height:35px}
	.input_type01_box li textarea.w60{width:100% !important;height:100px;margin-top:-1px}
	.input_type01_box li .btn_googletran{width:26px;height:26px;top:4px;background-position:0 0}

	/* 인콰이어리>채팅 */
	.mfp-content .com_photo{width:100%}
	.com_photo ul li span{width:auto}
	.com_item01.w65{width:100% !important}
	.com_item01 .com_item_it .com_item_arti{padding:10px 0}
	.com_item_it .com_item_arti li span.w62{width:auto !important}
	.com_item_it .com_item_arti li span.w55{width:auto !important}
	.noti-input-after{clear:both;display:inline-block;position:static;margin:-10px 0 0}
	.noti-input-unit{display:none}

	/* 화상채팅 */
	.inquiry_area{display:block;padding:15px}
	.chatting_wrap .chat_content .content{max-width:70%}
	.chat_left.chat_sys_msg .chat_content .content{width:100%;max-width:inherit}
	.confirm-day input[type=text]{width:100%}

	/* Dashboard(Seller) */
	.ta_type01.mo-sell colgroup > col:nth-of-type(3),.ta_type01.mo-sell th:nth-of-type(3), .ta_type01.mo-sell td:nth-of-type(3){display:none}
	.ta_type01.mo-sell colgroup > col:first-of-type{width:35% !important}
	.ta_type01.mo-sell colgroup > col:nth-of-type(4){width:25% !important}

	/* Dashboard(Buyer) */
	.ta_type01.mo-buy colgroup > col:first-of-type{width:35% !important}
	.ta_type01.mo-buy colgroup > col:last-of-type{width:25% !important}

	/* Inquiries(Seller) */
	.ta_type01.mo-sell-list colgroup > col:nth-of-type(4),.ta_type01.mo-sell-list th:nth-of-type(4), .ta_type01.mo-sell-list td:nth-of-type(4){display:none}
	.ta_type01.mo-sell-list colgroup > col:first-of-type{width:10% !important}
	.ta_type01.mo-sell-list colgroup > col:last-of-type{width:25% !important}

	/* Inquiries(Buyer) */
	.ta_type01.mo-buy-list colgroup > col:nth-of-type(2){width:30% !important}
	.ta_type01.mo-buy-list colgroup > col:last-of-type{width:25% !important}

	/* Contact */
	.ta_type01.mo-contact colgroup > col:nth-of-type(4),.ta_type01.mo-contact th:nth-of-type(4), .ta_type01.mo-contact td:nth-of-type(4){display:none}

	/* Selling Leads */
	.ta_type01.mo-selling colgroup > col:first-of-type,.ta_type01.mo-selling th:first-of-type, .ta_type01.mo-selling td:first-of-type,
	.ta_type01.mo-selling colgroup > col:nth-of-type(3),.ta_type01.mo-selling th:nth-of-type(3), .ta_type01.mo-selling td:nth-of-type(3){display:none}
	.ta_type01.mo-selling colgroup > col:nth-of-type(4), .ta_type01.mo-selling colgroup > col:nth-of-type(5){width:25% !important}
	.ta_type01.mo-selling .no-data td:first-of-type{display:block}

	/* RFQ */
	.ta_type01.mo-rfq colgroup > col:first-of-type,.ta_type01.mo-rfq th:first-of-type, .ta_type01.mo-rfq td:first-of-type,
	.ta_type01.mo-rfq colgroup > col:nth-of-type(4),.ta_type01.mo-rfq th:nth-of-type(4), .ta_type01.mo-rfq td:nth-of-type(4),
	.ta_type01.mo-rfq colgroup > col:nth-of-type(5),.ta_type01.mo-rfq th:nth-of-type(5), .ta_type01.mo-rfq td:nth-of-type(5),
	.ta_type01.mo-rfq colgroup > col:nth-of-type(6),.ta_type01.mo-rfq th:nth-of-type(6), .ta_type01.mo-rfq td:nth-of-type(6),
	.ta_type01.mo-rfq colgroup > col:nth-of-type(7),.ta_type01.mo-rfq th:nth-of-type(7), .ta_type01.mo-rfq td:nth-of-type(7){display:none}
	.ta_type01.mo-rfq colgroup > col:nth-of-type(3){width:33% !important}
	.ta_type01.mo-rfq colgroup > col:nth-of-type(8){width:22% !important}
	.ta_type01.mo-rfq .no-data td:first-of-type{display:block}

	/* Quotation */
	.ta_type01.mo-qtn colgroup > col:first-of-type,.ta_type01.mo-qtn th:first-of-type, .ta_type01.mo-qtn td:first-of-type,
	.ta_type01.mo-qtn colgroup > col:nth-of-type(5),.ta_type01.mo-qtn th:nth-of-type(5), .ta_type01.mo-qtn td:nth-of-type(5),
	.ta_type01.mo-qtn colgroup > col:nth-of-type(6),.ta_type01.mo-qtn th:nth-of-type(6), .ta_type01.mo-qtn td:nth-of-type(6){display:none}
	.ta_type01.mo-qtn colgroup > col:nth-of-type(2){width:25% !important}
	.ta_type01.mo-qtn colgroup > col:nth-of-type(4){width:30% !important}
	.ta_type01.mo-qtn .no-data td:first-of-type{display:block}

	.quotation-tit-wrap{padding:0}

	/* Product Manage */
	.ta_type01.mo-prod-manage colgroup > col:nth-of-type(3),.ta_type01.mo-prod-manage th:nth-of-type(3), .ta_type01.mo-prod-manage td:nth-of-type(3){display:none}

	/* Chatting(Seller) */
	.ta_type01.mo-chat-sell colgroup > col:first-of-type,.ta_type01.mo-chat-sell th:first-of-type, .ta_type01.mo-chat-sell td:first-of-type,
	.ta_type01.mo-chat-sell colgroup > col:nth-of-type(3),.ta_type01.mo-chat-sell th:nth-of-type(3), .ta_type01.mo-chat-sell td:nth-of-type(3){display:none}
	.ta_type01.mo-chat-sell colgroup > col:nth-of-type(4),.ta_type01.mo-chat-sell colgroup > col:nth-of-type(5){width:25% !important}
	.ta_type01.mo-chat-sell .no-data td:first-of-type{display:block}

	/* Chatting(Buyer) */
	.ta_type01.mo-chat-buy colgroup > col:first-of-type,.ta_type01.mo-chat-buy th:first-of-type, .ta_type01.mo-chat-buy td:first-of-type{display:none}
	.ta_type01.mo-chat-buy colgroup > col:nth-of-type(3){width:30% !important}
	.ta_type01.mo-chat-buy .no-data td:first-of-type{display:block}

	/* Image Consulting
	.ta_type01.mo-img-consult colgroup > col:first-of-type,.ta_type01.mo-img-consult th:first-of-type, .ta_type01.mo-img-consult td:first-of-type,
	.ta_type01.mo-img-consult colgroup > col:nth-of-type(2),.ta_type01.mo-img-consult th:nth-of-type(2), .ta_type01.mo-img-consult td:nth-of-type(2),
	.ta_type01.mo-img-consult colgroup > col:nth-of-type(5),.ta_type01.mo-img-consult th:nth-of-type(5), .ta_type01.mo-img-consult td:nth-of-type(5),
	.ta_type01.mo-img-consult colgroup > col:nth-of-type(6),.ta_type01.mo-img-consult th:nth-of-type(6), .ta_type01.mo-img-consult td:nth-of-type(6),
	.ta_type01.mo-img-consult colgroup > col:nth-of-type(8),.ta_type01.mo-img-consult th:nth-of-type(8), .ta_type01.mo-img-consult td:nth-of-type(8){display:none}
	.ta_type01.mo-img-consult colgroup > col:nth-of-type(7){width:25% !important}
	.ta_type01.mo-img-consult .no-data td:first-of-type{display:block}

	 */

	/* Image Consulting(Buyer) */
	.ta_type01.mo-o2-consult colgroup > col:first-of-type,.ta_type01.mo-o2-consult th:first-of-type, .ta_type01.mo-o2-consult td:first-of-type,
	.ta_type01.mo-o2-consult colgroup > col:nth-of-type(4),.ta_type01.mo-o2-consult th:nth-of-type(4), .ta_type01.mo-o2-consult td:nth-of-type(4),
	.ta_type01.mo-o2-consult colgroup > col:nth-of-type(5),.ta_type01.mo-o2-consult th:nth-of-type(5), .ta_type01.mo-o2-consult td:nth-of-type(5){display:none}
	.ta_type01.mo-o2-consult colgroup > col:nth-of-type(2){width:33% !important}
	.ta_type01.mo-o2-consult colgroup > col:last-of-type{width:25% !important}
	.ta_type01.mo-o2-consult .no-data td:first-of-type{display:block}

	/* RFQ(Buyer) */
	.ta_type01.mo-rfq-buy colgroup > col:first-of-type,.ta_type01.mo-rfq-buy th:first-of-type, .ta_type01.mo-rfq-buy td:first-of-type,
	.ta_type01.mo-rfq-buy colgroup > col:nth-of-type(4),.ta_type01.mo-rfq-buy th:nth-of-type(4), .ta_type01.mo-rfq-buy td:nth-of-type(4),
	.ta_type01.mo-rfq-buy colgroup > col:nth-of-type(5),.ta_type01.mo-rfq-buy th:nth-of-type(5), .ta_type01.mo-rfq-buy td:nth-of-type(5){display:none}
	.ta_type01.mo-rfq-buy .no-data td:first-of-type{display:block}

	/* Buying Requests(Buyer) */
	.ta_type01.mo-buying colgroup > col:first-of-type,.ta_type01.mo-buying th:first-of-type, .ta_type01.mo-buying td:first-of-type,
	.ta_type01.mo-buying colgroup > col:nth-of-type(3),.ta_type01.mo-buying th:nth-of-type(3), .ta_type01.mo-buying td:nth-of-type(3),
	.ta_type01.mo-buying colgroup > col:nth-of-type(4),.ta_type01.mo-buying th:nth-of-type(4), .ta_type01.mo-buying td:nth-of-type(4),
	.ta_type01.mo-buying colgroup > col:nth-of-type(5),.ta_type01.mo-buying th:nth-of-type(5), .ta_type01.mo-buying td:nth-of-type(5) {display:none}
	.ta_type01.mo-buying colgroup > col:nth-of-type(6), .ta_type01.mo-buying colgroup > col:last-of-type{width:25% !important}
	.ta_type01.mo-buying .no-data td:first-of-type{display:block}

	/* 게시판 이동 */
	.new-tbl-search .sch_list_sbox select{display:block;width:100%}
	.new-tbl-search .sch_list_sbox input[type=text]{display:block;float:none;width:100%;margin:10px 0 0 0}
	.new-tbl-search .sch_list_sbox button{display:block;width:100%;margin:10px 0 0 0}
	.new-tbl-search .new-sch-option-box{width:100%}

	.ta_type01.mo-tbl th:first-of-type, .ta_type01.mo-tbl td:first-of-type,
	.ta_type01.mo-tbl th:last-of-type, .ta_type01.mo-tbl td:last-of-type,
	.ta_type01.mo-tbl colgroup > col:first-of-type, .ta_type01.mo-tbl colgroup > col:last-of-type{display:none}
	.ta_type01.mo-tbl .no-data td:first-of-type{display:block}

	.ta_type01.mo-tbl.mo-notice colgroup > col:nth-of-type(3){width:25% !important}
	.ta_type01.mo-tbl.mo-data colgroup > col:nth-of-type(2){width:20% !important}
	.ta_type01.mo-tbl.mo-data colgroup > col:nth-of-type(4){width:25% !important}
	.ta_type01.mo-tbl.mo-qna colgroup > col:nth-of-type(3){width:20% !important}
	.ta_type01.mo-tbl.mo-qna colgroup > col:nth-of-type(4){width:25% !important}

	/* 게시판 */
	.exports_table01 .inputxt_type01{padding:15px 20px 10px}
	.exports_table01 .inputxt_type01 .input_type01_box li label,
	.exports_table01 .inputxt_type01 > .input_type01_box > li span.input_tit:not(input),
	.exports_table01 .inputxt_type01 .input_type01_box li span.input_tit{width:100%;padding-left:0;background:transparent}
	.exports_table01 .inputxt_type01 .input_type01_box li input {clear:both;display:block}
	.exports_table01 .inputxt_type01 .input_type01_box li .w40{width:100% !important}
	.exports_table01 .inputxt_type01 .input_type01_box li .w20{width:100% !important}
	.exports_table01 .inputxt_type01 .input_type01_box li .w70{width:100% !important}
	.exports_table01 .inputxt_type01 .input_type01_box li span[role=group] > input {clear:both;display:inline-block}
	.exports_table01 .inputxt_type01 .input_type01_box li span[role=group] > input.w10{width:25% !important}

	/* mypage-matching */
	.ta_type01.matching thead tr th {border-bottom: 0px solid #fff;}
	.ta_type01.mo-img-consult colgroup > col:first-of-type,.ta_type01.mo-img-consult th:first-of-type, .ta_type01.mo-img-consult td:first-of-type,
	.ta_type01.mo-img-consult colgroup > col:nth-of-type(2),.ta_type01.mo-img-consult th:nth-of-type(1), .ta_type01.mo-img-consult td:nth-of-type(1),
	.ta_type01.mo-img-consult colgroup > col:nth-of-type(5),.ta_type01.mo-img-consult th:nth-of-type(3), .ta_type01.mo-img-consult td:nth-of-type(3),
	.ta_type01.mo-img-consult colgroup > col:nth-of-type(6),.ta_type01.mo-img-consult th:nth-of-type(4), .ta_type01.mo-img-consult td:nth-of-type(4),
	.ta_type01.mo-img-consult colgroup > col:nth-of-type(8),.ta_type01.mo-img-consult th:nth-of-type(5), .ta_type01.mo-img-consult td:nth-of-type(5){display:none}
	.ta_type01.mo-img-consult colgroup > col:nth-of-type(7){width:25% !important}
	.ta_type01.mo-img-consult .no-data td:first-of-type{display:block}

	/* Data Room*/
	.respon-dataroom .ta_type01,
	.respon-notice .ta_type01,
	.respon-qna .ta_type01 { border:0px solid blue;}
	.respon-dataroom .ta_type01 colgroup,
	.respon-notice .ta_type01 colgroup,
	.respon-qna .ta_type01 colgroup {display: none;}
	.respon-dataroom .ta_type01 thead,
	.respon-notice .ta_type01 thead,
	.respon-qna .ta_type01 thead {display: none;}
	.respon-dataroom .ta_type01 tbody tr,
	.respon-notice .ta_type01 tbody tr ,
	.respon-qna .ta_type01 tbody tr{ background-color:transparent}
	.respon-dataroom .ta_type01 tbody tr:hover,
	.respon-notice .ta_type01 tbody tr:hover,
	.respon-qna .ta_type01 tbody tr:hover { background-color:transparent; border: 0px solid #edf1f7; border-bottom: 1px dotted #88929d; box-shadow: none;}
	.respon-dataroom  .ta_type01 tbody tr td{ display: block; text-align:left; }
	.respon-dataroom  .ta_type01 tbody tr td:nth-child(3) { padding: 0px 14px 14px 3px; text-align: right;}
	.respon-dataroom  .ta_type01 tbody tr td:nth-child(3)::before { content:'['; display: inline-block; margin-right: 0px;}
	.respon-dataroom  .ta_type01 tbody tr td:nth-child(3)::after { content:']'; display: inline-block; margin-left: 0px;}


	.respon-notice .ta_type01 tbody tr td{ display: block; text-align:left; padding: 10px 14px 7px 3px; }
	.respon-notice .ta_type01 tbody tr td:nth-child(2) { display:inline-block; text-align: left; font-weight: 500}
	.respon-notice .ta_type01 tbody tr td:nth-child(2)::before { content:'['; display: inline-block; margin-right: 0px; font-weight: 500}
	.respon-notice .ta_type01 tbody tr td:nth-child(2)::after { content:']'; display: inline-block; margin-left: 0px; font-weight: 500}
	.respon-notice .ta_type01 tbody tr td:nth-child(3) { display:inline-block; }
	.respon-notice .ta_type01 tbody tr td:nth-child(4), .respon-notice .ta_type01 tbody tr td:nth-child(6) { display: none}
	.respon-notice .ta_type01 tbody tr td:nth-child(5) { display: block; text-align:right; padding: 0px 14px 7px 3px;}
	.respon-notice .ta_type01 tbody tr td:nth-child(5)::before { content:'['; display: inline-block; margin-right: 0px;}
	.respon-notice .ta_type01 tbody tr td:nth-child(5)::after { content:']'; display: inline-block; margin-left: 0px;}

	.respon-qna .ta_type01 tbody tr td{ display: block; text-align:left; padding: 10px 14px 7px 3px; }
	.respon-qna .ta_type01 tbody tr td:nth-child(2) { display:block; text-align: left;}
	.respon-qna .ta_type01 tbody tr td:nth-child(3) { float: left; display:inline-block; padding: 0px 14px 7px 3px; text-align: left;}
	.respon-qna .ta_type01 tbody tr td:nth-child(4) { display:block; padding: 0px 14px 7px 3px; text-align: right; font-weight: 500}
	.respon-qna .ta_type01 tbody tr td:nth-child(4)::before { content:'['; display: inline-block; margin-right: 0px;}
	.respon-qna .ta_type01 tbody tr td:nth-child(4)::after { content:']'; display: inline-block; margin-left: 0px;}
	.respon-qna .ta_type01 tbody tr td:nth-child(5) { display: none;}


	.tariff_code thead th{ font-size: 16px; text-align: left; }
	.tariff_code tbody td .view { padding: 10px 5px; }
	.tbl-info-group span button {text-align: left;}
	.pagination > .active { padding: 3px 8px; font-weight: 400; }

	.tariff_code  ~ .btn-frm-area .btn-list { height: 31px; padding: 0 2em; line-height: 31px; }
}

@media all and (max-width:414px) {
.tbl-info-group span { display: block; width: 100%;}
.tbl-info-group span + span:before{ display: none;}
}