/***************************************************************************/
/***************************************************************************/
/***************************************************************************/
/* 공통 */


/***************************************************************************/
/* 기본 */

body, html {font-size: 13px;}
body.hidden {overflow: hidden;}

.basic_top {padding-top: 212px; padding-top: 13.25rem;}
.mxwid {width: 100%; max-width: 91.7%; margin: 0 auto;}
.clearboth {clear: both; }
.clearfix::after {content: ''; display: block; clear: both;}
.line.hori {width: 100%; height: 1px; background: #dbdbdb; clear: both;}
.line.verti {width:1px; height: 100%; background-color: #dbdbdb; display: inline-block;}

.wrap {width: 100%; height: auto; background-color: #fff;}
.page .wrap {background-color: transparent;}
.nopadding {padding: 0 !important;}
.nomargin {margin: 0 !important;}
.pdtop_hd {padding-top: 142px; padding-top: 3.875rem;}
.pdtop_0 {padding-top: 0;}
.pdtop_10 {padding-top: 10px; padding-top: 0.625rem;}
.pdtop_30 {padding-top: 30px; padding-top: 1.875rem;}
.pdtop_20 {padding-top: 20px; padding-top: 1.25rem;}
.pdtop_50 {padding-top: 50px; padding-top: 3.125rem;}
.pdbottom_ft {padding-bottom: 80px; padding-bottom: 5rem;}
.pdbottom_10 {padding-bottom: 10px; padding-bottom: 0.625rem;}
.pdbottom_20 {padding-bottom: 20px; padding-bottom: 1.25rem;}
.pdbottom_40 {padding-bottom: 40px; padding-bottom: 2.5rem;}
.pdbottom_30 {padding-bottom: 30px; padding-bottom: 1.875rem;}
.pdbottom_50 {padding-bottom: 50px; padding-bottom: 3.125rem;}
.pdbottom_70 {padding-bottom: 70px; padding-bottom: 4.375rem;}
.pdbottom_120 {padding-bottom: 120px; padding-bottom: 7.5rem;}
.pdleft_80 {padding-left: 80px; padding-left: 5rem;}
.pd_all40 {padding: 40px; padding: 2.5rem;}
.pd_all30 {padding: 30px; padding: 1.875rem;}
.pd_all20 {padding: 20px; padding: 1.25rem;}
.pd_all15 {padding: 15px; padding: 0.9375rem;}
.pd_rl40 {padding-left: 40px; padding-left: 2.5rem; padding-right: 40px; padding-right: 2.5rem;}
.pd_rl15 {padding-left: 15px; padding-left: 0.9375rem; padding-right: 15px; padding-right: 0.9375rem;}
.pd_rl10 {padding-left: 10px; padding-left: 0.625rem; padding-right: 10px; padding-right: 0.625rem;}
.marginbottom_10 {margin-bottom: 10px; margin-bottom: 0.625rem;}

.mbt_30 {margin-bottom: 30px; margin-bottom: 1.875rem;}

.blind {overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0px; line-height: 0;}
.txtind {text-indent: -9999px; font-size: 1px;}


/*공통서식 미디어쿼리*/
@media screen and (max-width:1170px) {
    .pdtop {padding-top: 55px;}
    .mxwid {padding: 0 15px;}
}
/*공통서식 미디어쿼리 끝*/
/***************************************************************************/




/***************************************************************************/
/* iphone safearea */

.safe_top {
    padding-top: constant(safe-area-inset-top) !important; /*for iOS 11.2*/
    padding-top: env(safe-area-inset-top) !important; /*for iOS 11.1*/
}
.safe_bt {
    padding-bottom: constant(safe-area-inset-bottom) !important; /*for iOS 11.2*/
    padding-bottom: env(safe-area-inset-bottom) !important; /*for iOS 11.1*/
}

/* iphone safearea */
/***************************************************************************/










/***************************************************************************/
/* text style */

.txt {word-break: keep-all; letter-spacing: -0.5px; color: #4a4a4a;}
span.txt {display: block;}

.align_c {text-align: center;}
.align_l {text-align: left;}
.align_r {text-align: right;}

/* 
300L - 얇은폰트
400R - 기본폰트
500M - 중간폰트
600SB - 조금 굵은 폰트
700B - 굵은폰트
900EB 더 굵은 폰트  */
.txt_l {font-weight: 300;}
.txt_r {font-weight: 400;}
.txt_m {font-weight: 500;}
.txt_sb {font-weight: 600;}
.txt_b {font-weight: 700;}
.txt_eb {font-weight: 900;}

.txt_12 {font-size: 12px; font-size: 0.75rem;}
.txt_14 {font-size: 14px; font-size: 0.875rem;}
.txt_15 {font-size: 15px; font-size: 0.9375rem;}
.txt_16 {font-size: 16px; font-size: 1rem;}
.txt_18 {font-size: 18px; font-size: 1.125rem;}
.txt_20 {font-size: 20px; font-size: 1.25rem;}
.txt_24 {font-size: 24px; font-size: 1.5rem;}
.txt_30 {font-size: 30px; font-size: 1.875rem;}
.txt_36 {font-size: 36px; font-size: 2.25rem;}



.txt.underline {text-decoration: underline;}

/* text style */
/***************************************************************************/







/***************************************************************************/
/* color */

/*background*/

.bg_cbasic_1 {background-color: #f7f7f7;}
.bg_cbasic_2 {background-color: #fafafa;}
.bg_cwhite {background-color: #fff;}
.bg_cred {background-color: #ff4949;}

/*text*/

.txt_cwhite {color: #fff;}
.txt_cgrey {color: #9b9b9b;}
.txt_c6f {color: #6f6f6f;}
.txt_cblue {color: #1089ff;}
.txt_cred {color: #ff4949;}
.txt_cgreen {color: #02ad7c;}
.txt_corange {color: #fc7e2f;}
.txt_cnavy {color: #1064b5;}

/*border*/

.border_cgrey {border: 1px solid #dbdbdb;}

/* color */
/***************************************************************************/







/***************************************************************************/
/* icon, img */

img {display: block; width: 100%; height: auto;}
i.ico {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center;}
i.img {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center;}
i.ico-16 {display: block; float:left; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center center; margin-right:10px;}

/* icon, img */
/***************************************************************************/







/***************************************************************************/
/* shadow */

.boxshadow_y {box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.1);}
.boxshadow_x {box-shadow: 8px 0 17px 0 rgba(0, 0, 0, 0.1);}

/* shadow */
/***************************************************************************/







/***************************************************************************/
/* input */

/*basic input*/
.input_basic {width: 100%; height: auto; min-height: 50px; min-height: 3.125rem; padding: 0 15px; border: 1px solid #dbdbdb; border-radius: 5px; background-color: #fff;}
.input_basic_70 {width:70%; margin-right:5px}


textarea.input_basic {min-height: 130px; min-height: 8.125rem; border: 1px solid #dbdbdb; resize: none; line-height: 1.4; padding: 15px; padding: 0.9375rem;}

/*select*/
select.input_basic {padding-right: 35px; padding-right: 2.1875rem; background-image: url('../images/btn/btn-dropdown.png'); background-size: 10px auto; background-size: 0.625rem auto; background-position: right 15px center; background-position: right 0.9375rem center; background-repeat: no-repeat;}

/*가로가 긴 테이블 안의 인풋은 너비 최소한으로 줄이기*/
table.width_wide .input_basic {padding: 0 5px;}
table.width_wide select.input_basic {background-position: right 3px center;}

/*비활성화시 스타일*/
.input_basic:disabled, textarea.input_basic:disabled, select.input_basic:disabled {background-color: #f7f7f7;}


/*select2 custom*/
.select2-container--default .select2-selection--single {border: 1px solid #dbdbdb; height: auto; min-height: 50px; min-height: 3.125rem;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 50px; line-height: 3.125rem;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-left: 10px; padding-left: 0.625rem; padding-right: 15px; padding-right: 0.9375rem;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 49px; height: 3.0625rem; background-image: url('../images/btn/btn-dropdown.png'); background-size: 10px auto; background-size: 0.625rem auto; background-position: right 15px center; background-position: right 0.9375rem center; background-repeat: no-repeat;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
/*.select2-container {width: 100% !important;}*/

/* input */
/***************************************************************************/







/***************************************************************************/
/* table */

.layoutfix {table-layout: fixed;}


/*basic table*/
.table_basic {width: 100%; height: auto; border: 1px solid #dbdbdb; border-right: 0; border-bottom: 0;}
.table_basic th, .table_basic td { min-height: 56px; padding: 5px 0; vertical-align: middle; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.table_basic tr:first-child td {border-top: 0;}
.table_basic th .txt {padding: 10px 0; padding: 0.625rem 0;}
.table_basic .input_frame {padding: 0 15px; padding: 0 0.9375rem;}

.table_wrap_min {min-width: auto;}

.table_wrap {width: 100%; height: auto; padding-top: 15px; padding-top: 0.9375rem;}


/*list style table*/
.table_list {width: 100%; height: auto;}
.table_list th, .table_list td {padding: 15px 10px; padding: 0.9375rem 0.625rem; vertical-align: middle;}
.table_list td.td_date {min-width: 80px; min-width: 7.4rem;}
.table_list td.td_store, .table_list td.td_product {max-width: 250px;}
.table_list td.td_store .txt, .table_list td.td_product .txt {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.table_list .txt_link a {display: block;}
.table_list tr:hover td {background-color: ;}

/*tr.bg_cbasic_2:nth-child(4n+2) td, tr.bg_cbasic_2:nth-child(4n+1) td*/
.table_list:not(.table_set2) tr:nth-child(even) td {background-color: #fafafa;}
.table_list.table_set2 tr:nth-child(4n+2) td, .table_list.table_set2 tr:nth-child(4n+1) td {background-color: #fafafa;}


/*board list style*/
.table_list.board_style th, .table_list.board_style td {padding: 18px 10px; padding: 1.4615rem 0.625rem;}
.table_list.board_style tr:nth-child(even) td {background-color: #fff;}
.table_list.board_style td {border-bottom: 1px solid #dbdbdb;}
.table_list.board_style tr:last-child td {border-bottom: 0;}
.table_list.board_style td.td_tit {width: 40%; max-width: 250px; }
.table_list.board_style td.td_tit .txt_frame {width: 100%;}
.table_list.board_style td.td_tit .txt {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



/* table */
/***************************************************************************/







/***************************************************************************/
/* layout */

/*left, right*/
.lay_rl {display: table;}
.lay_rl .right, .lay_rl .left {display: table-cell; vertical-align: middle;}
.lay_rl .right.wide, .lay_rl .left.wide {width: 100%;}
.layout-1 {display: block; width: 100%;}
.layout-1_3 {display: block; float: left; width: 33.333333333333333%; padding: 15px; padding: 0.9375rem;}
.layout-1_2 {display: block; float: left; width: 50%; padding: 15px; padding: 0.9375rem;}
.layout-1_4 {display: block; float: left; width: 25%; padding: 15px; padding: 0.9375rem;}
.layout-1_5 {display: block; float: left; width: 20%; padding: 15px; padding: 0.9375rem;}
.layout-1_6 {display: block; float: left; width: 16.666666666666667%; padding: 15px; padding: 0.9375rem;}
.layout-1_8 {display: block; float: left; width: 80%; padding: 15px; padding: 0.9375rem;}
.layout-1_10 {
    display: block;
    float: left;
    width: 10%;
    padding: 15px;
    padding: 0.9375rem;
}

.layout-2_6 {display: block; float: left; width: 33.333333333333333%; padding: 15px; padding: 0.9375rem;}
.layout-4_6 {display: block; float: left; width: 66.666666666666667%; padding: 15px; padding: 0.9375rem;}



.float_r {float: right;}
.float_l {float: left;}

.overscroll_x {width: 100%; overflow: hidden; overflow-x: scroll; }
/*.overscroll_x::-webkit-scrollbar {border: 0;}*/
.overscroll_x::-webkit-scrollbar-track {background: transparent; border: 0;}


/* layout */
/***************************************************************************/















/***************************************************************************/
/* header (top.php) */

#header {width: 100%; height: auto; position: fixed; top: 0; left: 0; z-index: 100;}
#header .wrap {border-radius: 0 0 10px 10px;}



/* header (top.php) */
/***************************************************************************/














/***************************************************************************/
/* footer (footer.php, footer_btn.php) */


/*footer_btn*/
#footer_btn {width: 100%; height: auto; position: fixed; right: 0; bottom: 0; z-index: 50; }
#footer_btn .wrap {width: 100%; height: auto; border-radius: 30px 30px 0 0; border-radius: 1.875rem 1.875rem 0 0; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.25);}
#footer_btn .inner {padding: 15px 30px; padding: 0.9375rem 1.875rem;}
#footer_btn .btn_box {float: right;}
#footer_btn .btn_frame {}
#footer_btn .left_box {float: left; max-width: 70%;}
#footer_btn .right_box {float: right;}
#footer_btn .help_box {display: table; min-height: 40px;}
#footer_btn .help_box .left, #footer_btn .help_box .right {display: table-cell; vertical-align: middle;}
#footer_btn .help_box .right {width: 100%;}
#footer_btn .help_box .ico_frame {width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}
i.ico.info {display: block; background-image: url('../images/icon/icon-info.png'); background-size: 100% auto;}
#footer_btn .help_box .txt_frame {width: 100%; height: auto; padding-left: 6px;}
#footer_btn .help_box .txt {line-height: 1.4;}

/* footer (footer.php, footer_btn.php) */
/***************************************************************************/







/***************************************************************************/
/* menu (sidemenu.php) */

#gnb {width: 16%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100;
overflow: hidden; width: 80px; width: 5rem; transition: 0.4s;}

#gnb .top_sec, #gnb .cont_sec {width: 100%; height: 80px; height: 5rem;}
#gnb .top_sec {display: table; position: relative;}
#gnb .top_sec .left, #gnb .top_sec .right {height: 100%;}
#gnb .top_sec .left {display: none;}
#gnb .top_sec .right {min-width: 80px; min-width: 5rem; max-width: 80px; max-width: 5rem;  position: absolute; top: 0; left: auto; right: 0; z-index: 10; transition: 0.4s; }
#gnb .top_sec #logo {width: 100%; height: 100%; display: table-cell; vertical-align: middle; padding: 0 25px; padding: 0 1.5625rem; padding-right: 80px; padding-right: 5rem;}
#gnb .top_sec #logo img {display: block; width: 86%; height: auto; max-height: 38px;}
#gnb .top_sec .ico_frame {width: 100%; height: 100%;}
#gnb .top_sec .ico_frame i.ico {transition: 0.4s;}
i.ico_menu {background-image: url(../images/btn/btn-menu.png); background-size: 30px auto; background-size: 1.875rem;}

#gnb .cont_sec, #gnb .bottom_sec {width: 100%; height: auto;}
#gnb .menu_g {width: 100%; height: auto;}
#gnb .menu_g .menu {width: 100%; height: auto;}
#gnb .menu_g .menu .inner {width: 100%; height: auto; padding: 30px 0; padding: 1.375rem 0;}
#gnb .menu_g .menu .left { min-width: 80px; min-width: 5rem; max-width: 80px; max-width: 5rem;}
#gnb .menu_g .menu .right {vertical-align: bottom;display: table-cell;}
#gnb .menu_g .menu .ico_frame {height: 22px; height: 1.375rem; display: block;}
#gnb .menu_g .menu .ico_frame i.ico {background-size: auto 100%; transition: 0.4s;}
i.ico_home {background-image: url('../images/btn/btn-menu-1.png');}
i.ico_orderwrite {background-image: url('../images/btn/btn-menu-2.png');}
i.ico_orderlist_1 {background-image: url('../images/btn/btn-menu-3.png');}
i.ico_orderlist_2 {background-image: url('../images/btn/btn-menu-4.png');}
i.ico_storelist {background-image: url('../images/btn/btn-menu-5.png');}
i.ico_mypage {background-image: url('../images/btn/btn-mypage.png');}
#gnb .menu_g .menu .txt_frame {display: table-cell; max-width: 0; overflow: hidden; transition-delay: 0.3s; transition: 0.4s; display: table-cell; max-width: none;}

#gnb .bottom_sec {position: absolute; left: 0; bottom: 0;}
#gnb .bottom_sec .menu_g .menu .ico_frame {height: 30px; height: 2.307rem;}
#gnb .bottom_sec .menu_g .menu .right {vertical-align: middle;}


#gnb .cont_sec .menu_g .menu .txt_frame .txt {min-width: 130px;}

#gnb.act {width: 30%;}
#gnb.act .top_sec .left {display: table-cell;}
#gnb.act i.ico_menu {background-image: url('../images/btn/btn-menu-act.png');}
/*#gnb.act .top_sec .right {right: 0; left: auto;}*/
/*#gnb.act .cont_sec .menu_g .menu .right {display: table-cell;}*/
/*#gnb.act .cont_sec .menu_g .menu .txt_frame {display: table-cell; max-width: none;}*/

#gnb .menu_g .menu:hover .ico_frame i.ico_home {background-image: url('../images/btn/btn-menu-1-on.png');}
#gnb .menu_g .menu:hover .ico_frame i.ico_orderwrite {background-image: url('../images/btn/btn-menu-2-on.png');}
#gnb .menu_g .menu:hover .ico_frame i.ico_orderlist_1 {background-image: url('../images/btn/btn-menu-3-on.png');}
#gnb .menu_g .menu:hover .ico_frame i.ico_orderlist_2 {background-image: url('../images/btn/btn-menu-4-on.png');}
#gnb .menu_g .menu:hover .ico_frame i.ico_storelist {background-image: url('../images/btn/btn-menu-5-on.png');}
#gnb .menu_g .menu:hover .ico_frame i.ico_mypage {background-image: url('../images/btn/btn-mypage-on.png');}

/* menu (sidemenu.php) */
/***************************************************************************/













/***************************************************************************/
/* notice (긴급공지) */

#notice {width: 100%; height: auto; padding: 20px 40px; padding: 1.25rem 2.5rem; display: none;}
#notice .inner {width: 100%; height: auto; padding: 20px 30px; padding: 1.25rem 1.875rem; border-radius: 15px;}
#notice .left_box {float: left; max-width: 80%;}
#notice .right_box {float: right; min-width: 20%;}
#notice .left_box .left_inner {width: 100%; height: auto; display: table;}
#notice .left_box .left, #notice .left_box .right {display: table-cell; vertical-align: middle;}
#notice .left_box .right {width: 100%; height: auto;}
#notice .left_box .ico_frame {width: 24px; height: 24px; width: 1.5rem; height: 1.5rem;}
i.ico.notice {background-image: url('../images/icon/icon-notice.png'); background-size: 100% auto;}
#notice .left_box .txt_frame {padding-left: 20px; padding-left: 1.25rem;}
#notice .left_box .txt_frame .txt {line-height: 1.4;}
#notice .right_box .btn_frame {float: right; width: 20px; width: 1.25rem; height: 20px; height: 1.25rem;}
#notice .right_box .btn_frame .btn_close {background-color: transparent; display: block; width: 100%; height: 100%; background-image: url('../images/btn/btn-close.png'); background-repeat: no-repeat; background-size: auto 100%; background-position: left center; }

#notice.show {display: block;}

/* notice (긴급공지) */
/***************************************************************************/












/***************************************************************************/
/* button */

.btn {cursor: pointer;}

.btn_box {display: table;}
.btn_box .btn_frame {display: table-cell;}
.btn_box .txt_frame {display: table-cell; padding-left: 4px;}

.btn.btn_icotxt .inner {background-color: transparent; display: table; width: auto;}

/*toggle button*/
.toggle_label {position: relative; cursor: default;}
.toggle_label input[type="checkbox"], .toggle_label input[type="radio"] {display: block; position: absolute; top: -1px; left: -1px; width: 1px; height: 1px; visibility: hidden; opacity: 0;}
.toggle_label .btn_frame .btn_toggle {width: 32px; width: 2rem; height: 14px; height: 0.875rem; border-radius: 15px; background-color: rgba(0, 0, 0, 0.2); position: relative; transition: 0.3s;}
.toggle_label .btn_frame .btn_toggle::before {content: ''; display: block; position: absolute; top: -2.5px; top: -0.15625rem; left: -3.5px; left: -0.21875rem; width: 19px; width: 1.1875rem; height: 19px; height: 1.1875rem; border-radius: 50%; background-color: #f7f7f7; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); transform: translateX(0); transition: 0.3s;}
.toggle_label input[type="checkbox"]:checked + .btn_frame .btn_toggle {}
.toggle_label input[type="checkbox"]:checked + .btn_frame .btn_toggle::before {transform: translateX(100%);}
.toggle_label .btn_frame, .toggle_label .txt_frame {display: inline-block; vertical-align: middle; padding: 5px 0;}
.toggle_label .txt_frame .txt {font-size: 11px; font-size: 0.6875rem; padding-left: 3px;}

/*checkbox - box style*/
.ck_label {display: block; position: relative; cursor: default;}
.ck_label input[type="checkbox"], .ck_label input[type="radio"] {display: block; position: absolute; top: -1px; left: -1px; width: 1px; height: 1px; visibility: hidden; opacity: 0;}
.ck_label .txt_frame {display: block; width: 100%; height: auto; background-color: #fff; border: 1px solid #dbdbdb; border-radius: 4px; padding-left: 0; transition:0.3s;}
.ck_label .txt_frame .txt {padding: 20px 0; padding: 1.25rem 0; text-align: center; transition:0.3s; width: 100%;}
.ck_label input[type="checkbox"]:checked + .txt_frame {}
.ck_label input[type="checkbox"]:checked + .txt_frame .txt {}

/*checkbox - label style*/
.label_btn_box {display: table; width: 100%; height: auto; table-layout: fixed; position: relative; cursor: default;}
.label_btn_box .input_frame.label_btn_frame {display: inline-block; vertical-align: middle;}
.ck_label.label_st {padding: 5px;}
.ck_label.label_st .txt_frame {border-radius: 30px;}
.ck_label.label_st .txt_frame .txt {padding: 14px 20px; padding: 0.875rem 1.25rem;}


/*wide button*/
.btn_wide {width: 100%; height: auto; padding: 15px 0; padding: 0.9375rem 0; border-radius: 25px;}

/*icon+txt button*/
.btn_icotxt {width: 150px; height: 50px; width: 9.375rem; height: 3.125rem;}
.btn_icotxt .inner {height: auto; display: table; margin: 0 auto;}
.btn_icotxt .ico_frame {width: 18px; width: 1.125rem; height: 18px; height: 1.125rem; display: table-cell; vertical-align: middle;}
.btn_icotxt .txt_frame {display: table-cell; vertical-align: middle; padding-left: 6px;}
.btn_icotxt .ico_frame i.ico {background-size: 100% auto;}
i.ico.search.white {background-image: url('../images/btn/btn-search-white.png'); background-size: 100% auto;}
i.ico.add {background-image: url('../images/btn/btn-add.png'); background-size: 100% auto;}
.btn_submit {position: relative;}
.btn_submit input[type='submit'] {opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} 

/*normal button*/
.btn_normal {min-width: 150px; min-width: 9.375rem; min-height: 50px; min-height: 3.125rem; padding: 15px 0; padding: 0.9375rem 0; border-radius: 25px;}



/*pagination button*/
.pagination {height: auto; display: table; margin: 0 auto; padding: 20px 0 10px; padding: 1.25rem 0 0.625rem;}
.pagination .pagination_g {display: table;}
.pagination .pagination_g li {display: table-cell; vertical-align: middle;}
.pagination .pagination_g li a {display: table; width: 50px; height: 50px; width: 3.125rem; height: 3.125rem; border-radius: 8px;}
.pagination .pagination_g li a .txt {display: table-cell; vertical-align: middle; text-align: center;}
.pagination .pagination_g li a i.ico {display: block; width: 100%; height: 100%; background-size: 9px auto; background-size: 0.5625rem auto;}

i.ico.prevnext {background-image: url('../images/btn/btn-prevnext.png');}
i.ico.prevnext.prev {transform: rotate(-180deg);}
.pagination .pagination_g li.act i.ico.prevnext {background-image: url('../images/btn/btn-prevnext-act.png');}


/* button */
/***************************************************************************/










/***************************************************************************/
/* conbox */

.conbox_g {width: 100%; height: auto;}
.conbox {width: 100%; height: auto; border-radius: 15px; border-radius: 1rem;}
.conbox .inner {background: #fff; border-radius: 15px; width: 100%; height: auto;}

/*제목 영역*/
.con_tit_sec {display: table; width: 100%;}
.con_tit_sec .left, .con_tit_sec .right {display: table-cell; float: none; vertical-align: middle; width: 50%;}
.con_tit_sec .left .txt_frame {width: 100%; height: auto; display: table; padding: 8px 0; padding: 0.5rem 0;}
.con_tit_sec .left .txt_frame .txt {display: table-cell; vertical-align: middle;}
.con_tit_sec .right .btn_box {text-align: right; width: 100%; height: auto;}
.con_tit_sec .right .btn_box .btn_frame {display: inline-block; vertical-align: middle; padding-right: 15px; padding-right: 0.9375rem;}
.con_tit_sec .right .btn_box .btn_frame:last-child {padding-right: 0;}
i.ico.excel {background-image: url('../images/btn/btn-excel.png'); background-size: 100% auto;}

/* conbox */
/***************************************************************************/










/***************************************************************************/
/* input_item */

/*table style*/
.input_item.table_st {border: 1px solid #dbdbdb;}
.input_item.table_st .item_tit {border-bottom: 1px solid #dbdbdb; padding: 15px 0; padding: 0.9375rem 0;}
.input_item.table_st .txt {text-align: center;}
.input_item.table_st .item_con {padding: 15px 0; padding: 0.9375rem 0;}

/* input_item */
/***************************************************************************/












/***************************************************************************/
/* 검색조건 설정 */

#search_filter {}
/*#search_filter.hide {max-height: 0; overflow: hidden;}*/
#search_filter.pdtop_hd {padding-top: 5.2rem;}
#search_filter .wrap {width: 100%; height: auto; padding-top: 0; border-radius: 0 0 30px 30px; border-radius: 0 0 1.875rem 1.875rem;}
#search_filter .tit_sec {display: table; width: 100%;}
#search_filter .tit_sec .left, #search_filter .tit_sec .right {display: table-cell; vertical-align: middle; width: 50%;}
#search_filter .tit_sec .left .txt_frame {width: 100%; height: auto; display: table; padding: 8px 0; padding: 0.5rem 0;}
#search_filter .tit_sec .left .txt_frame .txt {display: table-cell; vertical-align: middle;}
#search_filter .tit_sec .right .btn_box {text-align: right; width: 100%; height: auto;}
#search_filter .tit_sec .right .btn_box .btn_frame {display: inline-block; vertical-align: middle; padding-right: 15px; padding-right: 0.9375rem;}
#search_filter .tit_sec .right .btn_box .btn_frame:last-child {padding-right: 0;}

.btn_white {border: 1px solid #dbdbdb; border-radius: 4px; background-color: #fff; min-width: 120px; min-width: 7.5rem;}
.btn_white .inner {display: table; padding: 13px 24px; padding: 0.8125rem 1.5rem; margin: 0 auto;}
.btn_white .ico_frame {display: table-cell; vertical-align:middle; width: 15px; width: 0.9375rem; height: 15px; height: 0.9375rem;}
.btn_white .txt_frame {display: table-cell; vertical-align:middle; padding-left: 10px;}
i.ico.reset {background-image: url('../images/btn/btn-reset.png'); background-size: 100% auto;}
i.ico.filter {background-image: url('../images/btn/btn-filter.png'); background-size: 100% auto;}
i.ico.close {background-image: url('../images/btn/btn-close-grey.png'); background-size: 100% auto;}

i.ico-16.customer {background-image: url('../images/icon/c_cust.png'); background-size: 16px auto;}
i.ico-16.group {background-image: url('../images/icon/c_group.png'); background-size: 16px auto;}
i.ico-16.product {background-image: url('../images/icon/product.png'); background-size: 16px auto;}

/*상세설정 영역*/
.filter_con.detail {max-height: 0; overflow: hidden; transition: 0.6s;}
.filter_con.detail.act {max-height: 1000px;}
#search_filter .btn_close {display: none;}

/* 검색조건 설정 */
/***************************************************************************/













/***************************************************************************/
/* 차트 */

.chart_area {width: 100%; height: auto;}

/* 차트 */
/***************************************************************************/


















/***************************************************************************/
/* 20200617 엄현욱 */


/*
#pop_new_registration {width: 100%; height: 100%; top: 0; left:0; background-color: rgba(0, 0, 0, 0.2); position: fixed; z-index: 100; display: table;}
#pop_new_registration .pop_table_align {display: table-cell; vertical-align: middle;}
#pop_new_registration .inner {width: 35%; height: 90%; margin: auto; padding: 40px; padding: 2.5rem; border-radius: 15px; background-color: #fff; max-height: 800px; max-height: 78rem;}
#pop_new_registration .ico_frame {width: 30px; width: 1.875rem; height: 30px; height: 1.875rem;}
#pop_new_registration .btn_pop {min-width: 146px; min-width: 9.125rem; min-height: 50px; min-height: 3.125rem; padding: 15px 0; padding: 0.9375rem 0; border-radius: 50px;}


.pop_inner_layout {width: 100%; height: 100%; position: relative; display: table;}

#pop_new_registration_content {display: block; width: 100%; height: 100%; overflow: hidden; overflow-y: scroll; padding: 66.38px 0 49.13px 0; padding: 5.3rem 0 3rem 0; -ms-overflow-style:scrollbar;}
#pop_new_registration_content::-webkit-scrollbar {display: none;}
#pop_new_registration_content .layout_table_cell {display: table-cell; text-align: center; width: 30%; }

#pop_new_registration_title {display: block; position: absolute; top: 0; left: 0; width: 100%; background-color: #fff;}
#pop_new_registration_btn {display: block; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; padding-top: 10px; padding-top: 0.625rem;}
*/

.pop_inner_layout {width: 100%; height: 100%; position: relative; display: block;}

#pop_new_registration_content {display: block; width: 100%; height: 100%; overflow: hidden; overflow-y: scroll; padding: 66.38px 0 50px 0; padding: 5.3rem 0 4rem 0; -ms-overflow-style:scrollbar;}
#pop_new_registration_content::-webkit-scrollbar {display: none;}
#pop_new_registration_content .layout_table_cell {display: table-cell; text-align: center; width: 30%; }
#pop_new_registration_title {display: block; position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 10;}
#pop_new_registration_btn {display: block; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; padding-top: 10px; padding-top: 0.625rem;  z-index: 10;}


i.ico_cancle {background-image: url('../images/btn/btn-close-grey.png'); }

.txt_cgrey2 {color: #4a4a4a;}
.txt_cgrey3 {color: #9b9b9b;}
.display_left {display: inline;}
.pdleft_20 {padding-left: 20px; padding-left: 1.25em;}
.layout_table {display: table; width: 100%; table-layout: fixed;}
.layout_dash {display: table-cell; text-align: center; width: 5%; text-align: center; line-height: 1; color: #dbdbdb;}


/* 20200617 엄현욱 */
/***************************************************************************/















/***************************************************************************/
/* 20200617 엄현욱 */
/* login_page */

#login_whole_page {width: 100%; height: 100%; top: 0; left: 0;}
#login_whole_page .layout_login_table {display: table-cell; width: 44%;}
#login_whole_page .layout_img_table {display: table-cell; width: 56%;}
#login_whole_page .btn_iogin {min-width: 220px; min-width: 13.75rem; min-height: 60px; min-height: 3.75rem; padding: 20px 0; padding: 1.25rem 0; border-radius: 30px;}
#login_whole_page .pd_login {padding: 30px 80px 30px 80px; padding: 2rem 5rem 2rem 5rem;}

#wrap_login {width: 100%; vertical-align: middle;}
#wrap_login .login_360px_react {font-size: 0; line-height: 0; overflow: hidden; visibility: hidden;}



.logo_bottom {display: table-row; float: right;}

.txt_26 {font-size: 26px; font-size: 2.0rem;}
.txt_46 {font-size: 46px; font-size: 2.875rem;}
.txt_56 {font-size: 56px; font-size: 3.5rem;}



#login_img {width: 100%; height: 100%;}
#wrap_login .checkbox_search {width: 100%; height: auto; display: table;}
#wrap_login .checkbox_align {width: auto; height: auto; display: table-cell;}

.logo_bottom {display: table-row; float: right;}
.display_table {display: table;}
.display_table_cell {display: table-cell;}
.outologin_cb_text {vertical-align: middle;}

/* login_page */
/* 20200617 엄현욱 */
/***************************************************************************/
















/***************************************************************************/
/* 레이어팝업 공통 스타일 */

.layerpop {width: 100%; height: 100%; top: 0; left:0; background-color: rgba(0, 0, 0, 0.2); position: fixed; z-index: 100; display: table;}
.layerpop .pop_table_align {display: table-cell; vertical-align: middle;}
.layerpop .inner {width: 35%; height: 90%; margin: auto; padding: 40px; padding: 2.5rem; border-radius: 15px; background-color: #fff; max-height: 800px; max-height: 78rem;}
.layerpop .msgbox_inner {width: 55%; height: 60%; margin: auto; padding: 40px; padding: 2.5rem; border-radius: 15px; background-color: #fff; max-height: 800px; max-height: 78rem;}
.layerpop .ico_frame {width: 30px; width: 1.875rem; height: 30px; height: 1.875rem;}
.layerpop .btn_pop {min-width: 146px; min-width: 9.125rem; min-height: 50px; min-height: 3.125rem; padding: 15px 0; padding: 0.9375rem 0; border-radius: 50px;}

.layerpop .layer_tit {display: block; position: absolute; top: 0; left: 0; width: 100%; background-color: #fff;}

.layer_content {display: block; width: 100%; height: 100%; overflow: hidden; overflow-y: scroll; -ms-overflow-style:scrollbar; padding: 66.38px 0 49.13px 0; padding: 5.3rem 0 3rem 0;}
.layer_content::-webkit-scrollbar {display: none; -ms-overflow-style:none;}
.layer_content .layout_table_cell {display: table-cell; text-align: center; width: 30%; }

.layerpop .layer_btnset {display: block; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; padding-top: 10px; padding-top: 0.625rem;}
.float_r {float: right;}
.float_l {float: left;}




/* 레이어팝업 공통 스타일 */
/***************************************************************************/















/***************************************************************************/
/* 레이어팝업 - 프레임 모양 선택 */

#pop_frame_select .ck_label {width: 100%;}
#pop_frame_select .ck_label .img_frame {width: 100%; height: auto; border-radius: 4px; overflow: hidden; border: 1px solid #dbdbdb;}
#pop_frame_select .ck_label .img_frame img {display: block; width: 100%; height: auto;}


/* 레이어팝업 - 프레임 모양 선택 */
/***************************************************************************/

















/***************************************************************************/
/* 200622 엄현욱 */
/* warning_chrome */

/*
#wraning_chrome_inner {display: block; width: 38%; height: auto; margin: auto; background-color: #fff; border-radius: 15px;}

.wrap_title {width: 100%; position: relative;}
.cancle_frame {width: 30px; width: 1.875rem; height: 30px; height: 1.875rem; position: absolute; top: 0; right: 0; display: block;}
.wrap_warning_botton {margin: auto;}
.no_btn {width: 146px; height: 50px; width: 9.125rem; height: 3.125rem; border-radius: 25px;}
.chrome_download_btn {width: 280px; height: 50px; width: 17.5rem; height: 3.125rem; border-radius: 25px;}
.wrap_no_btn {display: table-cell;}
.wrap_download_btn {display: table-cell; padding-left: 20px; padding-left: 1.25rem;}
.warning_btn_align {display: block; width: 100%; height: auto;}

.bg_cred2 {background-color: #dd5044}
*/

#warning_chrome_inner {display: block; width: 38%; height: auto; margin: auto; background-color: #fff; border-radius: 15px;}
#warning_chrome_inner .wrap_title {width: 100%; position: relative;}
#warning_chrome_inner .line_height {line-height: 1.4rem;}
/* 20200623 */
#warning_chrome_inner .cancle_frame {width: 30px; width: 1.875rem; height: 30px; height: 1.875rem; position: absolute; top: 0; right: 0; display: block;}
#warning_chrome_inner .wrap_warning_botton {margin: auto;}
#warning_chrome_inner .no_btn {width: 146px; height: 50px; width: 9.125rem; height: 3.125rem; border-radius: 25px;}
#warning_chrome_inner .chrome_download_btn {width: 280px; height: 50px; width: 17.5rem; height: 3.125rem; border-radius: 25px;}
#warning_chrome_inner .wrap_no_btn {display: table-cell; padding: 0;}
/* 20200623 */
#warning_chrome_inner .wrap_download_btn {display: table-cell; padding-left: 20px; padding-left: 1.25rem;}
#warning_chrome_inner .warning_btn_align {display: block; width: 100%; height: auto;}

.bg_cred2 {background-color: #dd5044}
.pdright_50 {padding-right: 50px; padding-right: 3.125rem;}

/* warning_chrome */
/* 200622 엄현욱 */
/***************************************************************************/
















/***************************************************************************/
/*200623 - da*/

/*레이어팝업*/
.pop_inner_layout {display: block;}
#pop_new_registration .inner {max-height: 800px;}
#pop_new_registration {display: block;}
#pop_new_registration .pop_table_align {display: block; width: 100%; height: 100%;}
#pop_new_registration .inner {max-height: none; height: 100%;}
#pop_new_registration .pop_table_align {height: 100%; padding: 50px 0;}

/*200623 - da*/
/***************************************************************************/













/***************************************************************************/
/*200623 - hu*/

/* warning_chrome */
#warning_chrome_inner {display: block; width: 38%; height: auto; margin: auto; background-color: #fff; border-radius: 15px;}
#warning_chrome_inner .wrap_title {width: 100%; position: relative;}
#warning_chrome_inner .cancle_frame {width: 30px; width: 1.875rem; height: 30px; height: 1.875rem; position: absolute; top: 0; right: 0; display: block;}
#warning_chrome_inner .wrap_warning_botton {margin: auto;}
#warning_chrome_inner .no_btn {width: 146px; height: 50px; width: 9.125rem; height: 3.125rem; border-radius: 25px;}
#warning_chrome_inner .chrome_download_btn {width: 280px; height: 50px; width: 17.5rem; height: 3.125rem; border-radius: 25px;}
#warning_chrome_inner .wrap_no_btn {display: table-cell;}
#warning_chrome_inner .wrap_download_btn {display: table-cell; padding-left: 20px; padding-left: 1.25rem;}
#warning_chrome_inner .warning_btn_align {display: block; width: 100%; height: auto;}
.pdright_50 {padding-right: 50px; padding-right: 3.125rem;}


/*checkbox normal style*/
.ckbox_frame {position: relative; }
.ckbox_frame .checkbox {display: block; width: 1px; height: 1px; opacity: 0; position: absolute; top: -1px; left: -1px;}
.ckbox_frame .checkbox + label {display: block; width: auto; height: auto;}
.ckbox_frame .checkbox + label i.ico {display: block; width: 15px; height: 15px; background-image: url('../images/btn/btn-checkbox-off.png'); background-size: 100% auto; background-position: center center; background-repeat: no-repeat;}
.ckbox_frame .checkbox:checked + label i.ico {background-image: url('../images/btn/btn-checkbox-on.png');}

/*login page*/
.logo_bottom {display: table-row; float: right;}
.display_table {display: table;}
.display_table_cell {display: table-cell;}
.outologin_cb_text {vertical-align: middle;}

/*200623 - hu*/
/***************************************************************************/

.input_order_val { color : black; font-weight:800 }





.order_degree td:nth-child(1) {
    width: 7.09%
}
.order_degree td:nth-child(2) {width: 7.09%}
.order_degree td:nth-child(3) {width: 7.09%}
.order_degree td:nth-child(4) {width: 6.25%}
.order_degree td:nth-child(5) {width: 6.25%}
.order_degree td:nth-child(6) {width: 6.25%}
.order_degree td:nth-child(7) {width: 7.09%}
.order_degree td:nth-child(8) {width:6.25%}
.order_degree td:nth-child(9) {width: 7.09%}
.order_degree td:nth-child(10) {width: 4.80%}
.order_degree td:nth-child(11) {width: 4.80%}
.order_degree td:nth-child(12) {width: 7.09%}
.order_degree td:nth-child(13) {width: 4.80%}
.order_degree td:nth-child(14) {width: 4.80%}
.order_degree td:nth-child(15) {width: 4.80%}
.order_degree td:nth-child(16) {width: 4.80%}

.input_caption_freeform {
    display: none ;
    color: #ff4949;
    text-align: center;
}
/***************************************************************************/
/* media query */
.table_wrap_min {
    min-width: 1080px;
    min-width: 83rem;
}

@media screen and (max-width:3200px) {
    body, html {
        font-size: 18px;
    }

    .layout-2_6.mobile_layout-1 {
        width: 100%;
        float: none;
    }

    .layout-4_6.mobile_layout-1 {
        width: 100%;
        float: none;
    }

}

@media screen and (max-width:2100px) {
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video, input {
        font-size: 16px;
    }

    .layout-2_6.mobile_layout-1 {
        width: 100%;
        float: none;
    }

    .layout-4_6.mobile_layout-1 {
        width: 100%;
        float: none;
    }
}


@media screen and (max-width:1700px) {
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video, input {
        font-size: 14px;
    }


}

@media screen and (max-width:1280px) {
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video, input {
        font-size: 12px;
    }

}


@media screen and (max-width:1080px) {
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video, input { font-size: 10px;}
/*    .table_wrap_min {min-width: 1180px; min-width: 120rem;}*/
    
    .layout-1_2.mobile_layout-1_2 {width: 50%;}
    
    #gnb.act {width: 24%; }
    
    /*200619-hu*/
    #pop_new_registration .inner {width: 55%;}
    
    /*레이어팝업 공통*/
    .layerpop .inner {width: 55%; height: 70%;}
    
    /***************************************************************************/
    /* login_page_media query */
    #login_whole_page .layout_login_table {display: table-cell; width: 48%;}
    #login_whole_page .layout_img_table {display: table-cell; width: 52%;}
    #login_whole_page .pd_login {padding: 0 30px 0 30px; padding: 0 3rem 0 3rem;}

    #wrap_login_img .ico_login_logo {width: 23rem; height: 4rem;}
    /* login_page_media query */
    /***************************************************************************/
    
    
    /***************************************************************************/
    /* warning_chrome */

    #warning_chrome_inner {width: 50%;}  
     
    /* warning_chrome */
    /***************************************************************************/



}

@media screen and (max-width:768px) {
    .layout-1_6 {width: 33.333333333333333%;}
    .layout-1_2.mobile_layout-1 {width: 100%;}
    .layout-4_6.mobile_layout-1 {width: 100%;}
    .layout-2_6.mobile_layout-1 {width: 100%;}

    .smmobile_layout-no {}
    
    #gnb.act {width: 50%; }
    
    #search_filter .layout-1_2 {width: 100%;}
    #search_filter .layout-1_3 {width: 33.333333333333333%;}
    
    /***************************************************************************/
    /* warning_chrome */

    #warning_chrome_inner {width: 80%;}

    /* warning_chrome */
    /***************************************************************************/
    
}



@media screen and (max-width:767px) {
    
    /*200619-hu*/
    #pop_new_registration .inner {width: 80%;}
    .layout_dash {width: 8%;}
    
    /*레이어팝업 공통*/
    .layerpop .inner {width: 80%; height: 70%;}
    
    /*프레임모양 선택 레이어팝업*/
    #pop_frame_select .layout-1_4 {width: 25%;}
    
    /***************************************************************************/
    /* login_page_media query */
    #login_whole_page .pd_login {padding: 30px 80px 30px 80px; padding: 2rem 5rem 2rem 5rem;}
    #login_whole_page .layout_login_table {display: table-cell; width: 100%; height: 100%;}
    #login_whole_page .layout_img_table {display: none; width: 0;}

    #login_whole_page .btn_360px_size {width: 100%;}
    #login_whole_page .btn_iogin {width:100%;}

    #wrap_login .login_360px_react {padding-bottom: 5px; font-size: 13px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.47px; color: #2b2b2b; overflow: visible; visibility: visible;}

    #wrap_login .wrap_login_content {display: table-row; width: 100%; height: 100%;}
    #wrap_login .wrap_login_content2 {display: table-cell; vertical-align: middle;}
    #wrap_login .wrap_login_360px_react_logo {width: 100%; height: auto; display: table-row;}
    #wrap_login .login_align_360px {width: 100%; height: 100%; display: table;}
    #wrap_login .login_360px_react_logo {width: 156px; height: 28px; width: 15.6rem; height: 2.8rem; background-image: url('../images/img/logo-color.png'); background-size: cover; margin: auto;} 
    
    #wrap_login .wrap_login_360px_react_logo {width: 100%; height: auto; display: table-row;}
    #wrap_login .login_360px_react_logo {width: 156px; height: 28px; width: 15.6rem; height: 2.8rem; background-image: url('../images/img/logo-color.png'); background-size: cover; margin: auto;} 
    
    /* login_page_media query */
    /***************************************************************************/
    
}



@media screen and (max-width:500px) {
    #warning_chrome_inner .no_btn {width: 100%;}
    #warning_chrome_inner .chrome_download_btn {width: 100%;}
    #warning_chrome_inner .wrap_no_btn {display: block; padding-bottom: 10px; padding-bottom: 1rem;}
    #warning_chrome_inner .wrap_download_btn {display: block; padding: 0;}
    #warning_chrome_inner .wrap_warning_botton {width: 100%; height: auto; margin: 0;}
    
}



/* media query */
/***************************************************************************/













/* 공통 끝 */
/***************************************************************************/
/***************************************************************************/
/***************************************************************************/



/***************************************************************************/
/* Layer poup */

.modal_bg{position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;min-height:800px;background:rgba(0,0,0,.7);}
.popup{position:fixed;visibility:hidden;z-index:10001;left:50%;top:-9999px;border-radius:5px;background:#f9f9f9;box-shadow:0 0 20px #555;}
.popup.s260{width:260px;}
.popup.s400{width:400px;}
.popup.s490{width:490px;}
.popup.s520{width:520px;}
.popup.s560{width:560px;}
.popup.s620{width:620px;}
.popup.s700{width:700px;}
.popup.s750{width:750px;}
.popup.s760{width:760px;}
.popup.s820{width:820px;}
.popup.s1000{width:1000px;}
.popup .pop_header{margin-top:4px;height:45px;line-height:45px;font-size:18px;font-weight:bold;border-radius:5px 5px 0 0;background:#f1f3f4;border-bottom:1px solid #cccfd3;}
.popup .pop_container{padding:20px; background:#fff; border-radius:0 0 5px 5px;}
.popup .pop_container .customer_tab:first-child {margin-top:20px;}
.popup .pop_con_scroll{padding-bottom:0 !important;max-height:500px;overflow-y:auto;}
.popup .pop_con_scroll .foot_btn{padding-bottom:25px;}
.popup .popup_close{overflow:hidden;text-indent:-9999px;width:49px;height:49px;display:block;z-index:3200;position:absolute;right:0;top:0;cursor:pointer;background:url(images/btn_pop_close.png) no-repeat 50% 50%;}
.popup .txt_dialog{text-align:center;padding:25px 0 25px 0;font-size:16px;color:#333;line-height:20px;font-weight:bold;}
.popup .foot_btn{font-size:0;line-height:0;padding-top:20px;text-align:center;}
.popup .btn_n{display:inline-block;width:100px;height:38px;line-height:38px;font-size:14px;font-weight:bold;text-align:center;color:#fff;border-radius:4px;border-bottom:2px solid #eee;font-size:14px; padding:0;}
.popup .foot_btn .btn_n + .btn_n {margin-left:10px;}
.popup .bg_red{border-color:#d52929;background:#fb3939;}
.popup .bg_orange{border-color:#bf8053;background:#fd9850;}
.popup .bg_gray{border-color:#727272;background:#8e8e94;}

.ajax_loader{position:relative;width:50px;height:50px;margin:0 auto;}
.ajax_loader .circularG{position:absolute;background-color:#FB3939;width:11px;height:11px;-moz-border-radius:8px;-moz-animation-name:bounce_circularG;-moz-animation-duration:1.04s;-moz-animation-iteration-count:infinite;-moz-animation-direction:normal;-webkit-border-radius:8px;-webkit-animation-name:bounce_circularG;-webkit-animation-duration:1.04s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-ms-border-radius:8px;-ms-animation-name:bounce_circularG;-ms-animation-duration:1.04s;-ms-animation-iteration-count:infinite;-ms-animation-direction:normal;-o-border-radius:8px;-o-animation-name:bounce_circularG;-o-animation-duration:1.04s;-o-animation-iteration-count:infinite;-o-animation-direction:normal;border-radius:8px;animation-name:bounce_circularG;animation-duration:1.04s;animation-iteration-count:infinite;animation-direction:normal;}
.ajax_loader #circularG_1{left:0;top:20px;-moz-animation-delay:0.39s;-webkit-animation-delay:0.39s;-ms-animation-delay:0.39s;-o-animation-delay:0.39s;animation-delay:0.39s;}
.ajax_loader #circularG_2{left:5px;top:5px;-moz-animation-delay:0.52s;-webkit-animation-delay:0.52s;-ms-animation-delay:0.52s;-o-animation-delay:0.52s;animation-delay:0.52s;}
.ajax_loader #circularG_3{top:0;left:20px;-moz-animation-delay:0.65s;-webkit-animation-delay:0.65s;-ms-animation-delay:0.65s;-o-animation-delay:0.65s;animation-delay:0.65s;}
.ajax_loader #circularG_4{right:5px;top:5px;-moz-animation-delay:0.78s;-webkit-animation-delay:0.78s;-ms-animation-delay:0.78s;-o-animation-delay:0.78s;animation-delay:0.78s;}
.ajax_loader #circularG_5{right:0;top:20px;-moz-animation-delay:0.91s;-webkit-animation-delay:0.91s;-ms-animation-delay:0.91s;-o-animation-delay:0.91s;animation-delay:0.91s;}
.ajax_loader #circularG_6{right:5px;bottom:5px;-moz-animation-delay:1.04s;-webkit-animation-delay:1.04s;-ms-animation-delay:1.04s;-o-animation-delay:1.04s;animation-delay:1.04s;}
.ajax_loader #circularG_7{left:20px;bottom:0;-moz-animation-delay:1.17s;-webkit-animation-delay:1.17s;-ms-animation-delay:1.17s;-o-animation-delay:1.17s;animation-delay:1.17s;}
.ajax_loader #circularG_8{left:5px;bottom:5px;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s;-ms-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;}

a, a:visited, a:hover, a:active {
    text-decoration: none;
}

/* Layer poup 끝 */
/***************************************************************************/




.dx-item-content .informer {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 11px;
    text-align: center;
    border: solid 1px #dbdbdb;
    width: 100px;
    cursor:pointer
}

.dx-item-content .informer .count { font-size : 1.8rem; font-weight:800; }

.dx-group-cell {font-size: 1.3rem;}




.result_order_sep {
    font-weight: bold;
    margin-top: 40px;
    font-size: 1.2em;
    color: #4154b3;
    text-align: center
}

.result_reorder_sep {
    margin-top: 30px;
    font-size: 0.9em;
    color: #aa2f19;    
    text-align: center
}


.input_wrap .btnClear {
    position: absolute;
    top: 3px;
    right: 0;
    width: 30px;
    height: inherit;
    background: url(https://img.icons8.com/pastel-glyph/2x/cancel.png) center center no-repeat;
    background-size: 50%;
    border: none;
    outline: none;
    cursor: pointer;
}

.input_wrap .input_basic2 {
    width: 100%;
    height: auto;
    min-height: 50px;
    min-height: 3.125rem;
    padding: 0 15px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    background-color: #fff;
}

.input_wrap {
    width:100%;
    position: relative;
    height: 30px;
    display: inline-block;
}

    .input_wrap input_basic2 {
        padding-right: 30px;
        height: inherit;
    }