html{height:100%;}
body{-webkit-text-size-adjust:none;}
#body{min-width:1300px;}
.popup_body{min-width:inherit;width:100%;}


html {
    /* Prevent font scaling in landscape */
    -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
    -moz-text-size-adjust: none; /*Firefox*/
    -ms-text-size-adjust: none;  /*Ie*/
    -o-text-size-adjust: none; /*old versions of Opera*/
}

body{margin:0 auto !important;font-size:12px;}/*width:1400px !important;max-width:1440px !important;*/

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'paybooc-Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff') format('woff'); font-weight: normal; font-style: normal; }

.f_ns{font-family:'NanumSquare' !important;}

html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,a,input,textarea,select,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,button,
menu,nav,section,summary,time,mark,audio,video{
    margin:0;padding:0;border:0;text-shadow:none;box-sizing:border-box !important;font-size:12px;
    font-style:normal;font-weight:400;list-style:none;/*font-family:'NanumSquare';*/
}

.wrap_1260{width:1260px;margin:0 auto;}
.wrap_1400{width:1440px;margin:0 auto;padding-left:20px;padding-right:20px;}
.wrap_1450{width:1490px;margin:0 auto;padding-left:20px;padding-right:20px;}
.wrap_1500{width:1540px;margin:0 auto;padding-left:20px;padding-right:20px;}
.wrap_500{width:500px;margin:0 auto;}

.body_default{width:1260px;max-width:1300px;-webkit-text-size-adjus:none;-moz-text-size-adjus:none;-ms-text-size-adjus:none;margin:40px auto 0;}
.body_popup{width:1292px;/*height:100%;*/}

.b1{border:1px solid red !important;}

.table_write_1{border-collapse:collapse;vertical-align:top;}
.table_write_1{vertical-align:top;border-collapse:separate;border-spacing:0;} /* 테이블 사라지는거 제거 */

.table_type_1{border-collapse:collapse;vertical-align:top;}
.table_type_1{vertical-align:top;border-collapse:separate;border-spacing:0;} /* 테이블 사라지는거 제거 */

.table_write_n{border-collapse:collapse;vertical-align:top;}
.table_write_n{vertical-align:top;border-collapse:separate;border-spacing:0;} /* 테이블 사라지는거 제거 */

.table_write_bold{border-collapse:collapse;vertical-align:top;}
.table_write_bold{vertical-align:top;border-collapse:separate;border-spacing:0;} /* 테이블 사라지는거 제거 */


.btn_popup_n{display:inline-block;height:24px;line-height:21px;color:#424d65 !important;font-size:12px;text-align:center;border:1px solid #a1b1be;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffffff;background:#dfe9f2;transition:all .3s;cursor: pointer;text-decoration: none !important;}
.btn_popup_n.f_red{color:#ff0000 !important;}
.btn_popup_n:hover{background:#c9def1;text-decoration: none;}
.btn_popup_n img{vertical-align:middle;margin-top:-3px;opacity:0.5;transition:all .3s;}

.bg_bu{width:1260px;padding:20px 0 0;margin:0 auto;}
.bu_title{width:160px;}
.bu_title em{display:flex;justify-content:center;align-items:center;width:45px;height:30px;background:#aaa;color:#fff;font-size:13px;letter-spacing: -0.5px;}
.bu_title span {display:block;position: relative;background: #fff;width: 95px;height: 28px;line-height:28px;font-size:14px;padding-left:5px;letter-spacing: -0.5px;}
.bu_title span{border: 1px solid #ddd;}
.bu_title span:before {top: 50%;content: " ";height: 15px;width: 15px;position: absolute;pointer-events: none;background: #fff;}
.bu_title span:before {right: -16px;margin-top: -14px;transform-origin: 0 0;box-sizing: border-box;border-top: 1px solid #ddd;border-right: 1px solid #ddd;transform: rotate(57.5deg) skew(30deg);}

.bu_title span.ck {display:block;position: relative;background: #fefdf2;width: 90px;height: 28px;line-height:28px;font-size:13px;padding-left:5px;letter-spacing: -0.5px;}
.bu_title span.ck:before {top: 50%;content: " ";height: 15px;width: 15px;position: absolute;pointer-events: none;background: #fefdf2;}
.bu_title span.ck:before {right: -16px;margin-top: -14px;transform-origin: 0 0;box-sizing: border-box;border-top: 1px solid #ddd;border-right: 1px solid #ddd;transform: rotate(57.5deg) skew(30deg);}

.box_bu_list{display:flex;flex-direction:column;flex-wrap:wrap;width:calc(100% - 160px);}
.bu_list{position:relative;display:flex;flex-direction:row;width:100%;margin:0 -1px 1px -1px;}
.bu_list button{display:flex;justify-content:flex-start;align-items:center;width:90px;height:30px;font-size:14px;border-radius:8px;background:#f5f5f5;border:1px solid #ddd;letter-spacing: -1px;margin:1px;padding-left:6px;cursor:pointer;transition:all .3s;}
.bu_list button span{color:red;font-weight:600;margin-right:8px;font-size:14px;}
.bu_list button:hover{border:1px solid #ff9f00;background: #ff9f00;color:#fff;}
.bu_list button:hover span{color:#fff;font-weight:600;margin-right:8px;font-size:14px;}

/* 메인 속견표 */
.hscode_main_info_m{position:relative;z-index:10;display:flex;justify-content:space-between;padding-top:20px;margin:0;}
.hscode_main_info_m > div:nth-child(1),
.hscode_main_info_m > div:nth-child(2){width:calc(50% - 15px);zoom:1;}

.bu_title_m{width:160px;}
.bu_title_m em{display:flex;justify-content:center;align-items:center;width:40px;height:26px;background:#aaa;color:#fff;font-size:12px;letter-spacing: -0.5px;}
.bu_title_m span {display:block;position: relative;background: #fff;width: 90px;height: 24px;line-height:24px;font-size:12px;padding-left:5px;letter-spacing: -0.5px;}
.bu_title_m span{border: 1px solid #ddd;}
.bu_title_m span:before {top: 50%;content: " ";height: 15px;width: 15px;position: absolute;pointer-events: none;background: #fff;}
.bu_title_m span:before {right: -16px;margin-top: -14px;transform-origin: 0 0;box-sizing: border-box;border-top: 1px solid #ddd;border-right: 1px solid #ddd;transform: rotate(57.5deg) skew(30deg);}

.bu_title_m span.ck {display:block;position: relative;background: #fefdf2;width:90px;height: 28px;line-height:28px;font-size:13px;padding-left:5px;letter-spacing: -0.5px;}
.bu_title_m span.ck:before {top: 50%;content: " ";height: 15px;width: 15px;position: absolute;pointer-events: none;background: #fefdf2;}
.bu_title_m span.ck:before {right: -16px;margin-top: -14px;transform-origin: 0 0;box-sizing: border-box;border-top: 1px solid #ddd;border-right: 1px solid #ddd;transform: rotate(57.5deg) skew(30deg);}

.box_bu_list_m{display:flex;flex-direction:column;flex-wrap:wrap;width:calc(100% - 140px);}
.box_bu_list_m .bu_list{position:relative;display:flex;flex-wrap:wrap;flex-direction:row;width:100%;margin:-1px -1px 0 -1px;}
.box_bu_list_m .bu_list button{display:flex;justify-content:flex-start;align-items:center;width:calc(25% - 2px) !important;height:26px;font-size:12px;border-radius:8px;background:#f5f5f5;border:1px solid #ddd;letter-spacing: -1px;margin:1px;padding-left:6px;padding-top:2px;cursor:pointer;transition:all .3s;}
.box_bu_list_m .bu_list button span{color:red;font-weight:600;margin-right:8px;font-size:12px;}
.box_bu_list_m .bu_list button:hover{border:1px solid #ff9f00;background: #ff9f00;color:#fff;}
.box_bu_list_m .bu_list button:hover span{color:#fff;font-weight:600;margin-right:8px;font-size:12px;}



.btn_r_type_1{position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center;height:30px;font-size:14px;border-radius:8px;background:#f5f5f5;border:1px solid #ddd;letter-spacing: -1px;margin:1px;cursor:pointer;transition:all .3s;}
.btn_r_type_1:hover{text-decoration:none !important;border:1px solid #ff9f00;background:#ff9f00;color:#fff !important;}
.btn_r_type_1:hover i{color:#fff !important;}
.btn_r_type_1:link{text-decoration:none !important;}

.h100{height:100%;}
.m_right_10{margin-right:10px;}

.ru_title{display:inline-block;width:160px;height:30px;line-height:28px;font-size:13px;border-radius:8px;background:#f5f5f5;border:1px solid #ddd;letter-spacing: -1px;margin-bottom:5px;}

.btn_popup_on{display:inline-block;width:calc(100% - 2px);height:24px;line-height:21px;color:#424d65 !important;font-size:12px;text-align:center;border:1px solid #8b9dac;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffffff;background:#c0d6eb;margin:1px;transition:all .3s;}
.btn_popup_on:hover{background:#b8d0e6;}

.btn_popup_r{display:inline-block;width:calc(100% - 2px);line-height:21px;color:#424d65 !important;text-align:center;font-size:12px;border-radius:8px;background:#f5f5f5;border:1px solid #ddd;margin:1px;transition:all .3s;cursor: pointer;}
.btn_popup_r.f_red{color:red !important;}
.btn_popup_r.f_blue{color:blue !important;}
.btn_popup_r:hover{border:1px solid #ff9f00;background: #ff9f00;color:#fff !important;}
.btn_popup_r img{vertical-align:middle;margin-top:-3px;opacity:0.5;transition:all .3s;}

.btn_popup_r_default{display:inline-block;width:160px;height:30px;line-height:28px;color:#424d65 !important;font-size:14px;text-align:center;border:1px solid #a1b1be;border-radius:8px;box-shadow:inset 1px 1px 0px 0px #ffffff;background:#dfe9f2;transition:all .3s;cursor: pointer;}
.btn_popup_r_default.f_red{color:red !important;}
.btn_popup_r_default.f_blue{color:blue !important;}
.btn_popup_r_default:hover{background:#c9def1;}
.btn_popup_r_default img{vertical-align:middle;margin-top:-3px;opacity:0.5;transition:all .3s;}

.br_3{border-radius: 3px !important;}
.br_4{border-radius: 4px !important;}
.br_6{border-radius: 6px !important;}
.br_12{border-radius: 12px !important;}
.br_18{border-radius: 18px !important;}


/* 상단 */
.header{position:fixed;left:50%;top:0;z-index:1000;width:1260px;margin:0 0 0 -630px;}

/* 공통 */
.f_ns{font-family:'NanumSquare' !important;}
.f_ng{font-family:'Nanum Gothic' !important;}

.w_scroll_no{overflow-x:hidden !important;}/*min-height:500px;*/
.h_scroll_no{overflow-y:hidden !important;}

.dlineb{display:inline-block !important;}


.b_a_1{border:1px solid #b3c5d8;}

.wc_99{width:calc(100% - 1px);}
.wc_98{width:calc(100% - 2px);}
.hc_99{height:calc(100% - 1px) !important;}
.hc_98{height:calc(100% - 2px) !important;}
.list_scroll{position:relative;height:calc(100vh - 165px);min-height:500px;overflow:hidden;margin-right:-17px;overflow-y:auto;}
.scroll{position:relative;overflow:hidden;overflow-y:auto;}
.scroll_b{position:relative;overflow:hidden;overflow-y:auto;border-bottom:1px solid #b3c5d8;}
.popup_scroll{position:relative;overflow:hidden;overflow-y:auto;}
.oy_scroll{overflow-y: scroll}

.calh_11{height:calc(100vh - 139px);min-height:526px;}
.calh_10{height:calc(100% - 10px);min-height:calc(100% - 10px);}
.calh_58{height:calc(100% - 58px);min-height:calc(100% - 58px);}

.dblock{display:block !important;}
.diblock{display:inline-block !important;}

.bg_no{background:none !important;}
.dnonei{display:none !important;}
.blind{display:none;}

.overflow_h{overflow:hidden;}

.l_s-2{letter-spacing:-2px !important;}
.l_s-1{letter-spacing:-1px !important;}
.l_s-1_5{letter-spacing:-1.5px !important;}
.l_s-05{letter-spacing:-0.5px !important;}
.l_s-0{letter-spacing:0 !important;}
.l_s_1{letter-spacing:1px !important;}


.l_h_14{line-height:14px !important;}
.l_h_18{line-height:18px !important;}
.l_h_19{line-height:19px !important;}
.l_h_20{line-height:20px !important;}
.l_h_21{line-height:21px !important;}
.l_h_22{line-height:22px !important;}
.l_h_23{line-height:23px !important;}
.l_h_24{line-height:24px !important;}
.l_h_25{line-height:25px !important;}
.l_h_26{line-height:26px !important;}
.l_h_27{line-height:27px !important;}
.l_h_34{line-height:34px !important;}
.l_h_40{line-height:40px !important;}
.l_h_49{line-height:49px !important;}
.c_9{color:#999 !important;}
.c_a{color:#aaa !important;}
.c_n{color:#818080 !important;}

.op3{opacity:0.6;}


.v_middle{vertical-align: middle !important;}

.fw400{font-weight:400 !important;}

.f_grey{color:#818080 !important;}

.no_bg{background:none !important;}


.m_left_0{margin-left:0 !important;}

.w_40{width:40px !important;}
.w_60{width:60px !important;}
.w_65{width:65px !important;}
.w_66{width:66px !important;}
.w_70{width:70px !important;}
.w_80{width:80px !important;}
.w_87{width:87px !important;}
.w_90{width:90px !important;}
.w_100{width:100px !important;}
.w_110{width:110px !important;}
.w_115{width:115px !important;}
.w_120{width:120px !important;}
.w_130{width:130px !important;}
.w_140{width:140px !important;}
.w_150{width:150px !important;}
.w_160{width:160px !important;}
.w_180{width:180px !important;}
.w_190{width:190px !important;}
.w_210{width:210px !important;}
.w_222{width:222px !important;}
.w_226{width:226px !important;}
.w_253{width:253px !important;}
.w_260{width:260px !important;}
.w_270{width:270px !important;}
.w_273{width:273px !important;}
.w_276{width:276px !important;}
.w_299{width:299px !important;}
.w_300{width:300px !important;}
.w_520{width:520px !important;}
.w_610{width:610px !important;}
.w_620{width:620px !important;}

.p_left_15{padding-left:15px !important;}
.p_top_30{padding-top:30px !important;}


input.r_rblack[type="radio"]{display:none;}
input.r_rblack[type="radio"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#000;cursor:pointer;vertical-align:top;}
input.r_rblack[type="radio"]:checked + label {color:red;}
input.r_rblack[type="radio"] + label:before,
input.r_rblack[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #000;}
input.r_rblack[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_rblack[type="radio"]:checked + label:before{background:red;background-repeat:no-repeat;background-position:1px 0;border:1px solid red;}





/* 레이아웃 */
.d_flex{display:flex;}
.flex{position:relative;display:flex;justify-content:space-between;align-items:start;flex-direction:row;}
.ul_depth_list > li{margin-bottom:10px;}
.box_depth{display:flex;justify-content:start;align-items:start;flex-direction:row;flex-wrap:wrap;}
.depth_detail_plus{display:flex;width:100%;justify-content:space-between;align-items:start;flex-direction:row;}
.flex_layout{display:flex;flex-direction:row;}

.flex_layout i{font-style:normal !important;}

.relative{position:relative;}

/* flex 요소 */
.table_left_flex{display:flex;width:100%;height:100%;flex-direction:column;justify-content:flex-end;}
.table_left_flex span:nth-child(1){display:flex;min-height:24px;justify-content:center;align-items:center;line-height:1.6;flex-grow:1;}
.table_left_flex span:nth-child(2){display:flex;min-height:24px;justify-content:center;align-items:center;line-height:1.6;flex-grow:1;}


.justify_s{justify-content:flex-start !important;}
.justify_c{justify-content:center !important;}
.justify_e{justify-content:flex-end !important;}
.justify_sa{justify-content:space-around !important;}
.justify_sb{justify-content:space-between !important;}

.direction_c{flex-direction: column !important;}
.direction_r{flex-direction: row !important;}

.flex_g_0{flex-grow:0;}
.flex_g_1{flex-grow:1;}

.a_items_s{align-items:start;}
.a_items_e{align-items:flex-end;}
.a_items_c{align-items:center;}

.flex_wrap{flex-wrap:wrap;}

.m_right-17{margin-right:-17px;}
.m_top_-1{margin-top:-1px !important;}
.m_top_-2{margin-top:-2px !important;}
.m_top__2{margin-top:-10px;}
.m_bottom-24{margin-bottom:-24px;}
.f_green{color: #00b716 !important;}

.m_0{margin:0 !important;}

.z-1{z-index:-1 !important;}

/* 절대값 */
.left_0{left:0;}
.right_0{right:0;}

.flex_row{display:flex;flex-direction:row;justify-content:flex-start;}

.f_red{color:red !important;}
.f_blue{color:blue !important;}
.f_black{color:black !important;}

.f13{font-size:13px !important;}
.f14{font-size:14px !important;}

.h_22{height:22px !important;}
.h_23{height:23px !important;}
.h_24{height:24px !important;}
.h_25{height:25px !important;}
.h_26{height:26px !important;}
.h_27{height:27px !important;}
.h_28{height:28px !important;}
.h_29{height:29px !important;}
.h_30{height:30px !important;}
.h_32{height:32px !important;}
.h_37{height:37px !important;}
.h_38{height:38px !important;}
.h_39{height:39px !important;}
.h_40{height:40px !important;}
.h_46{height:46px !important;}
.h_47{height:47px !important;}
.h_49{height:49px !important;}
.h_50{height:50px !important;}
.h_55{height:55px !important;}
.h_71{height:73px !important;}
.h_79{height:79px !important;}
.h_100{height:100px !important;}




.p_a_0{padding:0 !important;}
.p_left_0{padding-left:0 !important;}

.bg_f1{background:#f1f1f1 !important;}

.l_h_18{line-height:18px !important;}
.l_h_19{line-height:19px !important;}
.l_h_28{line-height:28px !important;}

.fw_900{font-weight:600 !important;}

.p_3_5{padding:3px 5px !important;}
.p_3_7{padding:3px 7px !important;}

.op7{opacity: 0.7 !important;}

.r_0{border-radius: 0 !important;}
.r_12{border-radius: 12px !important;}

/* 테이블 작성 */
.table_write_1{border:1px solid #b3c5d8;table-layout:fixed !important;}
.table_write_1 thead th{vertical-align:top;line-height:26px;color:#818080;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;background:#f4f7fa;letter-spacing:-1px;}
.table_write_1 tbody th{vertical-align:top;line-height:26px;color:#818080;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;background:#f4f7fa;letter-spacing:-0.5px;padding-left:5px;}
.table_write_1 tbody th.check_g{background:#f8fcf4;}
.table_write_1 td{vertical-align:top;line-height:24px;color:#000;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_1 td > span{display:inline-block;/*width:100%;*/padding-left:5px;}
.table_write_1 td.check{background-color:#fefdf2;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_1 td.check_1{background-color:#f5fbfe;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_1 .check_2{background-color:#f0fcf3;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_1 .check_3{color:#fff !important;background-color:#7d8fd3;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_1 .check_4{background-color:#f8f2ac;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}

.table_write_1.first_t1 tbody tr:first-child th, .table_write_1.first_t1 tbody tr:first-child td{background:#000 !important;border-top:0 !important;}

.table_write_n{width:100%;border:1px solid #b3c5d8;table-layout:fixed;}
.table_write_n thead th{font-size:13px;vertical-align:top;line-height:26px;color:#818080;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;background:#f4f7fa;letter-spacing:-1px;}
.table_write_n tbody th{font-size:13px;vertical-align:top;line-height:26px;color:#818080;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;background:#f4f7fa;letter-spacing:-0.5px;padding-left:5px;}
.table_write_n tbody th.check_g{background:#f8fcf4;}
.table_write_n td{vertical-align:top;line-height:21px;font-size:13px;color:#000;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_n td i, .table_write_n td span{font-size:13px;}
.table_write_n td.check{background-color:#fefdf2;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_n td.check_1{background-color:#f5fbfe;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_n .check_2{background-color:#f0fcf3;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_n .check_3{color:#fff !important;background-color:#7d8fd3;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_n .check_4{background-color:#f8f2ac;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}

.div_th{display:inline-flex;justify-content:center;align-items:center;color:#818080;border-right:1px solid #dce4ec;background:#f4f7fa;letter-spacing:-1px;}

.table_write_bold{border:4px solid #ddd;table-layout:fixed !important;}
.table_write_bold thead th{vertical-align:top;line-height:26px;color:#818080;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;background:#f4f7fa;letter-spacing:-1px;}
.table_write_bold tbody th{vertical-align:top;line-height:26px;color:#818080;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;background:#f4f7fa;letter-spacing:-0.5px;padding-left:5px;}
.table_write_bold tbody th.check_g{background:#f8fcf4;}
.table_write_bold td{vertical-align:top;line-height:24px;color:#000;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_bold td > span{display:inline-block;/*width:100%;*/padding-left:5px;}
.table_write_bold td.check{background-color:#fefdf2;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_bold td.check_1{background-color:#f5fbfe;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_bold .check_2{background-color:#f0fcf3;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_bold .check_3{color:#fff !important;background-color:#7d8fd3;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.table_write_bold .check_4{background-color:#f8f2ac;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}

.trl{width: 50px;height: 108px;border-radius: 60px 0 0 60px;background:#ddd;}
.trr{width: 50px;height: 108px;border-radius: 0 60px 60px 0;background:#ddd;}

/*
.trl{width: 0;height: 0;border-top: 53px solid transparent;border-right: 30px solid #ddd;border-bottom: 53px solid transparent;}
.trr{width: 0;height: 0;border-top: 53px solid transparent;border-left: 30px solid #ddd;border-bottom: 53px solid transparent;}
*/


/* 테이블 작성 */
.table_type_1{width:100%;border:2px solid #ddd;table-layout:fixed;}
.table_type_1 thead th{vertical-align:middle;color:#000;line-height:16px;padding:5px 0;border-left:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f6f6f6;}
.table_type_1 tbody th{line-height:26px;color:#818080;border-left:1px solid #ddd;border-top:1px solid #ddd;background:#f6f6f6;letter-spacing:-0.5px;padding-left:5px;}
.table_type_1 tbody th.check_g{background:#f8fcf4;}

.table_type_1 td{line-height:16px;font-size:11px;border-left:1px solid #ddd;border-top:1px solid #dce4ec;letter-spacing: -1px;}
.table_type_1 td > span{display:inline-block;/*width:100%;*/padding-left:5px;}
.table_type_1 td.check{background-color:#fefdf2;border:0;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.table_type_1 td.check_1{background-color:#f5fbfe;border:0;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.table_type_1 .check_2{background-color:#f0fcf3;border:0;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.table_type_1 .check_3{color:#fff !important;background-color:#7d8fd3;border:0;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.table_type_1 .check_4{background-color:#f8f2ac;border:0;border-left:1px solid #dce4ec;border-top:1px solid #ddd;}
.table_type_1 tr:first-child th, .table_type_1 tr:first-child td{border-top:0 !important;}

.table_type_1.f13 td{line-height:16px;font-size:13px;border-left:1px solid #ddd;border-top:1px solid #dce4ec;letter-spacing: -1px;}

.btn_td{display:block;width:100%;height:100%;padding:5px 7px;text-decoration: none;color:#000;font-size:13px;}
.btn_td:hover{text-decoration: none;color:#000;}

.btn_td_1{display:flex;flex-direction:column;width:100%;height:100%;text-decoration: none;color:#000;font-size:13px;}
.btn_td_1:hover{text-decoration: none;color:#000;}


.btn_r_grey{display:inline-flex;justify-content:center;align-items:center;height:28px;font-size:13px;color:#555;border-radius:4px;background:#f5f5f5;border:1px solid #ddd;letter-spacing: -0.5px;margin:1px;cursor:pointer;text-align:center;transition:all .3s;}
.btn_r_grey:hover .f_blue, .btn_r_grey:hover .f_red{color:#fff !important;}
.btn_r_grey:hover{border:1px solid #ddd;background: #bbb;color:#fff;text-decoration: none;}
.btn_r_grey.f_blue:hover, .btn_r_grey.f_red:hover, .btn_r_grey.c_b:hover{color:#fff !important;}








.btn_r_red{display:inline-flex;justify-content:center;align-items:center;height:28px;font-size:13px;color:#fff;border-radius:4px;background: #f5716e;border:1px solid #ddd;letter-spacing: -0.5px;margin:1px;cursor:pointer;text-align:center;transition:all .3s;}
.btn_r_red:hover{border:1px solid #ddd;background: #f55b58;color:#fff;text-decoration: none;}

.btn_r_blue{display:inline-flex;justify-content:center;align-items:center;height:28px;font-size:13px;color:#fff;border-radius:4px;background: #79b5f5;border:1px solid #ddd;letter-spacing: -0.5px;margin:1px;cursor:pointer;text-align:center;transition:all .3s;}
.btn_r_blue:hover{border:1px solid #ddd;background: #75a5f5;color:#fff;text-decoration: none;}

.btn_r_grey_reverse{display:inline-flex;justify-content:center;align-items:center;height:28px;font-size:13px;color:#fff;border-radius:4px;background:#9a9a9a;border:1px solid #888;letter-spacing: -0.5px;margin:1px;cursor:pointer;text-align:center;transition:all .3s;}
.btn_r_grey_reverse:hover{color:#fff !important;background:#666;text-decoration: none;}

.btn_r_orange{display:inline-flex;justify-content:center;align-items:center;height:28px;font-size:13px;color:#fff !important;text-align:center;border:1px solid #be6801;border-radius:4px;background:#fd9a1a;margin:1px;transition:all .3s;}
.btn_r_orange:hover{background: #f88600;text-decoration: none;}

.btn_r_yellow{display:inline-flex;justify-content:center;align-items:center;height:28px;font-size:13px;text-align:center;border:1px solid #fcd200;border-radius:4px;background:#fbfc00;margin:1px;transition:all .3s;}
.btn_r_yellow:hover{background: #fcd200;text-decoration: none;}

.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.c_b{color:#bbb !important;}
.c_c{color:#ccc !important;}













/* 컨테이너 */
.container{position:relative;width:1260px;margin:0 auto;}/*min-height:calc(100vh - 121px);*/
.container_iframe{position:relative;max-width:1294px;height:calc(100% - 30px);margin:0 auto;}
.container_iframe div{height:100%;padding-left:17px;}

/* 하단 */
.footer{max-width:1260px;overflow:hidden;border-top:1px solid #000;margin:0 auto 5px;padding:5px 0;}
.footer > div{float:left;line-height:20px;font-size:12px;color:#999;font-family: 'NanumSquare' !important;}
.footer > div span{font-size:11px;}
.footer > div:nth-child(1){width:60%;padding-left:100px;}
.footer > div:nth-child(2){width:40%;padding-left:100px;}


/* 타이틀 */
h1{font-size:32px;text-align:center;color:#003b82;font-weight:700;}
h2{font-size:20px;font-weight:700;color:#000;margin-bottom:-18px;}
h3{position:relative;font-size:15px;font-weight:500;color:#000;margin-bottom:5px;letter-spacing:-1px;padding-left:15px;}
h3 .abs_right{position:absolute !important;right:0;top:0;vertical-align:middle;line-height:22px;}
h3:before{content:'';position:absolute;left:4px;top:4px;display:inline-block;width:4px;height:12px;border-radius:4px;background:#000;}
.h2_flex{display:inline-block;height:100%;font-size:20px;font-weight:700;color:#000;margin-top:10px;}
h4{position:relative;font-size:13px;font-weight:500;color:#000;margin-top:3px;margin-bottom:5px;}


/* 검색바 */
.search_list{width:100%;border:1px solid #b3c5d8 ;}
.search_list tbody th{line-height:26px;color:#818080;border-left:1px solid #dce4ec;border-bottom:1px solid #dce4ec;text-align:center;background:#f4f7fa;}
.search_list tbody tr:nth-child(1) th:nth-child(1){color:#000;font-weight:700;line-height:18px;}
.search_list td{color:#222222;border-left:1px solid #dce4ec;border-bottom:1px solid #dce4ec;text-align:center;}


/* 버튼 */
/*
.btn_popup{display:inline-block;width:100%;height:23px;line-height:21px;font-size:12px;background:#ddd;color:#000 !important;text-align:center;border:1px solid #bbb;border-radius:3px;transition:all .3s;}
.btn_popup:hover{background:#ccc;}
*/

.btn_popup{display:inline-block;width:calc(100% - 2px);line-height:21px;color:#424d65 !important;font-size:12px;text-align:center;border:1px solid #a1b1be;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffffff;background:#dfe9f2;margin:1px;transition:all .3s;cursor: pointer;text-decoration: none;}
.btn_popup.f_red{color:red !important;}
.btn_popup.f_blue{color:blue !important;}
.btn_popup:hover{background:#c9def1;text-decoration: none;}
.btn_popup img{vertical-align:middle;margin-top:-3px;opacity:0.5;transition:all .3s;}


.op5{opacity: 0.5;}
.op6{opacity: 0.6;}
.op7{opacity: 0.7;}
.op8{opacity: 0.8;}



.btn_popup_search{display:inline-block;float:left;width:calc(100% - 2px);height:24px;line-height:21px;color:#424d65 !important;font-size:12px;text-align:center;border:1px solid #a1b1be;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffffff;background:#dfe9f2 url('/images/common/icon_search.png') no-repeat center;margin:1px;transition:all .3s;}
.btn_popup_search:hover{background:#c9def1 url('/images/common/icon_search.png') no-repeat center;}

.btn_popup_reverse{display:inline-block;width:calc(100% - 2px);height:24px;line-height:21px;color:#fff !important;font-size:12px;text-align:center;border:1px solid #606d89;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #606d89;background:#424d65;margin:1px;transition:all .3s;}
.btn_popup_reverse:hover{background:#323d54;text-decoration: none;}


.btn_popup_reverse_1{display:inline-block;width:calc(100% - 2px);height:24px;line-height:21px;color:#fff !important;font-size:12px;text-align:center;border:1px solid #6a6a6a;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #707070;background: #787d82;margin:1px;transition:all .3s;}
.btn_popup_reverse_1:hover{background: #666;text-decoration: none;}

.btn_popup_reverse_2{display:inline-block;width:calc(100% - 2px);height:24px;line-height:21px;color:#555 !important;font-size:12px;text-align:center;border:1px solid #aaa;border-radius:2px;background: #ddd;margin:1px;transition:all .3s;}
.btn_popup_reverse_2:hover{background: #aaa;color:#fff !important;text-decoration: none;}

.btn_popup_reverse_2_auto{display:inline-block;height:24px;line-height:21px;color:#555 !important;font-size:12px;text-align:center;border:1px solid #aaa;border-radius:2px;background: #ddd;margin:1px;transition:all .3s;}
.btn_popup_reverse_2_auto:hover{background: #aaa;color:#fff !important;text-decoration: none;}


.btn_popup_reverse_3{display:inline-block;width:calc(100% - 2px);height:24px;line-height:21px;color:#fff !important;font-size:12px;text-align:center;border:1px solid #82878c;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #707070;background: #8f9499;margin:1px;transition:all .3s;}
.btn_popup_reverse_3:hover{background: #787d82;text-decoration: none;}


.btn_popup.down img{transform:rotate( 0deg );}
.btn_popup.up img{transform:rotate(180deg);}



.btn_sky{display:inline-block;float:left;width:calc(100% - 2px);height:24px;line-height:21px;color:#2e3a52 !important;font-size:12px;text-align:center;border:1px solid #1fbfbf;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ddffff;background:#66ffff;margin:1px;transition:all .3s;}
.btn_sky:hover{background:#55ecec;}

.btn_peach{display:inline-block;float:left;width:calc(100% - 2px);height:24px;line-height:21px;color:#2e3a52 !important;font-size:12px;text-align:center;border:1px solid #cb8a49;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #fff3e7;background:#ffcc99;margin:1px;transition:all .3s;}
.btn_peach:hover{background:#f3b577;}


.btn_peach.bg_sky{border:1px solid #1fbfbf;box-shadow:inset 1px 1px 0px 0px #ddffff}
.btn_peach.bg_sky:hover{background:#55ecec;}


.btn_gray{display:inline-block;float:left;width:calc(100% - 2px);height:24px;line-height:21px;color:#424d65 !important;font-size:12px;text-align:center;border:1px solid #a1b1be;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffffff;background:#ddd;margin:1px;transition:all .3s;}
.btn_gray:hover{background:#999;}
.btn_gray img{vertical-align:middle;margin-top:-3px;opacity:0.5;}


.btn_grey_1{display:inline-block;float:left;width:calc(100% - 2px);height:24px;line-height:21px;color:#fff !important;font-size:12px;text-align:center;border:1px solid #999;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ddd;background:#a6a6a6;margin:1px;transition:all .3s;}
.btn_grey_1:hover{background:#aaa;}
.btn_grey_1 img{vertical-align:middle;margin-top:-3px;opacity:0.5;}

.btn_popup_1{display:inline-block;float:left;width:30px;height:24px;line-height:20px;color:#424d65 !important;font-size:12px;text-align:center;border:1px solid #a1b1be;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffffff;background:#dfe9f2;margin:1px;transition:all .3s;}
.btn_popup_1:hover{background:#c9def1;}
.btn_popup_1 img{vertical-align:middle;margin-top:-3px;opacity:0.5;}

.btn_search{display:inline-block;width:calc(100% - 2px);line-height:49px;color:#424d65 !important;font-size:12px;font-weight:600;text-align:center;border:1px solid #a1b1be;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffffff;background:#dfe9f2;margin:1px;transition:all .3s;}
.btn_search:hover{background:#bdd4e8;}

.btn_aqua{display:inline-block;float:left;width:calc(100% - 2px);height:24px;line-height:21px;color:#424d65 !important;font-size:12px;text-align:center;border:1px solid #5ca9db;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffffff;background:#b0dcf7;margin:1px;transition:all .3s;}
.btn_aqua:hover{background:#9bcbe9;}
.btn_aqua img{vertical-align:middle;margin-top:-3px;opacity:0.5;}

.btn_menual{display:inline-block;width:70px;text-align:center;height:24px;line-height:21px;font-size:13px;color:#ff0000 !important;font-weight:300;}

.btn_blue{display:inline-block;float:left;width:calc(100% - 2px);height:24px;line-height:21px;color:#fff !important;font-size:12px;text-align:center;border:1px solid #0000ec;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #b7b7ff;background:#0000ff;margin:1px;transition:all .3s;}
.btn_blue:hover{background:#0000a4;}

.btn_dblue{display:inline-block;float:left;width:calc(100% - 2px);height:24px;line-height:21px;color:#fff !important;font-size:12px;text-align:center;border:1px solid #3a6ba0;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #8db5bf;background: #3a6ba0;margin:1px;transition:all .3s;}
.btn_dblue:hover{background: #385a8d;}

.btn_green{display:inline-block;float:left;width:calc(100% - 2px);height:24px;line-height:21px;color:#333 !important;font-size:12px;text-align:center;border:1px solid #009500;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #aad488;background:#00E000;margin:1px;transition:all .3s;}
.btn_green:hover{background:#00ce00;}

/*
.btn_green{display:inline-block;width:calc(100% - 2px);height:24px;line-height:21px;color:#fff !important;font-size:12px;text-align:center;border:1px solid #1e4002;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #aad488;background:#3f7612;margin:1px;transition:all .3s;}
.btn_green:hover{background:#35690a;}
.btn_aqua{display:inline-block;width:calc(100% - 2px);height:24px;line-height:20px;font-size:12px;color:#000 !important;text-align:center;border:1px solid #3facb5;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #e4fdff;background:#67eae2;margin:1px;transition:all .3s;}
.btn_aqua:hover{background: #00f2f2;}
*/

.btn_red{display:inline-block;float:left;width:calc(100% - 2px);;height:24px;line-height:20px;font-size:12px;color:#fff !important;text-align:center;border:1px solid #b03537;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffc5c5;background:#e66668;margin:1px;transition:all .3s;}
.btn_red:hover{background: #e60000;}

.btn_red_1{display:inline-block;float:left;width:calc(100% - 2px);;height:24px;line-height:20px;font-size:12px;color:#fff !important;text-align:center;border:1px solid #b03537;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffc5c5;background:#ff0000;margin:1px;transition:all .3s;}
.btn_red_1:hover{background: #e60000;}



.btn_yellow{display:inline-block;float:left;width:calc(100% - 2px);;height:24px;line-height:20px;font-size:12px;color:#fff !important;text-align:center;border:1px solid #be6801;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffc5c5;background:#fd9a1a;margin:1px;transition:all .3s;}
.btn_yellow:hover{background: #f88600;text-decoration: none;}

.btn_lemon{display:inline-block;float:left;width:calc(100% - 2px);;height:24px;line-height:20px;font-size:12px;color:#fff !important;text-align:center;border:1px solid #be9137;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffebc1;background: #fdc659;margin:1px;transition:all .3s;}
.btn_lemon:hover{background: #e2aa41;}

.text_link{display:block;float:left;width:100%;height:100%;text-align:center;}
.text_link_1{display:block;width:100%;height:26px;line-height:26px;text-align:center;cursor: pointer;}
.text_link_2{display:inline-block;height:26px;line-height:26px;text-align:center;background:none;cursor: pointer;}

/*
.btn_pink{display:inline-block;float:left;width:calc(100% - 2px);;height:24px;line-height:20px;font-size:12px;color:#fff !important;text-align:center;border:1px solid #e24fe2;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffc5c5;background:#f061f0;margin:1px;transition:all .3s;}
.btn_pink:hover{background:#f873f8;}
.btn_pink img{vertical-align:middle;margin-top:-3px;opacity:1;transition:all .3s;}

.btn_pink_light{display:inline-block;float:left;width:calc(100% - 2px);;height:24px;line-height:20px;font-size:12px;color:#fff !important;text-align:center;border:1px solid #e24fe2;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffc5c5;background: #f28cd7;margin:1px;transition:all .3s;}
.btn_pink_light:hover{background:#f873f8;}


.btn_pink_search{display:inline-block;float:left;width:calc(100% - 2px);;height:24px;line-height:20px;font-size:12px;color:#fff !important;text-align:center;border:1px solid #e24fe2;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffc5c5;background:#f061f0 url('/images/common/icon_search_w.png') no-repeat center;margin:1px;transition:all .3s;}
.btn_pink_search:hover{background:#f873f8 url('/images/common/icon_search_w.png') no-repeat center;}
*/

.list_sort_b.down{display:inline-block;width:100%;height:24px;background:url('/design/images/common/icon_down_double.png') no-repeat center center;opacity:0.6;}
.list_sort_b.up{display:inline-block;width:100%;height:24px;background:url('/design/images/common/icon_up_double.png') no-repeat center center;opacity:0.6;}



/* 폼양식 */
.input_n[type="text"]{-webkit-border-radius:0;-webkit-appearance:none;}
.input_n[type="password"]{-webkit-border-radius:0;-webkit-appearance:none;}
.input_n[type="checkbox"]{-webkit-border-radius:0;-webkit-appearance:none;}
select{-webkit-border-radius:0 !important;-webkit-appearance:none !important;}
select::-ms-expand {display:none !important;}

.input_n{width:100%;line-height:24px;color:#000;border:1px solid #fff;padding:0 0 0 5px;outline:none;vertical-align:bottom;}
.input_n:focus{border:1px solid #000;}
.input_n.no_focus:focus{border:0}
.input.on{background:#fefdf2;border:1px solid #fefdf2;}
.select{width:100%;color:#000;border:none;padding:0 17px 0 5px;outline:none;background:url('/img/icon_select.png') no-repeat;background-position:right center;}
.select:focus{border:1px solid #000;}


.select.on{background-color:#fefdf2;border:1px solid #fefdf2;}
.select_b{width:100%;height:26px;line-height:22px;color:#000;border:1px solid #fff;padding:0 17px 0 5px;outline:none;background-image:url('/img/icon_select.png');background-position:right center;background-repeat:no-repeat;}
.select_b:focus{border:1px solid #000;}
.textarea{width:100%;height:26px;line-height:19px;font-size:13px;color:#000;background:#fff;border:1px solid #fff;padding:0 0 0 5px;outline:none;vertical-align:bottom;}
.textarea:focus{border:1px solid #000;}
.textarea_n{float:left;width:100%;line-height:19px;font-size:13px;color:#000;background:#fff;border:1px solid #fff;padding:5px;outline:none;vertical-align:bottom;}
.textarea_n:focus{border:1px solid #000;}
.check{background-color:#fefdf2 !important;border:1px solid #fefdf2}
.check_2{background-color:#f5fbfe;border:1px solid #f5fbfe}
.td_on{background:#fefdf2;border:1px solid #fefdf2;}

/* 홀더 정의 */
.input_n::-webkit-input-placeholder {color: #bbb !important;font-weight:400 !important;}/* Webkit */
.input_n:-moz-placeholder {color: #bbb !important;font-weight:400 !important;}/* Firefox 4-18 */
.input_n::-moz-placeholder {color: #bbb !important;font-weight:400 !important;}/* Firefox 19+ */
.input_n:-ms-input-placeholder {color: #bbb !important;font-weight:400 !important;}/* IE10+ */

.input_n.placeholder_red::-webkit-input-placeholder {color: red !important;}/* Webkit */
.input_n.placeholder_red:-moz-placeholder {color: red !important;}/* Firefox 4-18 */
.input_n.placeholder_red::-moz-placeholder {color: red !important;}/* Firefox 19+ */
.input_n.placeholder_red:-ms-input-placeholder {color: red !important;}/* IE10+ */


select::-webkit-input-placeholder {color: #bbb !important;}/* Webkit */
select:-moz-placeholder {color: #bbb !important;}/* Firefox 4-18 */
select::-moz-placeholder {color: #bbb !important;}/* Firefox 19+ */
select:-ms-input-placeholder {color: #bbb !important;}/* IE10+ */

textarea::-webkit-input-placeholder {color: #bbb !important;}/* Webkit */
textarea:-moz-placeholder {color: #bbb !important;}/* Firefox 4-18 */
textarea::-moz-placeholder {color: #bbb !important;}/* Firefox 19+ */
textarea:-ms-input-placeholder {color: #bbb !important;}/* IE10+ */

.input_l_text{position:absolute;left:0px;top:0;line-height:26px;}
.input_l_text_1{position:absolute;left:5px;top:0;line-height:26px;}
.input_r_text{position:absolute;right:5px;top:0;line-height:26px;}
.input_r_text_1{position:absolute;right:5px;top:2px;}

.input_1{height:26px;line-height:24px;color:#000;border:1px solid #ccc;padding:0 5px;outline:none;vertical-align:bottom;vertical-align: middle;margin-top:-3px;}
.input_m{height:22px;line-height:22px;color:#000;background:#fff;border:1px solid #b3c5d8;padding:0 0;outline:none;vertical-align:bottom;vertical-align: middle;margin-top:-3px;}
.input_m1{height:22px;line-height:22px;color:#000;border:1px solid #b3c5d8;padding:0 0;outline:none;vertical-align:bottom;vertical-align: middle;margin-top:-3px;}
.input_s{height:18px;line-height:16px;color:#000;background:#fff;border:1px solid #b3c5d8;padding:0 0;outline:none;vertical-align:bottom;}

.box_img img{vertical-align:middle;}





/* 뎁스 */
.depth{border:1px solid #b3c5d8;table-layout:fixed;}
.depth thead tr th{position:relative;line-height:26px;color:#818080;border-left:1px solid #dce4ec;border-bottom:1px solid #dce4ec;text-align:center;background:#f4f7fa;}
.depth thead tr th:first-child{border-left:0;}
.depth tbody tr th{position:relative;line-height:26px;color:#818080;border-bottom:1px solid #dce4ec;text-align:center;background:#f4f7fa;}
.depth td{color:#000;border-left:1px solid #dce4ec;border-bottom:1px solid #dce4ec;text-align:left;}
.depth tbody tr td a{position:relative;display:block;width:100%;height:26px;line-height:26px;padding:0 5px;overflow:hidden;}
.depth td > a:hover{background:rgba(255, 255, 0, 0.13);}
.depth td > a.depth_on{background:#fbec88;}
.depth tbody tr:last-child th, .depth tbody tr:last-child td{border-bottom:0;}
.depth_on{background:#fbec88 !important;}
.depth_on_1{color:#fff !important;background-color:#7d8fd3 !important;}


.depth_detail{border:1px solid #b3c5d8;}
.depth_detail thead tr th{line-height:26px;color:#818080;background:#f4f7fa;border-bottom:1px solid #dce4ec;border-left:1px solid #dce4ec;text-align:center;}
.depth_detail tbody tr th{position:relative;color:#818080;border-left:1px solid #dce4ec;border-bottom:1px solid #fff;text-align:center;background:#fff;}
.depth_detail thead tr th:first-child{border-left:0;}
.depth_detail tbody tr th:first-child{border-left:0;}
.depth_detail td{position:relative;font-size:13px;color:#818080;border-left:1px solid #dce4ec;border-bottom:1px solid #dce4ec;text-align:center;}
.depth_detail td a img{vertical-align:middle;}/*width:100px !important;height:100px !important;*/
.depth_detail tbody tr:last-child th, .depth tbody tr:last-child td{border-bottom:0;}


/* 테이블 */
.table_fix{position:absolute;right:0;top:0;}
.table_fix td{line-height:24px;color:#000;border-left:1px solid #dce4ec;text-align:center;border-bottom:1px solid #dce4ec;}

.table_in{position:absolute;left:0;bottom:0;width:100%;table-layout:fixed;vertical-align:top;border-top:1px solid #dce4ec;}
.table_in td{color:#818080;border-left:1px solid #fff;text-align:center;border-bottom:0;}
.table_in tr td:first-child{border-left:0;}

.table_in_1{position:absolute;left:0;bottom:0;width:100%;table-layout:fixed;vertical-align:top;}
.table_in_1 tbody tr th{line-height:26px;color:#818080;border-left:1px solid #dce4ec;text-align:left;border-bottom:0;background:#f4f7fa;letter-spacing:-0.5px;padding-left:5px;}
.table_in_1 tbody tr td{line-height:24px;color:#000;border-left:1px solid #dce4ec;text-align:left;border-bottom:0;}
.table_in_1 tbody tr th:first-child, .table_in_1 tbody tr td:first-child{border-left:0 !important;}
.table_in_1 tbody th, .table_in_1 tbody td{border-top:1px solid #dce4ec;}

.table_in_2{width:100%;vertical-align:top;border-top:1px solid #dce4ec;}
.table_in_2 th{background:#f4f7fa !important;}
.table_in_2 td{color:#818080;border-left:1px solid #fff;text-align:center;border-bottom:0;}
.table_in_2 tr td:first-child{border-left:0;}


.depth_detail_plus_table{border:1px solid #b3c5d8;border-bottom:0;}
.depth_detail_plus_table th{line-height:26px;color:#818080;text-align:center;background:#f4f7fa;;}
.depth_detail_plus_table td{line-height:24px;color:#818080;border-left:1px solid #dce4ec;text-align:center;}



/* 테이블 리스트 */
.table_list{border:1px solid #b3c5d8;table-layout:fixed;}
.table_list thead tr th{line-height:26px;color:#818080;background:#f4f7fa;border-bottom:1px solid #dce4ec;border-left:1px solid #dce4ec;text-align:center;}
.table_list tbody tr th{position:relative;color:#818080;border-left:1px solid #dce4ec;border-bottom:1px solid #fff;text-align:center;background:#fff;}
.table_list thead tr th:first-child{border-left:0;}
.table_list tbody tr th:first-child{border-left:0;}
.table_list td{position:relative;height:26px;min-height:26px;font-size:13px;color:#000;border-left:1px solid #dce4ec;border-bottom:1px solid #dce4ec;padding:0 5px;}
.table_list tr td:first-child{border-left:0;}
.table_list td a img{width:100px !important;height:100px !important;vertical-align:middle;}
.table_list tbody tr:last-child th, .table_list tbody tr:last-child td{border-bottom:0;}

.table_list_1{border:1px solid #b3c5d8;table-layout:fixed;}
.table_list_1 thead tr th{line-height:26px;color:#818080;background:#f4f7fa;border-bottom:1px solid #dce4ec;border-left:1px solid #dce4ec;text-align:center;}
.table_list_1 tbody tr th{position:relative;color:#818080;border-left:1px solid #dce4ec;border-top:1px solid #fff;text-align:center;background:#fff;}
.table_list_1 thead tr th:first-child{border-left:0;}
.table_list_1 td{position:relative;height:28px;font-size:13px;color:#000;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;padding:5px 5px;}
.table_list_1 td a img{width:100px !important;height:100px !important;vertical-align:middle;}
.table_list_1 tbody tr:nth-child(1) td{border-top:0;}



/* 테이블 작성 */
.table_write{width:100%;border:1px solid #b3c5d8;table-layout:fixed;}
.table_write thead th{line-height:26px;color:#818080;border-left:1px solid #dce4ec;border-bottom:1px solid #dce4ec;text-align:center;background:#f4f7fa;letter-spacing:-1px;}
.table_write tbody th{line-height:26px;color:#818080;border-left:1px solid #dce4ec;border-bottom:1px solid #dce4ec;text-align:left;background:#f4f7fa;letter-spacing:-0.5px;padding-left:5px;}
.table_write td{line-height:24px;color:#818080;border-left:1px solid #dce4ec;border-bottom:1px solid #dce4ec;text-align:left;}
.table_write span{display:inline-block;width:100%;padding-left:5px;}


/* .bg_yellow{background-color:#ffff00;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;} */
.bg_yellow{background-color:#ffff00 !important;}
.bg_light_yellow{background-color:#ffffcc !important;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.bg_light_yellow_nb{background-color:#ffffcc;}
.bg_light_yellow_nb_1{background-color:#ffffcc;border:0;border-left:1px solid #ffffcc;border-top:1px solid #ffffcc;}
/*.bg_pink{background-color:pink;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}*/
.bg_light_pink{background-color:#ffcccc;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.bg_aqua{background-color:#66ffff;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.bg_light_aqua{background-color:#ccffff;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;}
.bg_yellow_input{background-color:#ffff00;border:1px solid #ffff00;}
.bg_blue1{background-color:blue !important;}
.bg_th{background-color:#f4f7fa !important;}


.bg_sky{background-color:#66ffff;}
.bg_peach{background-color:#ffcc99;}
.bg_line{background:#f4f7fa;}
.bg_line_img{background:url('/images/common/bg_line.jpg') repeat-x left 106px;}
.bg_line_img_100{background:url('/images/common/bg_line.jpg') repeat-x left 100px;}
.bg_line_img_103{background:url('/images/common/bg_line.jpg') repeat-x left 103px;}
.bg_line_img_106{background:url('/images/common/bg_line.jpg') repeat-x left 106px;}
.bg_line_img_107{background:url('/images/common/bg_line.jpg') repeat-x left 107px;}

.bg_KR{background-color:#4551f2;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;color:#fff !important;}
.bg_NO{background-color:#ff4141;border:0;border-left:1px solid #dce4ec;border-top:1px solid #dce4ec;color:#fff !important;}

.table_write_1.top_line_no tr:nth-child(1) th, .table_write_1.top_line_no tr:nth-child(1) td{border-top:0;}
.table_write_1.t_img tr td a img{vertical-align:middle;}
.table_write_1.f_black tbody th{color:#000;}


/* 테이블 상세 글 */
.table_layout{width:100%;border:0;table-layout:fixed;}
.table_layout th{color:#818080;font-size:13px;text-align:left !important;border:0 !important;vertical-align:top;padding:3px 0 3px 5px;}
.table_layout td{font-size:13px;text-align:left;border:0 !important;;vertical-align:top;padding:4px 0;}
.table_layout span{text-align:left;}
.table_layout_1{width:100%;border:1px solid #fff;table-layout:fixed;}
.table_layout_1 td{line-height:24px;color:#818080;border-bottom:1px solid #fff;text-align:left;}

.table_layout_2{width:100%;border:1px solid #b3c5d8;table-layout:fixed;}

.table_layout_3{width:100%;table-layout:fixed;}/*border:1;*/
.table_layout_3 th{color:#818080;font-size:11px;text-align:left !important;line-height:13px !important;border:0 !important;vertical-align:top;padding:3px 0 3px 5px;}
.table_layout_3 td{font-size:11px;text-align:left;border:0 !important;line-height:13px !important;vertical-align:top;padding:4px 0;}
.table_layout_3 span{text-align:left;}
.table_layout_3 td.b_l_1{border-left:1px solid #999 !important}
.table_layout_3 th.b_t_1, .table_layout_3 td.b_t_1{border-top:1px solid #999 !important}
.table_layout_3 th.texa_c{text-align:center !important;}

.table_layout_4{width:100%;border:1px solid #ffffff;border-collapse: collapse;}
.table_layout_4 td{border:1px solid #fff !important;}
.table_layout_4 td{border:0;font-size:12px;height:23px;line-height:23px;}

.table_layout_5{width:100%;border:0;border-collapse: collapse;}
.table_layout_5 td{border:0;}

.table_layout_6{border-spacing:0 !important;}
.table_layout_6 td{border:0;background:none;padding:0;}


.input_ck[type="checkbox"]{display:none !important;}
.input_ck[type="checkbox"] + label{position:relative;display:inline-block;height:30px;line-height:30px;padding:0 0 0 30px;color:#777;font-size:13px;cursor:pointer;}
.input_ck[type="checkbox"]:checked + label {color:#000;}
.input_ck[type="checkbox"] + label:before,
.input_ck[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:20px;height:20px;border:1px solid #999;border-radius:3px;background: #f7f7f7;}
.input_ck[type="checkbox"] + label:before{}
.input_ck[type="checkbox"]:checked + label:before{background:#283bae url('/img/icon_checked.png') no-repeat center top;border:1px solid #283bae;border-radius:3px}

input.i_red[type="checkbox"]{display:none;}
input.i_red[type="checkbox"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#000;cursor:pointer;vertical-align:top;}
input.i_red[type="checkbox"]:checked + label {color:#ff0000;}
input.i_red[type="checkbox"] + label:before,
input.i_red[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #333;}
input.i_red[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input.i_red[type="checkbox"]:checked + label:before{background-image:url('../images/common/icon_checked.png');background-repeat:no-repeat;background-position:1px 0;border:1px solid #333;}

input.i_blue[type="checkbox"]{display:none;}
input.i_blue[type="checkbox"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#000;cursor:pointer;vertical-align:top;}
input.i_blue[type="checkbox"]:checked + label {color:blue;}
input.i_blue[type="checkbox"] + label:before,
input.i_blue[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #333;}
input.i_blue[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input.i_blue[type="checkbox"]:checked + label:before{background-image:url('../images/common/icon_checked.png');background-repeat:no-repeat;background-position:1px 0;border:1px solid #333;}


input[type="radio"]{display:none;}
input[type="radio"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#000;cursor:pointer;vertical-align:top;}
input[type="radio"]:checked + label {color:#000;}
input[type="radio"] + label:before,
input[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #333;}
input[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input[type="radio"]:checked + label:before{background-image:url('../images/common/icon_checked.png');background-repeat:no-repeat;background-position:1px 0;border:1px solid #333;}

input.i_red[type="radio"]{display:none;}
input.i_red[type="radio"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#000;cursor:pointer;vertical-align:top;}
input.i_red[type="radio"]:checked + label {color:#ff0000;}
input.i_red[type="radio"] + label:before,
input.i_red[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #333;}
input.i_red[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input.i_red[type="radio"]:checked + label:before{background-image:url('../images/common/icon_checked.png');background-repeat:no-repeat;background-position:1px 0;border:1px solid #333;}

input.i_red_b[type="radio"]{display:none;}
input.i_red_b[type="radio"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#000;cursor:pointer;vertical-align:top;}
input.i_red_b[type="radio"]:checked + label {color:#ff0000;font-weight: bold;}
input.i_red_b[type="radio"] + label:before,
input.i_red_b[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #333;}
input.i_red_b[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input.i_red_b[type="radio"]:checked + label:before{background-image:url('../images/common/icon_checked.png');background-repeat:no-repeat;background-position:1px 0;border:1px solid #333;}

input.i_blue[type="radio"]{display:none;}
input.i_blue[type="radio"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#000;cursor:pointer;vertical-align:top;}
input.i_blue[type="radio"]:checked + label {color:blue;}
input.i_blue[type="radio"] + label:before,
input.i_blue[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #333;}
input.i_blue[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input.i_blue[type="radio"]:checked + label:before{background-image:url('../images/common/icon_checked.png');background-repeat:no-repeat;background-position:1px 0;border:1px solid #333;}

.upload-hidden{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0);border:0;}
.upload-name{-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;}






input.r_black[type="radio"]{display:none;}
input.r_black[type="radio"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#000;cursor:pointer;vertical-align:top;}
input.r_black[type="radio"]:checked + label {color:#000;}
input.r_black[type="radio"] + label:before,
input.r_black[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #000;}
input.r_black[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_black[type="radio"]:checked + label:before{background:#000;background-repeat:no-repeat;background-position:1px 0;border:1px solid #333;}

input.r_red[type="radio"]{display:none;}
input.r_red[type="radio"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:red;cursor:pointer;vertical-align:top;}
input.r_red[type="radio"]:checked + label {color:red;}
input.r_red[type="radio"] + label:before,
input.r_red[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid red;}
input.r_red[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_red[type="radio"]:checked + label:before{background:red;background-repeat:no-repeat;background-position:1px 0;border:1px solid red;}

input.r_blue[type="radio"]{display:none;}
input.r_blue[type="radio"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:blue;cursor:pointer;vertical-align:top;}
input.r_blue[type="radio"]:checked + label {color:blue;}
input.r_blue[type="radio"] + label:before,
input.r_blue[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid blue;}
input.r_blue[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_blue[type="radio"]:checked + label:before{background:blue;background-repeat:no-repeat;background-position:1px 0;border:1px solid blue;}

input.r_black[type="checkbox"]{display:none;}
input.r_black[type="checkbox"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#000;cursor:pointer;vertical-align:top;}
input.r_black[type="checkbox"]:checked + label {color:#000;}
input.r_black[type="checkbox"] + label:before,
input.r_black[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #000;}
input.r_black[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_black[type="checkbox"]:checked + label:before{background:#000;background-repeat:no-repeat;background-position:1px 0;border:1px solid #333;}

input.r_red[type="checkbox"]{display:none;}
input.r_red[type="checkbox"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:red;cursor:pointer;vertical-align:top;}
input.r_red[type="checkbox"]:checked + label {color:red;}
input.r_red[type="checkbox"] + label:before,
input.r_red[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid red;}
input.r_red[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_red[type="checkbox"]:checked + label:before{background:red;background-repeat:no-repeat;background-position:1px 0;border:1px solid red;}

input.r_blue[type="checkbox"]{display:none;}
input.r_blue[type="checkbox"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:blue;cursor:pointer;vertical-align:top;}
input.r_blue[type="checkbox"]:checked + label {color:blue;}
input.r_blue[type="checkbox"] + label:before,
input.r_blue[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid blue;}
input.r_blue[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_blue[type="checkbox"]:checked + label:before{background:blue;background-repeat:no-repeat;background-position:1px 0;border:1px solid blue;}

input.r_bblack[type="radio"]{display:none;}
input.r_bblack[type="radio"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#000;cursor:pointer;vertical-align:top;}
input.r_bblack[type="radio"]:checked + label {color:blue;}
input.r_bblack[type="radio"] + label:before,
input.r_bblack[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #000;}
input.r_bblack[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_bblack[type="radio"]:checked + label:before{background:blue;background-repeat:no-repeat;background-position:1px 0;border:1px solid blue;}

input.r_bblack_1[type="checkbox"]{display:none;}
input.r_bblack_1[type="checkbox"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:blue;cursor:pointer;vertical-align:top;}
input.r_bblack_1[type="checkbox"]:checked + label {color:blue;}
input.r_bblack_1[type="checkbox"] + label:before,
input.r_bblack_1[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #000;}
input.r_bblack_1[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_bblack_1[type="checkbox"]:checked + label:before{background:blue;background-repeat:no-repeat;background-position:1px 0;border:1px solid blue;}


input.r_rblack[type="checkbox"]{display:none;}
input.r_rblack[type="checkbox"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#000;cursor:pointer;vertical-align:top;}
input.r_rblack[type="checkbox"]:checked + label {color:red;}
input.r_rblack[type="checkbox"] + label:before,
input.r_rblack[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #000;}
input.r_rblack[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_rblack[type="checkbox"]:checked + label:before{background:red;background-repeat:no-repeat;background-position:1px 0;border:1px solid red;}

input.r_rblack[type="radio"]{display:none;}
input.r_rblack[type="radio"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#000;cursor:pointer;vertical-align:top;}
input.r_rblack[type="radio"]:checked + label {color:red;}
input.r_rblack[type="radio"] + label:before,
input.r_rblack[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #000;}
input.r_rblack[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_rblack[type="radio"]:checked + label:before{background:red;background-repeat:no-repeat;background-position:1px 0;border:1px solid red;}

input.r_rblack_1[type="radio"]{display:none;}
input.r_rblack_1[type="radio"] + label{position:relative;display:inline-block;height:44px;padding:20px 0 0 0;color:#000;cursor:pointer;vertical-align:top;}
input.r_rblack_1[type="radio"]:checked + label {color:red;}
input.r_rblack_1[type="radio"] + label:before,
input.r_rblack_1[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:50%;top:5px;width:12px;height:12px;border:1px solid #000;margin:0 0 0 -6px}
input.r_rblack_1[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_rblack_1[type="radio"]:checked + label:before{background:red;background-repeat:no-repeat;background-position:1px 0;border:1px solid red;}

input.r_rblack_1[type="checkbox"]{display:none;}
input.r_rblack_1[type="checkbox"] + label{position:relative;display:inline-block;height:44px;padding:20px 0 0 0;color:#000;cursor:pointer;vertical-align:top;}
input.r_rblack_1[type="checkbox"]:checked + label {color:red;}
input.r_rblack_1[type="checkbox"] + label:before,
input.r_rblack_1[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:50%;top:5px;width:12px;height:12px;border:1px solid #000;margin:0 0 0 -6px}
input.r_rblack_1[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_rblack_1[type="checkbox"]:checked + label:before{background:red;background-repeat:no-repeat;background-position:1px 0;border:1px solid red;}




input.r_bblue_1[type="checkbox"]{display:none;}
input.r_bblue_1[type="checkbox"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:blue;cursor:pointer;vertical-align:top;}
input.r_bblue_1[type="checkbox"]:checked + label {color:blue;}
input.r_bblue_1[type="checkbox"] + label:before,
input.r_bblue_1[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid blue;}
input.r_bblue_1[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_bblue_1[type="checkbox"]:checked + label:before{background:blue;background-repeat:no-repeat;background-position:1px 0;border:1px solid blue;}

input.r_bblack_1[type="checkbox"]{display:none;}
input.r_bblack_1[type="checkbox"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#000;cursor:pointer;vertical-align:top;}
input.r_bblack_1[type="checkbox"]:checked + label {color:#000;}
input.r_bblack_1[type="checkbox"] + label:before,
input.r_bblack_1[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #000;}
input.r_bblack_1[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_bblack_1[type="checkbox"]:checked + label:before{background:#000;background-repeat:no-repeat;background-position:1px 0;border:1px solid #000;}

input.r_bred_1[type="checkbox"]{display:none;}
input.r_bred_1[type="checkbox"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:red;cursor:pointer;vertical-align:top;}
input.r_bred_1[type="checkbox"]:checked + label {color:red;}
input.r_bred_1[type="checkbox"] + label:before,
input.r_bred_1[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid red;}
input.r_bred_1[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_bred_1[type="checkbox"]:checked + label:before{background:red;background-repeat:no-repeat;background-position:1px 0;border:1px solid red;}




/* 인증 BOM용 818080 */
input.r_gblue[type="radio"]{display:none;}
input.r_gblue[type="radio"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#818080;cursor:pointer;vertical-align:top;}
input.r_gblue[type="radio"]:checked + label {color:blue;}
input.r_gblue[type="radio"] + label:before,
input.r_gblue[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #818080;}
input.r_gblue[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_gblue[type="radio"]:checked + label:before{background:blue;background-repeat:no-repeat;background-position:1px 0;border:1px solid blue;}

input.r_gred[type="radio"]{display:none;}
input.r_gred[type="radio"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#818080;cursor:pointer;vertical-align:top;}
input.r_gred[type="radio"]:checked + label {color:red;}
input.r_gred[type="radio"] + label:before,
input.r_gred[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #818080;}
input.r_gred[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_gred[type="radio"]:checked + label:before{background:red;background-repeat:no-repeat;background-position:1px 0;border:1px solid red;}


input.r_gblue[type="checkbox"]{display:none;}
input.r_gblue[type="checkbox"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#818080;cursor:pointer;vertical-align:top;}
input.r_gblue[type="checkbox"]:checked + label {color:blue;}
input.r_gblue[type="checkbox"] + label:before,
input.r_gblue[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #818080;}
input.r_gblue[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_gblue[type="checkbox"]:checked + label:before{background:blue;background-repeat:no-repeat;background-position:1px 0;border:1px solid blue;}

input.r_gred[type="checkbox"]{display:none;}
input.r_gred[type="checkbox"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#818080;cursor:pointer;vertical-align:top;}
input.r_gred[type="checkbox"]:checked + label {color:red;}
input.r_gred[type="checkbox"] + label:before,
input.r_gred[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #818080;}
input.r_gred[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_gred[type="checkbox"]:checked + label:before{background:red;background-repeat:no-repeat;background-position:1px 0;border:1px solid red;}



input.r_g[type="radio"]{display:none;}
input.r_g[type="radio"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 18px;color:#818080;cursor:pointer;vertical-align:top;}
input.r_g[type="radio"]:checked + label {color:#000;}
input.r_g[type="radio"] + label:before,
input.r_g[type="radio"]:checked + label:before{content:"";position:absolute;display:block;left:0;top:5px;width:12px;height:12px;border:1px solid #818080;}
input.r_g[type="radio"] + label:before{background-color:rgba(255,255,255, .5);}
input.r_g[type="radio"]:checked + label:before{background-image:url('../images/common/icon_checked.png');background-repeat:no-repeat;background-position:1px 0;border:1px solid #333;}


/* 자산계정 선택 */
.btn_select{display:inline-block;float:left;width:100%;height:26px;color:#000 !important;background:#fff url('/design/images/common/icon_select.png') no-repeat center right !important;padding:0 20px 0 5px;}
.btn_select:hover{background:#fff url('/design/images/common/icon_select.png') no-repeat center right !important;}
.select_list{position:absolute;right:-134px;top:-57px;z-index:100;display:none;width:134px;border:1px solid #000;background:#fff;padding:10px 10px;box-shadow:0 0 10px 5px rgba(0, 0, 0, .1);}
/*.select_list{position:fixed;left:50%;top:50%;z-index:100;display:none;width:134px;border:1px solid #000;background:#fff;padding:10px 10px;margin:-190px 0 0 -67px;box-shadow:0 0 10px 5px rgba(0, 0, 0, .1);}*/
/*.select_list{position:absolute;left:0;top:26px;z-index:100;display:none;width:100%;border:1px solid #000;background:#fff;padding:10px 10px;}*/



/* 리스트 */
.ul_list_01 li{position:relative;line-height:1.3;font-size:13px;margin-bottom:20px;padding-left:17px;}
.ul_list_01 li:before{content:'○';position:absolute;left:0;top:-2px;font-size:13px;}

.ul_list_01_1 li{position:relative;line-height:21px;font-size:13px;margin-bottom:5px;padding-left:17px;}
.ul_list_01_1 li:before{content:'○';position:absolute;left:0;top:-1px;font-size:13px;}

.ul_list_02 li{position:relative;line-height:20px;font-size:13px;margin-bottom:20px;padding-left:10px;color:#aaa;}
.ul_list_02 li:before{content:'*';position:absolute;left:0;top:2px;font-size:13px;}

.ul_list_03 li{position:relative;min-height:27px;line-height:26px;font-size:13px;padding-left:10px;color:#000;}
.ul_list_03 li:before{content:'*';position:absolute;left:0;top:2px;font-size:13px;}
.ul_list_03 li.n_before:before{display:none;}

.ul_list_03_1 li{position:relative;min-height:26px;line-height:26px;font-size:13px;padding-left:15px;color:#000;}
.ul_list_03_1 li:before{content:'○';position:absolute;left:0;top:-1px;font-size:13px;}
.ul_list_03_1 li.n_before:before{display:none;}

.ul_list_04{margin-top:2px;}
.ul_list_04 li{overflow:hidden;text-align:left;}
.ul_list_04 li em{float:left;display:inline-block;color:#818080;font-size:13px;text-align:left;line-height:1.2;padding:5px 8px 5px 5px;}
.ul_list_04 li span{float:left;display:inline-block;font-size:13px;text-align:left;line-height:1.2;padding:5px 30px 5px 0;}

.ul_list_04_1{}
.ul_list_04_1 li{overflow:hidden;text-align:left;}
.ul_list_04_1 li em{float:left;display:inline-block;color:#818080;font-size:13px;text-align:left;line-height:1.2;padding:5px 8px 5px 5px;}
.ul_list_04_1 li span{float:left;display:inline-block;font-size:13px;text-align:left;line-height:1.2;padding:5px 30px 5px 0;}

.ul_list_05{margin-top:2px;margin-bottom:2px;}
.ul_list_05 li{overflow:hidden;text-align:left;padding:2px 0;}

.ul_list_06{margin-top:2px;text-align:left;}
.ul_list_06 li{overflow:hidden;text-align:left;}
.ul_list_06 li div{display:inline-block;padding:4px 10px 4px 5px;}
.ul_list_06.hp_1 li div{display:inline-block;padding:0px 10px 0px 5px;}
.ul_list_06 li:first-child div{padding-top:2px;}
.ul_list_06 li em{color:#818080;font-size:13px;text-align:left;line-height:1.2;}
.ul_list_06 li span{font-size:13px;text-align:left;line-height:1.2;}

.ul_list_07{margin-top:2px;text-align:left;}
.ul_list_07 li{overflow:hidden;text-align:left;}
.ul_list_07 li div{display:inline-block;padding:4px 10px 4px 5px;}
.ul_list_07.hp_1 li div{display:inline-block;padding:0px 10px 0px 5px;}
.ul_list_07 li:first-child div{padding-top:2px;}
.ul_list_07 li em{color:#818080;font-size:13px;text-align:left;line-height:1.2;}
.ul_list_07 li span{font-size:13px;text-align:left;line-height:1.2;}

.ul_table_list_10{}
.ul_table_list_10 li{padding-bottom:10px;}
.ul_table_list_10 li:last-child{padding-bottom:0;}


/* 페이지넘
.number_list{display: flex; justify-content: center;align-items: center; width: 100%;}
.number_list a{display:inline-block;}
.number_list span.prev a{width: 27px; height: 27px; background:url('/design/images/common/img_page_prev.gif') no-repeat;text-indent:-9999px;margin:0 3px;}
.number_list span.next a{width: 27px; height: 27px; background:url('/design/images/common/img_page_next.gif') no-repeat;text-indent:-9999px;margin:0 3px;}
.number_list span.first a{width: 27px; height: 27px; background:url('/design/images/common/img_page_first.gif') no-repeat;text-indent:-9999px;margin:0 3px;}
.number_list span.end a{width: 27px; height: 27px; background:url('/design/images/common/img_page_end.gif') no-repeat;text-indent:-9999px;margin:0 3px;}
.number_list > a{font-size:13px;color: #999; padding:8px;vertical-align: middle;margin:2px;}
.number_list > a.on, .number_list > a:hover{font-size:13px;color: #000; padding:8px;font-weight:600;background:#f7f7f7;}
*/

/* 팝업 */
/*  팝업타이틀 */
.popup_title{text-align:center;border-bottom:1px solid #dce4ec;background:#f4f7fa;margin-bottom:10px;box-shadow:0 0 1px 1px rgba(0,0,0, .02);}
.popup_title em{display:inline-block;line-height:30px;font-size:16px;color:#000;font-weight:700;}

/* 원산지 포괄 확인서 */
.layout_2row{display:flex;height:calc(100% - 41px);justify-content:space-between;align-items:start;flex-direction:row;padding:0 10px 0 23px;}

.table_list_p{border:1px solid #b3c5d8;}
.table_list_p tbody tr th{position:relative;color:#818080;border-left:1px solid #dce4ec;border-bottom:1px solid #dce4ec;text-align:left;background:#f4f7fa;padding-left:5px;}
.table_list_p tbody td{position:relative;line-height:24px;font-size:13px;color:#818080;border-left:1px solid #dce4ec;border-bottom:1px solid #dce4ec;text-align:left;padding-left:5px;}
.table_list_p tbody td a img{width:100px !important;height:100px !important;vertical-align:middle;}


/* 이미지 사이즈 */
.max_w_96{max-width:96px !important;}
.max_h_96{max-height:96px !important;}
.max_w_98{max-width:98px !important;}
.max_h_98{max-height:98px !important;}
.max_w_100{max-width:100px !important;}
.max_h_100{max-height:100px !important;}
.max_w_101{max-width:101px !important;}
.max_h_101{max-height:101px !important;}
.max_w_102{max-width:102px !important;}
.max_h_102{max-height:102px !important;}
.max_w_103{max-width:103px !important;}
.max_h_103{max-height:103px !important;}
.max_w_104{max-width:104px !important;}
.max_h_104{max-height:104px !important;}
.max_w_105{max-width:105px !important;}
.max_h_105{max-height:105px !important;}
.max_w_110{max-width:110px !important;}
.max_h_110{max-height:110px !important;}
.max_w_112{max-width:112px !important;}
.max_h_112{max-height:112px !important;}
.max_w_114{max-width:114px !important;}
.max_h_114{max-height:114px !important;}
.max_w_124{max-width:124px !important;}
.max_h_124{max-height:124px !important;}
.max_w_172{max-width:172px !important;}
.max_h_172{max-height:172px !important;}

/* 메인 */
.login_menu{overflow:hidden;border:1px solid #b3c5d8;}
.login_menu li{float:left;width:33.33333%;}

.customer_menu{position:absolute;right:0;top:0;width:60px;height:157px;border:1px solid #b3c5d8;}
.customer_menu li{width:100%;height:33.33333%;}
.customer_menu li a{font-family:'NanumSquare' !important;}

.m_banner{display:flex;justify-content:space-around;align-items:center;flex-direction:row;flex-wrap:wrap;width:316px;height:auto;text-align:center;padding:5px 0;border:1px dotted #999;}
.m_banner li{float:left;height:40px;padding:3px 0;}
.m_banner li img{float:left;vertical-align: top;height:36px;}

.m_banner li:nth-child(3) img, .m_banner li:nth-child(4) img{float:left;vertical-align: top;height:28px;}
.m_banner li:nth-child(5) img, .m_banner li:nth-child(6) img{float:left;vertical-align: top;height:30px;}

.m_banner li:nth-child(3) img{margin-right:5px;}

/*
.m_banner li{padding:3px 0;}
.m_banner li:nth-child(1n){display:inline-block;width:113px;}
.m_banner li:nth-child(1n) img{height:40px;}
.m_banner li:nth-child(2n){display:inline-block;width:179px;}
.m_banner li:nth-child(2n) img{height:40px;}
.m_banner li:nth-child(5), .m_banner li:nth-child(6){padding:3px 0 0 0;}
*/

.text_dot{text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}

.menu_info{width:294px;height:157px;padding:5px;border:1px dotted #999;}
.menu_info h2{position:relative;height:55px;font-size:19px;font-weight:600;color:#000;text-align:center;letter-spacing:-0.5px !important;margin-top:5px;font-family:'NanumSquare' !important;}
.menu_info h2 a{position:absolute;right:0;font-family:'NanumSquare' !important;}
.menu_info ul li{position:relative;line-height:21px;font-size:14px;margin-bottom:5px;padding-left:17px;font-family:'NanumSquare' !important;}
.menu_info ul li:before{content:'○';position:absolute;left:0;top:-1px;font-size:13px;}

.menu_info table td a{font-family:'NanumSquare' !important;font-size:13px !important;}



/* 환경설정 */
.box_img_dojang{display:inline-block;width:57px;height:57px;border:1px solid #aaa;text-align: center;padding:0 !important;}
.box_img_dojang img{vertical-align: middle;}
.box_img_namepan{display:inline-block;width:182px;height:57px;border:1px solid #aaa;text-align: center;padding:0 !important;}
.box_img_namepan img{vertical-align: middle;}

/* 아코디언 */
.acodian li > a{
    display:block;
    position: relative;
    vertical-align: top;
    line-height: 26px;
    color: #000;
    border-left: 1px solid #b3c5d8;
    border-right: 1px solid #b3c5d8;
    border-top: 1px solid #b3c5d8;
    text-align: left;
    background: #f4f7fa;
    letter-spacing: -0.5px;
    padding-left: 5px;
}
.acodian li:last-child a{
    border-bottom: 1px solid #b3c5d8;
}
.acodian li > a span{position:absolute;right:10px;top:8px;display:inline-block;width:30px;height:10px;background:url('/images/common/icon_down_double.png') no-repeat center center;background-size:30px 10px !important;}
.acodian li > a.on span{background:url('/images/common/icon_up_double.png') no-repeat center center;}
.acodian li > a.off span{background:url('/images/common/icon_down_double.png') no-repeat center center;}
.acodian li > div{border: 1px solid #b3c5d8;border-bottom:0;}
.acodian li:last-child > div{border-top:0;border-bottom: 1px solid #b3c5d8;}


/* 달력수정 디폴트
.ui-datepicker {background:#fff; border:none; width:400px; height:auto; margin-top:10px; padding:0; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.ui-datepicker .ui-widget-header{background:#ffc006; border:none; border-radius:4px 4px 0 0; padding:10px 5px;}
.ui-datepicker select{height:auto; padding:7px 15px; border:1px solid #ffc006; background:#ffc006;}
.ui-datepicker select:hover{border:1px solid #fff; background:#fff;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{ width:auto; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:15px;}
.ui-datepicker .ui-datepicker-prev{left:10px;}
.ui-datepicker .ui-datepicker-next{right:10px;}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{border:1px solid #ffc006; background:#ffc006;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:none; border:none; text-align:center;  padding:8px;}
.ui-state-active{background:#ffc006!important; border-radius:5px;}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover{background:#ffc006; border-radius:5px; }
*/

/* 달력수정 */
.ui-datepicker {background:#fff; border:none; width:240px; height:auto; margin-top:10px; padding:0; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.ui-datepicker{border:1px solid #b3c5d8;border-radius:0;}
.ui-datepicker .ui-widget-header{background:#dfe9f2;border-bottom:1px solid #b3c5d8;padding:5px;}
.ui-datepicker select{width:100%;height:26px;line-height:22px;color:#000;border:1px solid #b3c5d8;padding:0 22px 0 5px;outline:none;background:rgba(255,255,255, 0.5);background-image:url('../images/common/icon_select.png');background-position:right center;background-repeat:no-repeat;margin-right: 5px;}
.ui-datepicker select:hover{border:1px solid #b3c5d8;background-color:#fff;background-image:url('../images/common/icon_select.png');background-position:right center;background-repeat:no-repeat;}
.ui-datepicker-month{margin-left:10px !important;}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{border:1px solid #d7e1eb; background:#d7e1eb;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:7px;}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover{background:#d7e1eb; border-radius:3px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:none; border:none; text-align:center;  padding:4px;}
.ui-widget-content .ui-state-default.active{background:#d7e1eb;border-radius:3px; }
.ui-state-active{background:#dfe9f2!important; border-radius:3px;}
.ui-datepicker-header a{display:none !important;}
.ui-datepicker-calendar td a{font-size:15px;}
/*.ui-datepicker .ui-datepicker-title:after{content:'월';display:inline-block;}
.ui-datepicker-month{margin-right:0;}*/


/* 매뉴얼 이미지 */
/*.img_838 img{max-width:838px;}*/

.img_838 img{max-width:calc(100% - 18px);}

/* ai 검색어 부분 */
.tab_search{position:relative;display:flex;justify-content:space-between;align-items:center;padding:0;}
.tab_search li a{display:block;width:120px;height:30px;}

.bg_click{position:fixed;display:block;left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0, 0);}
.tab_box_1{position:absolute;left:-1px;top:0;z-index:1000;width:calc(100% + 2px);border:4px solid #ccc;background:#fff;padding-left:0 !important;}

/*.ck_box{display:none;}*/
.ck_box{padding-right:10px;}
.ck_box input{display:inline-block;vertical-align: middle;margin-right:3px;margin-top:-3px;margin-left:5px;}

.tab_box_2{position:absolute;left:-1px;top:40px;z-index:1000;display:none;width:calc(100% + 2px);border:1px solid #ccc;background:#fff;padding-left:0 !important;}
.tab_box_2 .tab{display:flex;justify-content:space-between;}
.tab_box_2 .tab li a{display:block;width:120px;height:30px;}

.btn_r_grey.on{border:1px solid #ddd;background: #bbb;color:#fff;text-decoration: none;}
.tab_contents{position:relative;overflow:hidden;min-height:40px;background:#fff;border-top:1px solid #ccc;}

.eng_one_list div{padding-left:0 !important;white-space:normal !important;}
.eng_one_list ul{width:100%;padding:7px 0;}
.eng_one_list ul li{overflow:hidden;}
.eng_one_list ul li a{display:inline-block;padding:0 10px;font-size:13px;color:#000;text-decoration: none;width:100%;}
.eng_one_list ul li a span{}
.eng_one_list ul li a b{display:inline-block;text-align: center;padding:0 0 0 4px;}
.eng_one_list ul li a:hover{background:#ffff00;color:red;}
.eng_one_list ul li a:hover b{color:red !important;}
.eng_one_list ul li a:hover i{color:red !important;}
/*.eng_one_list ul li a:hover{background:#ffff00;color:red;}*/


.box_key_detail{display:none;position:absolute;left:474px;top:0;z-index:1000;width:699px;height:526px;border:4px solid #ccc;background:#fff;padding:0 10px;}
/*.box_key_detail ul li{min-height:165px;border-top:1px solid #b3c5d8;}
.box_key_detail ul li:first-child{border-top:0;}*/

/* 백과사전 데이터 가져오기 */
.content_list{white-space:normal !important;}/* width:660px; */
.content_list li{height:155px;padding:20px;border-top:1px solid #ccc;}
.content_list li:first-child{border-top:0;}
.content_list .thumb_area{position: relative;float: left;z-index: 10;width: 113px;}
.content_list .thumb_area .thumb{display:inline-block;font-size: 0;width:113px;height:113px;line-height: 113px;background: #f5f5f5;text-align: center;overflow:hidden;}
.content_list .thumb_area+.info_area{padding-left: 131px;}
.content_list .info_area{overflow: visible;padding: 0;}
.content_list .info_area .subject{margin-bottom:5px;line-height:18px;}

.content_list .info_area .title {font-size:15px;line-height: 18px;}
.content_list .info_area .cite{color:#000 !important;font-size:15px;}

.content_list .info_area .desc{padding: 0;font-size: 13px;line-height: 22px;color: #303030;letter-spacing: -.3px;overflow: hidden;max-height: 44px;overflow-wrap: break-word;}


.content_list .related{overflow: hidden;font-size: 13px;line-height: 22px;color: #666;}
.content_list .related:last-child{margin-top: 3px;}

.content_list .related{font-size: 13px;line-height: 22px;}
.content_list .related .info{position: relative;margin-right: 5px;padding-left: 8px;color: #888;}
.content_list .related .info:first-child{margin-left: 0;padding-left: 0;}

.content_list .related .info .data{margin-left: 6px;vertical-align: top;}
.content_list .related .info .count, .content_list .related .info .data{color: #666;}
.content_list .related .info:before{position: absolute;top: 50%;left: 0;width: 1px;height: 13px;margin-top: -5px;background: #e0e0e0;content: '';}


.btn_r_main{display:inline-flex;justify-content:center;align-items:center;height:30px;font-size:13px;color:#555 !important;border-radius:14px;background:#f5f5f5;border:2px solid #ddd;letter-spacing: -0.5px;margin:1px;cursor:pointer;text-align:center;transition:all .3s;}
.btn_r_main:hover{color:#fff !important;background:#bbb;text-decoration: none;}
.btn_r_main_on{display:inline-flex;justify-content:center;align-items:center;height:30px;font-size:13px;color:#fff !important;text-align:center;border:2px solid #fd6d2b;border-radius:14px;background: #fd9a1a;margin:1px;transition:all .3s;}
.btn_r_main_on:hover{background: #f88600;text-decoration: none;}

.btn_r_main_1{display:inline-flex;justify-content:center;align-items:center;height:22px;font-size:12px;color:#333 !important;border-radius:3px;background:#c9def1;border:1px solid #a1b1be;letter-spacing: -0.5px;margin:1px;cursor:pointer;text-align:center;transition:all .3s;}
.btn_r_main_1:hover{color:#000 !important;background: #b1c8db;text-decoration: none;}
.btn_r_main_1.active{color:#fff !important;border:1px solid #fd6d2b;background: #fd9a1a;}
.btn_popup.active{color:#fff !important;border:1px solid #44C2FF;background: #2990FF;}


.guide_001{position:absolute;top:240px;border:1px solid #ccc;border-radius:6px;padding:0 20px 10px;}
.guide_001 p{font-weight:600;color:#000;font-size:14px;line-height:1.6;margin-top:15px;}

/* 프린트물 */
.table_print_1{width:100%;border:1px solid #000;table-layout:fixed;}
.table_print_1.b2{border:2px solid #000;}
.table_print_1 thead th{vertical-align:top;line-height:26px;color:#000;border-left:1px solid #999;border-top:1px solid #999;text-align:center;background:#f4f7fa;letter-spacing:-1px;}
.table_print_1 tbody th{vertical-align:top;line-height:26px;color:#000;border-left:1px solid #999;border-top:1px solid #999;text-align:left;background:#f4f7fa;letter-spacing:-0.5px;padding-left:5px;}
.table_print_1 tbody th.check_g{background:#f8fcf4;}
.table_print_1 td{vertical-align:top;height:24px;line-height:24px;color:#000;border-left:1px solid #999;border-top:1px solid #999;text-align:left;}
.table_print_1 span{display:inline-block;/*width:100%;*/padding-left:5px;}
.table_print_1 td.check{background-color:#fefdf2;border:0;border-left:1px solid #999;border-top:1px solid #999;}
.table_print_1 td.check_1{background-color:#f5fbfe;border:0;border-left:1px solid #999;border-top:1px solid #999;}

.table_empty{width:86px;border:1px solid #fff;table-layout:fixed;margin-right:7px;}
.table_empty td{height:27px;vertical-align:top;color:#000;border-left:1px solid #fff;border-top:1px solid #fff;text-align:left;}



.table_print_3{width:100%;border:1px solid #000;table-layout:fixed;}
.table_print_3.b2{border:2px solid #000;}
.table_print_3 thead th{vertical-align:top;line-height:21px;font-size:12px;color:#000;border-left:1px solid #999;border-top:1px solid #999;text-align:center;background:#f4f7fa;letter-spacing:-1px;}
.table_print_3 tbody th{vertical-align:top;line-height:21px;font-size:12px;color:#000;border-left:1px solid #999;border-top:1px solid #999;text-align:left;background:#f4f7fa;letter-spacing:-0.5px;padding-left:5px;}
.table_print_3 tbody th.check_g{background:#f8fcf4;}
.table_print_3 td{vertical-align:top;height:21px;line-height:21px;font-size:12px;color:#000;border-left:1px solid #999;border-top:1px solid #999;text-align:left;}
.table_print_3 span{display:inline-block;/*width:100%;*/padding-left:5px;font-size:11px;}
.table_print_3 td.check{background-color:#f8fcf4;border:0;border-left:1px solid #999;border-top:1px solid #999;}
.table_print_3 td.check_1{background-color:#f8fcf4;border:0;border-left:1px solid #999;border-top:1px solid #999;}
.table_print_3 .input_l_text{line-height:21px !important;font-size:10px !important;}
.print_checkbox img{width:14px;vertical-align: top;padding-top:4px;}

.table_print_3 tbody tr.l_h_24 th{line-height:24px !important;}


.m_l_10{margin-left:10%;}
.m_l_15{margin-left:15%;}
.m_l_20{margin-left:20%;}
.m_l_40{margin-left:40%;}
.m_l_50{margin-left:50%;}

.m_r_10{margin-right:10%;}
.m_r_15{margin-right:15%;}
.m_r_20{margin-right:20%;}

.dotted{height:1px;font-size:0;border-top:1px dashed #000;}

.product_img_text{display:inline-block;margin:0 0 0 15px;}
#pp_img_preview a{display:block;max-width: 203px !important;max-height:203px !important;text-align:center;overflow:hidden;}
#pp_img_preview a img{vertical-align: middle !important;}
#pp_img_preview a img{max-width: 203px !important;max-height:202px !important;}


#in_img img{vertical-align: middle !important;max-width: 108px !important;max-height:108px !important;}
#gs_img_8 img{vertical-align: middle !important;max-width: 108px !important;max-height:108px !important;}


.hand_work_text{min-height:51px;max-height:250px;}

.b_0{border:0 !important;}
.b_l_0{border-left:0 !important;}
.b_r_0{border-right:0 !important;}
.b_b_0{border-bottom:0 !important;}
.b_t_0{border-top:0 !important;}
.b_b_1_w{border-bottom:1px solid #fff !important;}
.b_l_1{border-left:1px solid #b3c5d8 !important;}
.b_r_1{border-right:1px solid #b3c5d8 !important;}
.b_b_1{border-bottom:1px solid #b3c5d8 !important;}

.ti_9999{display: inline-block;overflow:hidden;text-indent: -9999px;}
.visibility_h{visibility: hidden !important;}


/* 홍보, 교육 일지 등록 */
.box_ad_edu{display:flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.ad_edu_menu_info{width:32%;height:157px;padding:5px;border:1px dotted #999;margin-bottom:15px;}
.ad_edu_menu_info h2{position:relative;height:55px;font-size:17px;font-weight:600;color:#000;text-align:center;letter-spacing:-0.5px !important;margin-top:5px;}
.ad_edu_menu_info h2 a{position:absolute;right:0;}
.ad_edu_menu_info ul li{position:relative;line-height:21px;font-size:13px;margin-bottom:5px;padding-left:17px;}
.ad_edu_menu_info ul li:before{content:'○';position:absolute;left:0;top:-1px;font-size:13px;}

.btn_r_gred[type="checkbox"]{display:none;}
.btn_r_gred[type="checkbox"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 23px;color:#424d65;cursor:pointer;width:calc(100% - 2px);line-height:21px;font-size:12px;text-align:left;border:1px solid #a1b1be;border-radius:2px;box-shadow:inset 1px 1px 0px 0px #ffffff;background:#dfe9f2;margin:1px;transition:all .3s;cursor: pointer;}
.btn_r_gred[type="checkbox"]:checked + label {color:red;}
.btn_r_gred[type="checkbox"] + label:before,
.btn_r_gred[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:5px;top:4px;width:12px;height:12px;border:1px solid #818080;}
.btn_r_gred[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
.btn_r_gred[type="checkbox"]:checked + label:before{background:red;background-repeat:no-repeat;background-position:1px 0;border:1px solid red;}

.btn_r_tred[type="checkbox"]{display:none;}
.btn_r_tred[type="checkbox"] + label{position:relative;display:inline-block;height:24px;padding:0 0 0 23px;color:#000;cursor:pointer;width:calc(100% - 2px);line-height:27px;font-size:12px;text-align:left;transition:all .3s;cursor: pointer;}
.btn_r_tred[type="checkbox"]:checked + label {color:red;}
.btn_r_tred[type="checkbox"] + label:before,
.btn_r_tred[type="checkbox"]:checked + label:before{content:"";position:absolute;display:block;left:5px;top:6px;width:12px;height:12px;border:1px solid #818080;}
.btn_r_tred[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
.btn_r_tred[type="checkbox"]:checked + label:before{background:red;background-repeat:no-repeat;background-position:1px 0;border:1px solid red;}

/* 페이지 넘버 */
.number_list{display:flex;justify-content:center;align-items:center;margin:10px 0 10px;}
.number_list a{display:inline-block;vertical-align:middle;line-height:24px;text-align:center;color:#767676;font-weight:600;background:#fff;padding:0 5px;}
.number_list a:hover, .number_list .num:active, .number_list .num.on{color:blue;background:#fff;}
.number_list .etc{line-height:20px;background:none;}
.number_list .num img{vertical-align:middle;}



/* 광고 */
.banner_ad{width:32.6%;height:70px;background:#efefef;}
.box_b1{border:1px solid #b3c5d8;}

.box_mti{display:flex;overflow:hidden;height:26px;background:#fff;}
.ul_div li{border:1px solid #b3c5d8;margin-top:5px;}
.ul_div_1 li{border:1px solid #b3c5d8;margin-bottom:5px;}
.ul_div_1 li:last-child{margin-bottom:0;}


/* 메뉴 */
.popup_header{display:flex;justify-content:center;align-items:center;width:100%;height:40px;background:#bbb;border-bottom:1px solid #999;}
.logo{font-size:18px;color:#fff;text-decoration:none;}

.btn_login{display:flex;justify-content:center;align-items:center;width:100%;height:40px;font-size:14px;color:#fff;border-radius:4px;background:linear-gradient(to right, #265cae, #283bae);border:1px solid #ddd;letter-spacing: -0.5px;margin:1px;cursor:pointer;text-align:center;transition:all .3s;}
.btn_login:hover{border:1px solid #ddd;background:linear-gradient(to right, #283bae, #265cae);color:#fff;text-decoration: none;}



.hover_orange:hover{background:#ffff00;}




/* 260401 추가 */
.btn_orange{display:inline-block;float:left;color:#fff !important;text-align:center;border:1px solid #be6801 !important;border-radius:5px;box-shadow:inset 1px 1px 0 0 #ffc5c5;background:#fd9a1a !important;margin:1px;transition:all .3s;}

.btn_hs2, .btn_mti{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50px;font-size:13px;color:#555 !important;border-radius:3px;background:#f5f5f5;border:2px solid #ddd;letter-spacing: -0.5px;margin:1px;cursor:pointer;text-align:center;transition:all .3s;}
.btn_hs2:hover, .btn_mti:hover{color:#000 !important;background:#bbb;text-decoration: none;}

.btn_hs2.on, .btn_mti.on{color:#000 !important;border:2px solid #fd6d2b;background: #FFFF00;}
.btn_hs2.on:hover, .btn_mti.on:hover{background: #f88600;text-decoration: none;}

.tr_th{line-height:26px;background:#f4f7fa;border:1px solid #b3c5d8;color:#818080;text-align:center;}
.btn_hs_999{display:inline-flex;justify-content:center;align-items:center;height:28px;font-size:13px;color:#555;border-radius:4px;background:#f5f5f5;border:1px solid #ddd;letter-spacing: -0.5px;margin:1px;cursor:pointer;text-align:center;transition:all .3s;}
.btn_hs_999:hover{background:#eee;}

.btn_hs_999_1{display:flex;justify-content:center;align-items:center;height:28px;font-size:13px;color:#000;border-radius:4px;background:#ddd;border:1px solid #aaa;letter-spacing: -0.5px;margin:1px;cursor:pointer;text-align:center;transition:all .3s;}
.btn_hs_999_1:hover{background:#eee;}

.btn_hs_999_2{display:flex;justify-content:center;align-items:center;height:28px;font-size:13px;color:#000;border-radius:4px;background:#efefef;border:1px solid #bbb;letter-spacing: -0.5px;margin:1px;cursor:pointer;text-align:center;transition:all .3s;}
.btn_hs_999_2:hover{background:#eee;}

.btn_default{display:inline-flex;justify-content: center;align-items:center;cursor:pointer;}
.btn_bg_grey{background:#f5f5f5;}
.btn_border_grey{border:2px solid #ddd !important;}
.btn_default.active{border:2px solid #bbb !important;background:#ccc !important;}

.main_view{position:relative;}
.main_logo{position:absolute;top:-130px;right:0;display:flex;flex-direction:column;width:490px;}


.hscode_main_info{position:relative;z-index:10;display:flex;justify-content:center;background:#fff;padding-top:20px;}
.hscode_main_info > div:nth-child(1), .hscode_main_info > div:nth-child(2){width:calc(45% - 10px);zoom:0.87;}

.ad_banner_area{display:flex;justify-content:center;align-items:center;margin-top:30px;}
.ad_banner_area img{width:420px;padding:10px;border:3px solid #bbb;}
.foot_area{position:relative;height:110px;margin-top:30px;background:#F3F3F3;padding:0 10px;}

.ul_list_a1{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center;}
.ul_list_a1 li{width:calc(92px - 2px);margin-top:2px;}
.ul_list_a1 li:nth-child(1), .ul_list_a1 li:nth-child(2), .ul_list_a1 li:nth-child(3){margin-top:0;};''

.ul_list_b1{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center;}
.ul_list_b1 li:nth-child(odd){width:105px;margin-top:3px;margin-right:2px;}
.ul_list_b1 li:nth-child(even){width:90px;margin-top:3px;}
.ul_list_b1 li:nth-child(1), .ul_list_b1 li:nth-child(2){margin-top:0;}

.li_btn_type_1{display:flex;flex-wrap:wrap;flex-direction:row;gap:0 3px;/* (세로, 가로) 간격 */}
.li_btn_type_1 li{flex:0 0 calc((100% - 12px) / 5);/* 5칸, 가로 gap(30px) * 4 */;}

.ul_country{display:flex;flex-direction:row;justify-content:space-between;height:65px;margin-bottom:0px;}
.ul_country li{flex:1;min-width:0;padding-left:2px;}
.ul_country li:nth-child(1){padding-left:0;}





.ck_country[type="checkbox"]{display:none;margin:0 !important;padding:0 !important;}
.ck_country[type="checkbox"] + label{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;height:65px;cursor:pointer;width:100%;font-size:13px;line-height:2;border:2px solid #ddd !important;border-radius:6px;background:#efefef;transition:all .3s;cursor: pointer;margin:0 !important;padding:7px 0 0 0 !important;}
.ck_country[type="checkbox"]:checked + label{background:yellow;}
.ck_country[type="checkbox"] + label:before,
.ck_country[type="checkbox"]:checked + label:before{content:"";display:block;width:12px;height:12px;border:1px solid #818080;}
.ck_country[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
.ck_country[type="checkbox"]:checked + label:before{background:#000;border:1px solid #000;}

.ck_good[type="checkbox"]{display:none;margin:0 !important;padding:0 !important;}
.ck_good[type="checkbox"] + label{position:relative;display:inline-flex;justify-content:center;align-items:center;height:45px;cursor:pointer;width:100%;transition:all .3s;cursor: pointer;margin:0 !important;padding:0 !important;}
.ck_good[type="checkbox"]:checked + label{background:#fff;}
.ck_good[type="checkbox"] + label:before,
.ck_good[type="checkbox"]:checked + label:before{content:"";display:block;width:12px;height:12px;border:1px solid #818080;}
.ck_good[type="checkbox"] + label:before{background-color:rgba(255,255,255, .5);}
.ck_good[type="checkbox"]:checked + label:before{background:#000;border:1px solid #000;}



/* hscode 10자리 높이 수정 */
.code_td.code_td_1{min-height:46px;}

/* 모달 */
.box_modal{position:absolute;z-index:1000;background:#fff;border:1px solid #000;box-shadow:0 4px 8px 4px rgba(0,0,0, 0.1);}



/* 테이블 */
.table_write_n.tr_25 tbody > tr:nth-child(1) > td{border-top:none !important;}
.table_write_n.tr_25 tbody > tr{height:26px;}











@media screen and (min-width: 768px){
    .popup_body.m_login{max-width: 330px;display:flex;justify-content: center;}
}






/* 프린트 css */
@media print {

    .print_page.zoom_09{zoom:0.9;}
    .print_page.zoom_08{zoom:0.8;}
    .print_page.zoom_07{zoom:0.7;}

    /* 프린트물 */
    .table_print_1{width:100%;border:1px solid #000;table-layout:fixed;}
    .table_print_1.b2{border:2px solid #000;}
    .table_print_1 thead th{vertical-align:top;line-height:26px;color:#000;border-left:1px solid #999;border-top:1px solid #999;text-align:center;background:#f1f1f1;letter-spacing:-1px;}
    .table_print_1 tbody th{vertical-align:top;line-height:26px;color:#000;border-left:1px solid #999;border-top:1px solid #999;text-align:left;background:#f1f1f1;letter-spacing:-0.5px;padding-left:5px;}
    .table_print_1 tbody th.check_g{background:#f1f1f1;}
    .table_print_1 td{vertical-align:top;height:24px;line-height:24px;color:#000;border-left:1px solid #999;border-top:1px solid #999;text-align:left;}
    .table_print_1 span{display:inline-block;/*width:100%;*/padding-left:5px;}
    .table_print_1 td.check{background-color:#f1f1f1;border:0;border-left:1px solid #999;border-top:1px solid #999;}
    .table_print_1 td.check_1{background-color:#f1f1f1;border:0;border-left:1px solid #999;border-top:1px solid #999;}

    .table_print_3{width:100%;border:1px solid #000;table-layout:fixed;}
    .table_print_3.b2{border:2px solid #000;}
    .table_print_3 thead th{vertical-align:top;line-height:19px;font-size:11px;color:#000;border-left:1px solid #999;border-top:1px solid #999;text-align:center;background:#f1f1f1;letter-spacing:-1px;}
    .table_print_3 tbody th{vertical-align:top;line-height:20px;font-size:11px;color:#000;border-left:1px solid #999;border-top:1px solid #999;text-align:left;background:#f1f1f1;letter-spacing:-0.5px;padding-left:5px;}
    .table_print_3 tbody th.check_g{background:#f1f1f1;}
    .table_print_3 td{vertical-align:top;height:20px;line-height:20px;font-size:11px;color:#000;border-left:1px solid #999;border-top:1px solid #999;text-align:left;}
    .table_print_3 span{display:inline-block;/*width:100%;*/padding-left:5px;}
    .table_print_3 td.check{background-color:#f1f1f1;border:0;border-left:1px solid #999;border-top:1px solid #999;}
    .table_print_3 td.check_1{background-color:#f1f1f1;border:0;border-left:1px solid #999;border-top:1px solid #999;}

    .table_print_3 tbody tr.l_h_24 th{line-height:24px !important;}

    .w_726{width:100% !important;}
    .input_l_text{line-height:20px !important;font-size:11px !important;}
    .print_checkbox img{width:11px;vertical-align: top;padding-top:6px;}
    .f_white{color:#fff !important;}

    .input_1{height:26px;line-height:24px;color:#000;background:#fff;border:1px solid #fff;padding:0;outline:none;vertical-align:bottom;vertical-align: middle;margin-top:-3px;}
}






@media(max-width:1023px){
    /* 상단 */
    .header{position:fixed;left:0;top:0;z-index:1000;width:100%;margin:0 0 0 0;}

    /* 주메뉴 */
    .menu{width:100%;height:30px;border:1px solid #000;background:#699bbd;}
    .menu > li{position:relative;float:left;width:8.33333333333%;border-left:1px solid #000;}
    .menu > li:first-child{border-left:0;}
    .menu > li > a{display:inline-block;width:100%;height:28px;line-height:26px;color:#fff;text-align:center;background:#699bbd;transition:all 0.5s;font-weight:700;}
    .menu > li > a:hover{background:#4a81a6;}
    .menu > li > a.on{background:#4a81a6;}
    .menu > li:nth-child(9) > a{background:#fff;}
    .menu > li:nth-child(9) > a img{vertical-align:middle;margin-top:-3px;}
    .menu > li:nth-child(9) > a:hover{background:#fff;}

    .menu > li > ul{display:none;position:absolute;left:-1px;top:28px;width:calc(100% + 2px);background:#f4f7fa;border:1px solid #000;}
    .menu > li > ul li{border-bottom:1px solid #dce4ec;}
    .menu > li > ul li:last-child{border-bottom:0;}
    .menu > li > ul li a{display:block;font-size:12px;line-height:28px;color:#36607c;padding-left:7px;;transition:all 0.3s;}
    .menu > li > ul li a:hover{background:#e9f0f7;}
}

/* ie 전용*/
@media screen\0 {
    iframe{height:75vh !important;}
    .h_115 iframe{height:115px !important;}
    .h_140 iframe{height:140px !important;}
    .h_255 iframe{height:255px !important;}
}