@charset "utf-8";
/* @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); */
@import url(https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css);

/** reset **/
html,body{-webkit-text-size-adjust:100%;}
html.layer_activated,body.layer_activated{overflow:hidden;height:100%;}
body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,hgroup,p,blockquote,figure,form,fieldset,input,legend,pre,abbr,button{margin:0;padding:0;}
/* body,button,input,select,table,textarea,pre{margin:0;padding:0;font-family:'NanumSquare',sans-serif;color:#000;font-size:15px;font-weight: 700;letter-spacing:-0.25px;line-height:1.5;} */
body,button,input,select,table,textarea,pre{margin:0;padding:0;font-family:'NanumSquareNeo',sans-serif;color:#000;font-size:15px;font-weight: 700;letter-spacing:-0.25px;line-height:1.5;}
fieldset,iframe,img{border:0;}
img{width:100%;height:auto;border:none;vertical-align:top;}
ol,ul,li{list-style:none;}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;}
article,aside,footer,header,nav,main,section,summary,details,hgroup,figure,figcaption{display:block;}
button{overflow:visible;border:0;background:none;color:inherit;font:inherit;line-height:inherit;cursor:pointer;}
button:focus{outline:none;}
button:disabled{cursor:default;}
a{color:#222;text-decoration:none;}
a:active,a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
.blind,caption{overflow:hidden;position:absolute;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
caption{position:static;}
*{box-sizing:border-box;}
input,textarea,select{border-radius:0;box-shadow:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
legend{position:absolute;width:0;height:0;color:transparent;}

/** form **/
::-webkit-input-placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc;}
:-ms-input-placeholder{color:#ccc;}
:-moz-placeholder{color:#ccc;}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.color_red{color:#DC2C34;}
.color_blue{color:#003CFF;}
.color_blue02{color:#0B3F8C;}
.color_gray{color:#999;}
.color_gray02{color:#CCC;}
.color_green{color:#00B52A;}
.color_yellow{color:#FF9900;}

.txt_c{text-align:center !important;}
.txt_l{text-align:left !important;}
.txt_r{text-align:right !important;}

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

.ellipsis_line{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transform:skew(-0.03deg);}
.ellipsis_line02{display:-webkit-box;overflow:hidden;word-break:break-all;white-space:normal;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;transform:skew(-0.03deg);}

.bline{overflow:hidden;clear:both;width:100%;height:10px;background:#F0F0F0;}

.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.sect_top{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px;text-align:left;font-size:16px;transform:skew(-0.03deg);}
.sect_top p span{vertical-align:top;}
.sect_top + .board_list02{border-top:1px solid #CCC;}

.sel_box{overflow:hidden;}
.sel_box select{appearance:none;-webkit-appearance:none;width:100%;height:50px;padding:0 50px 0 20px;border: none;outline:none;box-sizing:border-box;background:#fff url(../image/bu_arrow3.png) no-repeat calc(100% - 20px) center;background-size:auto 8px;transform:skew(-0.03deg);}
.sel_box .select2-container{appearance:none;-webkit-appearance:none;width:100%;height:50px;padding:0 50px 0 20px;border: none;outline:none;box-sizing:border-box;background:#fff url(../image/bu_arrow3.png) no-repeat calc(100% - 20px) center;background-size:auto 8px;transform:skew(-0.03deg);}
.sel_box input{appearance:none;-webkit-appearance:none;width:100%;height:50px;padding:0 50px 0 20px;border: none;outline:none;box-sizing:border-box;/* background:#fff url(../image/bu_arrow3.png) no-repeat calc(100% - 20px) center; */background-size:auto 8px;transform:skew(-0.03deg);}/*20200805 김기원 수정*/
.sel_box.h30 select{height:30px;}
.sel_box select:invalid{color:#dfdfdf;}
.sel_box .select2-container:invalid{color:#dfdfdf;}
.sel_box select option{color:#1f1f1f;}
.sel_box select:disabled{color:#b9b9b9;background:#efefef url(../image/bu_arrow3.png) no-repeat calc(100% - 20px) center;background-size:auto 8px;}
.sel_box .select2-container:disabled{color:#b9b9b9;background:#efefef url(../image/bu_arrow3.png) no-repeat calc(100% - 20px) center;background-size:auto 8px;}
.sel_box select::-ms-expand{display:none;}
.sel_box .select2-container::-ms-expand{display:none;}
.sel_box.nth02 select{float:left;width:50%;}
.sel_box.nth02 .select2-container{float:left;width:50%;}
.sel_box.nth02 select:nth-child(2){border-left:1px solid #F0F0F0;}

/*20230713추가*/
.sel_box .select2-container .select2-selection--single {border: none;}
.sel_box .select2-container .select2-selection--single .select2-selection__rendered {line-height: 50px; display: flex; padding-left: 0px;}
.sel_box .select2-container .select2-selection--single .select2-selection__arrow b {border-color: white;}
.sel_box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: white;}

.sel_box.filter_sort{}
.sel_box.filter_sort select{padding:0 0 0 22px;font-size:14px;background:url(../image/ico_sort.png) no-repeat left center;background-size:18px auto;}

.textarea_box{}
.textarea_box textarea{width:100%;height:150px;padding:8px 10px;border:1px solid #E6E6E6;outline:none;resize:none;box-sizing:border-box;font-size:14px;color:#000;background:#fff;transform:skew(-0.03deg);}
.textarea_box.h60{height: 60px;}
.textarea_box.h60 textarea{height:60px;}

.input_box{display:flex;flex-wrap:wrap;position:relative;font-size:0;}
.input_box li{flex:1;}
.input_box input[type="text"],.input_box input[type="number"],.input_box input[type="search"],.input_box input[type="date"],.input_box input[type="month"],
.input_box input[type="password"]{width:100%;height:45px;padding:0 20px;border:1px solid #ebebeb;outline:none;box-sizing:border-box;background:#fff;transform:skew(-0.03deg);}
.input_box input[type="password"]{font-family: sans-serif;}
.input_box input[type="radio"]{appearance:none;-webkit-appearance:none;display:inline-block;width:14px;height:17px;margin:0 0 0 6px;border:none;outline:none;box-sizing:border-box;vertical-align:top;background:transparent url(../image/ico_radio.png) no-repeat center center;background-size:14px;}
.input_box input[type="radio"]:first-child{margin-left:0;}
.input_box input[type="radio"] + label{display:inline-block;padding-left:4px;vertical-align:top;font-size: 15px;line-height:17px;color:#999;transform:skew(-0.03deg);}
.input_box input[type="radio"]:checked{border:none;background:transparent url(../image/ico_radio_on.png) no-repeat center center;background-size:14px;}
.input_box input[type="radio"]:checked + label{color: #0B3F8C;}
.input_box input[type="radio"]:disabled{border-color:#ebebeb;border-radius:50%;background:#efefef;}
.input_box input[type="checkbox"]{appearance:none;-webkit-appearance:none;display:inline-block;width:24px;height:24px;margin:0;outline:none;box-sizing:border-box;vertical-align:top;background:transparent url(../image/ico_chk.png) no-repeat center center;background-size:24px;}
.input_box input[type="checkbox"] + label{display:inline-block;padding-left:4px;vertical-align:top;font-size:14px;line-height:17px;color:#1f1f1f;transform:skew(-0.03deg);}
.input_box input[type="checkbox"]:checked{background:transparent url(../image/ico_chk_on.png) no-repeat center center;background-size:24px;}
.input_box input[type="checkbox"]:disabled{border-color:#ebebeb;background:#efefef;}
.input_box.default input[type="checkbox"] {width:16px; height:16px;}
.input_box.default input[type="checkbox"]{background:#f00 url(../image/check_off2.png) no-repeat center center;background-size:16px; vertical-align:middle;}
.input_box.default input[type="checkbox"]:checked{background:#f00 url(../image/check_on2.png) no-repeat center center;background-size:16px; vertical-align:middle;}
.input_box.login input[type="text"] {width:100%; height:48px; font-size:16px; border:1px solid #CCCCCC; border-radius:8px; padding:0 16px; box-sizing:border-box;transform:skew(-0.03deg);}
.input_box.login input[type="password"] {width:100%; height:48px; font-size:16px; border:1px solid #CCCCCC;font-family: sans-serif;border-radius:8px; padding:0 16px; box-sizing:border-box;transform:skew(-0.03deg);}

.input_box.bnt_type{overflow: hidden;position: absolute;right: 20px;top: 50%;margin-top: -16px !important;}
.input_box.bnt_type li{float: left;}
.input_box.bnt_type input[type="radio"]{font-size: 0;position: absolute;left: 0;top: 0;}
.input_box.bnt_type label{display: inline-block;position: relative;z-index: 1;width: 60px;height: 32px;border-radius: 4px;background: #f7f7f7;font-size: 14px;font-weight: 700;color: #ccc;text-align: center;line-height: 32px}
.input_box input[type="radio"]:checked + label{background: #FFE40C;color: #000;}

dl.form_wrap{overflow:hidden;position:relative;text-align:left;}
dl.form_wrap dt{padding:12px 20px 0;line-height:17px;letter-spacing: -0.75px;transform:skew(-0.03deg);}
dl.form_wrap dt em{color: #DC2C34;}
dl.form_wrap dt.v_mid{display:flex;align-items:center;justify-content:space-between;}
dl.form_wrap dt .util_btns{text-align:right;font-size:0;}
dl.form_wrap dt .util_btns a{margin-left:6px;}
dl.form_wrap dt .util_btns a:first-child{margin-left:0;}
dl.form_wrap dd{padding-bottom: 5px;border-bottom: 1px solid #E6E6E6;}
dl.form_wrap dd > div{margin-top:5px;}
dl.form_wrap dd > div:first-child{margin-top:0;}
dl.form_wrap dd .input_box input{height:30px;margin-left:10px;border: none;}
dl.form_wrap dd .input_box input[readonly]{color:#666;}
dl.form_wrap dd .input_box input[type="radio"]{height:17px;}
dl.form_wrap dd .input_box input:first-child{margin-left:0;}
dl.form_wrap dd .input_box input.ph_left::-webkit-input-placeholder{text-align:left !important;}
dl.form_wrap dd ul.input_box{display:block;margin-top:5px;}
dl.form_wrap dd ul.input_box > li{display:flex;align-items:center;}
dl.form_wrap dd ul.input_box > li input[type="radio"]{height:30px;margin-left:20px;}
dl.form_wrap dd ul.input_box > li input[type="radio"]+label{height:30px;padding:7px 0 6px 4px;}
dl.form_wrap dd > p{padding:5px 20px;font-size:15px;font-weight:400;line-height:20px;transform:skew(-0.03deg);}
dl.form_wrap dd .unit_txt{padding:1px 20px 0 0;transform:skew(-0.03deg);}
dl.form_wrap dt.bg_gray,
dl.form_wrap dd.bg_gray{background:#F7F7F7;}
dl.form_wrap .btn_form_link{display:block;overflow:hidden;position:absolute;top:0;right:0;z-index:1;width:100%;height:100%;padding-right:20px;text-indent:-9999px;font-size:0;}
dl.form_wrap .btn_form_link:after{content:"";display:block;float:right;width:8px;height:100%;background:url(../image/bu_arrow5.png) no-repeat right center;background-size:8px 15px;}
dl.form_wrap .bg_gray .input_box input{color:#999;background:#F7F7F7;}
dl.form_wrap .bg_gray .input_box input[readonly]{color:#999;background:#F7F7F7;}
dl.form_wrap .btn_tap{overflow: hidden;position: absolute;right: 20px;top: 50%;margin-top: -16px;}
dl.form_wrap .btn_tap li{float: left;}
dl.form_wrap .btn_tap li a{display: inline-block;width: 60px;height: 32px;border-radius: 4px;background: #f7f7f7;font-size: 14px;font-weight: 700;color: #ccc;text-align: center;line-height: 32px}
dl.form_wrap .btn_tap li.active a{background: #FFE40C;color: #000;}
dl.form_wrap.tap dt{padding-top: 22px;padding-bottom: 22px;}

dl.form_wrap dd.align_justify{display:flex;align-items:center;}
dl.form_wrap dd.align_justify > *{flex:1;}
dl.form_wrap dd.align_justify > .wid_auto{flex:0 auto;}
dl.form_wrap .file_list{}
dl.form_wrap .file_list > li{padding:0 20px;font-size:0;}
dl.form_wrap .file_list > li strong{display:inline-block;padding:5px 0;vertical-align:middle;font-size:15px;line-height:20px;color:#000;transform:skew(-0.03deg);}
dl.form_wrap .file_list > li span{display:inline-block;padding:5px 0;vertical-align:middle;font-size:15px;font-weight:400;line-height:20px;color:#CCC;transform:skew(-0.03deg);}
dl.form_wrap .file_list > li a.btn_del{display:inline-block;width:30px;height:30px;padding:7px;vertical-align:middle;background:url(../image/ico_del02.png) no-repeat center center;background-size:16px;transform:skew(-0.03deg);}

dl.form_wrap.type_tit{overflow:hidden;padding-bottom:10px;background:#7C91A7;}
dl.form_wrap.type_tit dt{float:left;padding:12px 0 0 20px;color:#FFF;background:none;}
dl.form_wrap.type_tit dd{float:right;padding:12px 20px 0 0;border-bottom:none;text-align:right;font-weight:400;color:#FFF;background:none;}
dl.form_wrap.type_tit dd.sub_txt{text-align:left;}
dl.form_wrap.type_tit dd.cbo{clear:both;float:none;width:100%;padding:4px 20px 0;}
dl.form_wrap.type_tit dd > p{padding:0;margin-top:5px;line-height:17px;}
dl.form_wrap.type_tit dd > p:first-child{margin-top:0;}


/* 클레임조회서식2 */

dl.form_wrap2{overflow:hidden;position:relative;text-align:left;border-bottom: 1px solid #E6E6E6;margin: 10px}
dl.form_wrap2 dt{padding:12px 20px 0;line-height:17px;letter-spacing: -0.75px;transform:skew(-0.03deg);}
dl.form_wrap2 dt em{color: #DC2C34;}
dl.form_wrap2 dt.v_mid{display:flex;align-items:center;justify-content:space-between;}
dl.form_wrap2 dt .util_btns{text-align:right;font-size:0;}
dl.form_wrap2 dt .util_btns a{margin-left:6px;}
dl.form_wrap2 dt .util_btns a:first-child{margin-left:0;}
dl.form_wrap2 dd{padding-bottom: 5px;}
dl.form_wrap2 dd > div{margin-top:5px;}
dl.form_wrap2 dd > div:first-child{margin-top:0;}
dl.form_wrap2 dd .input_box input{height:30px;margin-left:10px;border: none;}
dl.form_wrap2 dd .input_box input[readonly]{color:#666;}
dl.form_wrap2 dd .input_box input[type="radio"]{height:17px;}
dl.form_wrap2 dd .input_box input:first-child{margin-left:0;}
dl.form_wrap2 dd .input_box input.ph_left::-webkit-input-placeholder{text-align:left !important;}
dl.form_wrap2 dd ul.input_box{display:block;margin-top:5px;}
dl.form_wrap2 dd ul.input_box > li{display:flex;align-items:center;}
dl.form_wrap2 dd ul.input_box > li input[type="radio"]{height:30px;margin-left:20px;}
dl.form_wrap2 dd ul.input_box > li input[type="radio"]+label{height:30px;padding:7px 0 6px 4px;}
dl.form_wrap2 dd > p{padding:5px 20px;font-size:15px;font-weight:400;line-height:20px;transform:skew(-0.03deg);}
dl.form_wrap2 dd .unit_txt{padding:1px 20px 0 0;transform:skew(-0.03deg);}
dl.form_wrap2 dt.bg_gray,
dl.form_wrap2 dd.bg_gray{background:#F7F7F7;}
dl.form_wrap2 .btn_form_link{display:block;overflow:hidden;position:absolute;top:0;right:0;z-index:1;width:100%;height:100%;padding-right:20px;text-indent:-9999px;font-size:0;}
dl.form_wrap2 .btn_form_link:after{content:"";display:block;float:right;width:8px;height:100%;background:url(../image/bu_arrow5.png) no-repeat right center;background-size:8px 15px;}
dl.form_wrap2 .bg_gray .input_box input{color:#999;background:#F7F7F7;}
dl.form_wrap2 .bg_gray .input_box input[readonly]{color:#999;background:#F7F7F7;}
dl.form_wrap2 .btn_tap{overflow: hidden;position: absolute;right: 20px;top: 50%;margin-top: -16px;}
dl.form_wrap2 .btn_tap li{float: left;}
dl.form_wrap2 .btn_tap li a{display: inline-block;width: 60px;height: 32px;border-radius: 4px;background: #f7f7f7;font-size: 14px;font-weight: 700;color: #ccc;text-align: center;line-height: 32px}
dl.form_wrap2 .btn_tap li.active a{background: #FFE40C;color: #000;}
dl.form_wrap2.tap dt{padding-top: 22px;padding-bottom: 22px;}

dl.form_wrap2 dd.align_justify{display:flex;align-items:center;}
dl.form_wrap2 dd.align_justify > *{flex:1;}
dl.form_wrap2 dd.align_justify > .wid_auto{flex:0 auto;}
dl.form_wrap2 .file_list{}
dl.form_wrap2 .file_list > li{padding:0 20px;font-size:0;}
dl.form_wrap2 .file_list > li strong{display:inline-block;padding:5px 0;vertical-align:middle;font-size:15px;line-height:20px;color:#000;transform:skew(-0.03deg);}
dl.form_wrap2 .file_list > li span{display:inline-block;padding:5px 0;vertical-align:middle;font-size:15px;font-weight:400;line-height:20px;color:#CCC;transform:skew(-0.03deg);}
dl.form_wrap2 .file_list > li a.btn_del{display:inline-block;width:30px;height:30px;padding:7px;vertical-align:middle;background:url(../image/ico_del02.png) no-repeat center center;background-size:16px;transform:skew(-0.03deg);}

dl.form_wrap2.type_tit{overflow:hidden;padding-bottom:10px;background:#7C91A7;}
dl.form_wrap2.type_tit dt{float:left;padding:12px 0 0 20px;color:#FFF;background:none;}
dl.form_wrap2.type_tit dd{float:right;padding:12px 20px 0 0;border-bottom:none;text-align:right;font-weight:400;color:#FFF;background:none;}
dl.form_wrap2.type_tit dd.sub_txt{text-align:left;}
dl.form_wrap2.type_tit dd.cbo{clear:both;float:none;width:100%;padding:4px 20px 0;}
dl.form_wrap2.type_tit dd > p{padding:0;margin-top:5px;line-height:17px;}
dl.form_wrap2.type_tit dd > p:first-child{margin-top:0;}



/* btn */
.btn_wrap{display:flex;flex-wrap:wrap;overflow:hidden;text-align:center;font-size:0;}
.btn{display:block;flex:1;height:48px;padding:13px 1px;margin:0 auto;border-radius:2px;box-sizing:border-box;vertical-align:top;text-align:center;font-size:16px;line-height:22px;background:#fff;}
.btn.wid50{flex:0 1 50%;}
.btn.wid25{flex:0 1 25%;}
.btn.btn_blue{background:#0B3F8C;color:#fff;transform:skew(-0.03deg);}
.btn.btn_yellow{background:#FFE40C;color:#000;transform:skew(-0.03deg);}
.btn.btn_red{background:#DC2C34;color:#FFF;transform:skew(-0.03deg);}
.btn.btn_gray{background:#F7F7F7;color:#CCC;transform:skew(-0.03deg);}
.btn.btn_grayblue{background:#425563;color:#FFF;transform:skew(-0.03deg);}
.btn.btn_deepGray{background:#E6E6E6;color:#CCC;transform:skew(-0.03deg);}

.btn_list{display: inline-block;width: 100px;border: 1px solid #425563;border-radius: 50px;font-size: 14px;color: #425563;line-height: 30px;transform:skew(-0.03deg);}
.btn_list:before{content:"";display:inline-block;width:12px;height:30px;margin-right: 5px;vertical-align:top;background:url(../image/ico_nav2.png) no-repeat center center;background-size:auto 9px;}

.btn_top{display:inline-block;overflow:hidden;position:fixed;left:50%;bottom:70px;z-index:100;width:48px;height:48px;margin-left: -24px;vertical-align:top;text-indent:-9999px;font-size:0;background:url(../image/btn_top.png) no-repeat center center;background-size:48px auto;transition:all .5s ease;}
.btn_top.btn_order{bottom: 120px;}

.btn_favorite{display:inline-block;font-size:0;width:24px;height:22px;background:url(../image/ico_favorite_off.png) no-repeat center center;background-size:24px 22px;}
.btn_favorite.on{background:url(../image/ico_favorite_on.png) no-repeat center center;background-size:24px 22px;}

.bdrs8{border-radius: 8px}

.btn_gray01{display:inline-block;padding:7px 15px;border:1px solid #425563;border-radius:50px;vertical-align:top;text-align:center;font-size:14px;line-height:16px;color:#425563;background:#FFF;transform:skew(-0.03deg);}
.btn_gray02{display:inline-block;padding:7px 15px;border:1px solid #CCC;border-radius:50px;vertical-align:top;text-align:center;font-size:14px;line-height:16px;color:#CCC;background:#FFF;transform:skew(-0.03deg);}
.btn_red01{display:inline-block;padding:7px 15px;border:1px solid #DC2C34;border-radius:50px;vertical-align:top;text-align:center;font-size:14px;line-height:16px;color:#DC2C34;background:#FFF;transform:skew(-0.03deg);}
.btn_trans{display:inline-block;padding:7px 0;border:none;vertical-align:top;text-align:center;font-size:14px;line-height:16px;color:#425563;background:transparent;transform:skew(-0.03deg);}
.btn_white01{display:inline-block;padding:7px 15px;border:1px solid #fff;border-radius:50px;vertical-align:top;text-align:center;font-size:14px;line-height:16px;color:#fff;background:transparent;transform:skew(-0.03deg);}


.ico_barcode{display:inline-block;width:12px;height:12px;margin-right:4px;vertical-align:middle;background:url(../image/ico_barcode.png) no-repeat center center;background-size:12px;}
.ico_plus{display:inline-block;width:12px;height:12px;margin-right:4px;vertical-align:middle;background:url(../image/ico_plus02.png) no-repeat center center;background-size:12px;}
.ico_plus02{display:inline-block;width:12px;height:12px;margin-right:4px;vertical-align:middle;background:url(../image/ico_plus03.png) no-repeat center center;background-size:12px;}
.ico_del{display:inline-block;width:10px;height:10px;margin-right:4px;vertical-align:middle;background:url(../image/ico_del.png) no-repeat center center;background-size:10px;}
.ico_alram{display:inline-block;width:15px;height:19px;margin-right:4px;vertical-align:middle;background:url(../image/ico_alert.png) no-repeat center center;background-size:15px auto;}
.ico_sort{display:inline-block;width:19px;height:12px;margin-right:4px;vertical-align:middle;background:url(../image/ico_sort.png) no-repeat center center;background-size:18px auto;}
.ico_event_prd{display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:middle;background:url(../image/ico_event_prd.png) no-repeat left center;background-size:16px;}
.ico_proc_rate{display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:middle;background:url(../image/ico_proc_rate.png) no-repeat left center;background-size:16px;}
.ico_target{display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:middle;background:url(../image/ico_target.png) no-repeat left center;background-size:16px;}
.ico_calendar{display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:middle;background:url(../image/ico_calendar.png) no-repeat left center;background-size:16px;}
.ico_flow_arrow{display:inline-block;width:24px;height:24px;margin-right:0;vertical-align:middle;background:url(../image/ico_flow_arrow.png) no-repeat left center;background-size:24px;}
.ico_result{display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:middle;background:url(../image/ico_result.png) no-repeat left center;background-size:16px;}

/* tab */
.tab_menu{display:flex;align-items:center;}
.tab_menu > li{flex:1;}
.tab_menu > li a{display:block;position:relative;padding:15px 0 17px;text-align:center;font-size:16px;line-height:18px;color:#000;transform:skew(-0.03deg);}
.tab_menu > li.active a:after{content:"";display:block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:4px;background:#003CFF;}

/* toggle */
.togg_btn{}
.togg_btn span{display:inline-block;vertical-align:top;}
.togg_btn .open_txt{display:inline-block;}
.togg_btn .close_txt{display:none;}
.togg_btn:after{content:"열기";display:inline-block;overflow:hidden;width:12px;height:100%;margin-left:4px;vertical-align:top;text-indent:-9999px;font-size:0;line-height:inherit;background:url(../image/ico_togg01_down.png) no-repeat right center;background-size:12px 6px;}
.togg_btn.opened:after{background:url(../image/ico_togg01_up.png) no-repeat right center;background-size:12px 6px;}
.togg_btn.opened .open_txt{display:none;}
.togg_btn.opened .close_txt{display:inline-block;}
.togg_con{overflow:hidden;}

/* common */
.inner{position: relative;margin: 0 20px}
#content{padding-bottom: 60px;}
.check_text{padding-top: 8px;font-size: 14px;font-weight: 400;color: #DC2C34;letter-spacing: -0.7px}
.state_cancel{color: #DC2C34;}
.state_finish{color: #00B52A;}
.state_ing{color: #F90;}
.state_waiting{color: #999;}

.text_box{padding: 20px;font-weight: 400;color: #666;word-break: break-all;}
.top_text_info{padding: 20px;border-bottom: 1px solid #ccc;font-size: 14px;font-weight: 400;transform:skew(-0.03deg);}

.fix_bottom_wrap{position:fixed;bottom:0;left:0;right: 0;z-index:200;width:100%;margin: 0 auto;background:#fff;transform:translateY(100%);-webkit-transform:translateY(100%);transition:all .3s ease-out;-webkit-transition:all .3s ease-out;}
.fix_bottom_wrap.shadow{box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}
.fix_bottom_wrap .btn_wrap{padding:0;}
.fix_bottom_wrap .btn_wrap .btn{height: 50px;}
.fix_bottom_wrap.fixed{transform:translateY(0);-webkit-transform:translateY(0);}

.pos_fixed{position:relative !important;}
.pos_fixed.fixed > .fix_el{position:fixed !important;top:0;left:0;right: 0;z-index:400;width:100%;}

/* progress bar */
.progress_box{overflow:hidden;height:24px;margin-top:10px;border-radius:50px;}
.progress_box .proc_bg{overflow:hidden;position:relative;height:24px;background:#F7F7F7;}
.progress_box .rate_bar{display:block;overflow:hidden;position:absolute;top:0;left:0;z-index:1;height:24px;border-radius:50px;background:#FFE40C;}
.progress_box .rate_txt{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;text-align:center;line-height:24px;transform:skew(-0.03deg);}

/* header */
#header .inner{margin:0;}
#header > .inner > .l_box{position:absolute;top:0;left:0;z-index:201;height:60px;text-align:left;font-size:0;}
#header > .inner > .r_box{position:absolute;top:0;right:0;z-index:201;height:60px;text-align:right;font-size:0;}

.header > .inner{height:60px;margin:0;border-bottom:1px solid #e5e5e5;background:#FFF;}
.header > .inner h1{font-size: 20px;font-weight: 800;line-height: 60px;text-align: center;}
.header > .inner a{display:inline-block;position:relative;padding:0 20px;box-sizing:content-box;vertical-align:top;}
.header a.btn_back{width:12px;height:60px;text-indent:-9999px;font-size:0;background:url(../image/ico_back.png) no-repeat center center;background-size:auto 22px;}

.header > .inner .search_box{position:relative;padding:7px 60px 7px 52px;}
.header > .inner .search_box input{padding:0;border:none;font-size:16px;font-weight:500;color:#1f1f1f;background:#fff;}
.header > .inner .search_box a.btn_sch{position:absolute;top:0;right:0;z-index:1;width:18px;height:60px;padding:0 21px;text-indent:-9999px;font-size:0;font-size:0;background:url(../image/ico_search.png) no-repeat center center;background-size:auto 18px;}}

.login_header{}
.login_header h1{padding: 80px 0;text-align: center;}
.login_header h1 img{width:auto;height:40px;}

/* footer */
footer .copy{padding-top: 30px;text-align:center; font-size:13px;font-weight: 400;transform:skew(-0.03deg);}

/* main */
.main_bg:after{content:'';position: fixed;left: 0;top: 0;z-index: 1;width:100%;height:100%;background:linear-gradient(to bottom, #f7f7f7, #ffffff);}

/* header main */
#header.main_header{position: relative;z-index: 2;height: 116px;background: #FFE40C;}
#header.main_header h1{padding: 14px 0 0 20px;}
#header.main_header h1 img{width:auto;height:28px;vertical-align:top;}
#header.main_header > .inner a{display:inline-block;position:relative;padding:0 20px;box-sizing:content-box;vertical-align:top;}
#header.main_header a.btn_nav{width:20px;height:59px;text-indent:-9999px;font-size:0;background:url(../image/ico_nav.png) no-repeat center center;background-size:auto 16px;}

/* main content */
.main_wrap{position: relative;z-index: 2}
.main_wrap .info_top{position: relative;margin-top: -55px;padding:20px;border-radius: 10px;background: #fff;box-shadow: 0 3px 10px #0000001A}
.main_wrap .info_top dt{position: relative;font-size: 22px;font-weight: 800;line-height: 25px;transform:skew(-0.03deg);}
.main_wrap .info_top dt button{position: absolute;right: 0;top: 0;width: 78px;height: 28px;border: 1px solid #0000001A;border-radius: 50px;background: #00000005;font-size: 16px;font-weight: 400;transform:skew(-0.03deg);}
.main_wrap .info_top dt button:before{content: '';display: inline-block;width: 12px;height: 8px;margin-right: 6px;background:url(../image/bu_arrow2.png) no-repeat center center;background-size:auto 8px;}
.main_wrap .info_top dt button em{margin-right: 3px;font-size: 16px;font-weight: 700;transform:skew(-0.03deg);}
.main_wrap .info_top dt button span{margin-left: 3px;font-size: 16px;font-weight: 400;transform:skew(-0.03deg);}
.main_wrap .info_top dd.text{padding:5px 0 10px;font-size: 15px;line-height: 18px;letter-spacing:-0.85px;transform:skew(-0.03deg);}
.main_wrap .info_top dd.btn button{width:100%;height: 44px;border-radius: 8px;background: #0B3F8C;font-size: 16px;color: #fff;box-shadow: 0 3px 10px #0000001A;transform:skew(-0.03deg);}
.main_wrap .info_top dd.btn .end{background: #7C91A7;}
.main_wrap .info_top dd.btn .end:before{content: '';display: inline-block;width: 12px;height: 8px;margin-right: 6px;background:url(../image/bu_arrow.png) no-repeat center center;background-size:auto 8px;}
.main_wrap .info_top dd.btn .disable{background: #F7F7F7;color: #ccc;}

.main_wrap .info_profile{position: relative;min-height:64px;margin-top: 13px;padding-left: 74px;}
.main_wrap .info_profile .img{position: absolute;left: 0;top: 0;width: 64px;}
.main_wrap .info_profile .img img{width: 100%;}
.main_wrap .info_profile dl{padding-top: 12px;}
.main_wrap .info_profile dt{font-size: 18px;font-weight: 800;line-height: 20px;letter-spacing:-0.9px;transform:skew(-0.03deg);}
.main_wrap .info_profile dd{margin-top: 5px;padding-left: 19px;line-height: 17px;letter-spacing:-0.9px;transform:skew(-0.03deg);}
.main_wrap .info_profile dd strong{color:#DC2C34;}
.main_wrap .info_profile dd:after{content:'';position: absolute;left: 0;top: 0;width: 15px;height: 18px;background:url(../image/ico_alert.png) no-repeat center center;background-size:auto 18px;}

.notice_wrap{padding: 0 0 4px;}
.notice_wrap ul{overflow-x:auto;overflow-y: hidden;padding: 13px 20px 10px 20px;white-space:nowrap;}
.notice_wrap ul li{display: inline-block;width: 150px;height: 146px;margin-right: 7px;border-radius: 10px;background: #fff;box-shadow: 0 3px 10px #0000001A;}
.notice_wrap ul li a{display: block;position: relative;padding: 20px 15px;}
.notice_wrap ul li strong{display: block;position: relative;padding-left: 22px;font-size: 16px;font-weight: 800;line-height: 18px;letter-spacing: -0.8px;transform:skew(-0.03deg);}
.notice_wrap ul li strong:after{content:'';position: absolute;left: 0;top: 0;width: 19px;height: 18px;background:url(../image/ico_notice.png) no-repeat center center;background-size:auto 18px;}
.notice_wrap ul li p{overflow: hidden;margin: 10px 0 15px;height: 48px;}
.notice_wrap ul li span{white-space:normal;display:-webkit-box;color: #333;line-height: 16px;letter-spacing: -0.45px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;transform:skew(-0.03deg);}
.notice_wrap ul li em{display: block;line-height: 17px;font-weight: 400;color: #666;letter-spacing: -0.75px;transform:skew(-0.03deg);}
.notice_wrap ul li.new a:after{content:'';position: absolute;right: 0;top: 0;width: 24px;height: 24px;background:url(../image/ico_new.png) no-repeat center center;background-size:auto 24px;}

.main_wrap .main_search{position: relative;height: 40px;border-radius: 10px;background: #fff;box-shadow: 0 3px 10px #0000001A;}
.main_wrap .main_search:after{content:'';position: absolute;left: 20px;top: 11px;width: 18px;height: 18px;background:url(../image/ico_search.png) no-repeat center center;background-size:auto 18px;}
.main_wrap .main_search input{border: none;width: 100%;height: 50px;line-height: 50px;font-size: 18px;transform:skew(-0.03deg);}
.main_wrap .main_search input::placeholder{font-size: 18px;color: #ccc;transform:skew(-0.03deg);}
.main_wrap .main_search a{display: block;padding: 0 17px 0 47px;font-size: 16px;color: #ccc;line-height: 40px;transform:skew(-0.03deg);}

.main_wrap .main_quick_nav{overflow: hidden;padding-top: 20px;}
.main_wrap .main_quick_nav li{float: left;width: 33.33%;padding-bottom: 15px;}
.main_wrap .main_quick_nav li a{display: block;text-align: center;}
.main_wrap .main_quick_nav li img{width: 40px;}
.main_wrap .main_quick_nav li span{display: block;padding-top: 5px;color: #333;line-height: 17px;letter-spacing: -0.75px;transform:skew(-0.03deg);}

/* 하단 퀵메뉴 */
#naviBar{position:fixed;bottom:0;left:0;z-index:300;width:100%;}
#naviBar .inner{position:relative;margin: 0;padding:0;}
#naviBar .inner .navi_list{overflow:hidden;}
#naviBar .inner .navi_list li{float:left;width:33.3%;height:50px;background:#f7f7f7;}
#naviBar .inner .navi_list li a{display:block;text-align:center;font-size:15px;color:#000;line-height: 50px;transform:skew(-0.03deg);}
#naviBar .inner .navi_list li a.navi_back:before{content:"";display:inline-block;width:13px;height:50px;margin-right: 5px;vertical-align:top;background:url(../image/ico_back2.png) no-repeat center center;background-size:auto 10px;}
#naviBar .inner .navi_list li a.navi_home:before{content:"";display:inline-block;width:12px;height:50px;margin-right: 5px;vertical-align:top;background:url(../image/ico_home.png) no-repeat center center;background-size:auto 12px;}
#naviBar .inner .navi_list li a.navi_nav:before{content:"";display:inline-block;width:12px;height:50px;margin-right: 5px;vertical-align:top;background:url(../image/ico_nav2.png) no-repeat center center;background-size:auto 9px;}

/* 커뮤니티 */
.edu_main{}
.edu_main .text_wrap{padding-top: 30px;font-weight: 400;text-align: center;transform:skew(-0.03deg);}
.edu_main .text_wrap strong{display: inline-block;position: relative;font-weight: 800;}
.edu_main .text_wrap strong span{position: relative;z-index: 2}
.edu_main .text_wrap strong:after{content: '';position: absolute;left: 0;bottom: 3px;width: 100%;height: 6px;background:#FFE40C;}
.edu_main .inner{margin: 0 15px;}
.edu_main .nav_wrap{padding-top: 20px;}
.edu_main .nav_wrap:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.edu_main .nav_wrap li{float: left;width: 50%;padding-bottom: 20px;}
.edu_main .nav_wrap li a{display: block;padding: 28px 0 20px;margin: 0 5px;border-radius: 10px;background: #fff;box-shadow: 0 3px 10px #0000001A;text-align: center;}
.edu_main .nav_wrap li img{width: 72px;}
.edu_main .nav_wrap li span{display: block;padding-top: 12px;color: #333;font-size: 16px;line-height: 18px;letter-spacing: -0.8px;transform:skew(-0.03deg);}

/* 테이블 style */
table.tbl_type01{table-layout:fixed;width:100%;border-bottom:1px solid #F0F0F0;}
table.tbl_type01 thead th{padding:9px 5px;border-top:1px solid #F0F0F0;text-align:center;letter-spacing:-0.75px;word-break:keep-all;word-wrap:break-word;background:#F7F7F7;transform:skew(-0.03deg);}
table.tbl_type01 tbody td{padding:10px 5px;border-top:1px solid #F0F0F0;text-align:left;font-weight:400;letter-spacing:-0.75px;word-break:keep-all;word-wrap:break-word;background:#fff;transform:skew(-0.03deg);}
table.tbl_type01 thead th:first-child{padding-left:20px;}
table.tbl_type01 thead th:last-child{padding-right:20px;}
table.tbl_type01 tbody td:first-child{padding-left:20px;}
table.tbl_type01 tbody td:last-child{padding-right:20px;}
table.tbl_type01 .state{text-align: center;}
table.tbl_type01 .btn_link_type{font-weight:700;color:#000;text-decoration:underline;}

/* 상단 검색 */
.search_top .opt_list > li{border-top:1px solid #F0F0F0;}
.search_top .opt_list > li:first-child{border-top:none;}
.search_top .opt_list > li input{width:100%;height:50px;border:none;font-size:15px;line-height:50px;transform:skew(-0.03deg);}

.search_top .opt_list > li .date_picker{min-width:175px;margin:-14px 0;font-size:14px;outline:0;}
.search_top .opt_list > li input::placeholder{font-size:15px;color:#ccc;transform:skew(-0.03deg);}
.search_top .opt_list > li.type_btn{position:relative;padding-right:77px;}
.search_top .opt_list > li.type_btn button{position:absolute;top:9px;right:20px;width:57px;height:32px;border-radius:50px;font-size:14px;font-weight:700;background:#FFE40C;transform:skew(-0.03deg);}
.search_top .opt_list > li dl{overflow:hidden;height:50px;padding:14px 0 14px 20px;text-align:left;font-size:0;white-space:nowrap;}
.search_top .opt_list > li dl dt{display:inline-block;padding-right:10px;vertical-align:top;font-size:15px;letter-spacing:-0.75px;transform:skew(-0.03deg);}
.search_top .opt_list > li dl dd{display:inline-block;vertical-align:top;font-size:15px;letter-spacing:-1px;transform:skew(-0.03deg);}

.sch_list_none{padding:60px 20px;}
.sch_list_none p{text-align:center;font-size:14px;color:#999;transform:skew(-0.03deg);}

/* board list */
.board_list{}
.board_list h2{height: 60px;padding:0 20px;border-bottom: 1px solid #ccc;font-size: 16px;line-height: 60px;transform:skew(-0.03deg);}
.board_list h2 span{color: #DC2C34;transform:skew(-0.03deg);}
.board_list ul{}
.board_list ul li{border-bottom: 1px solid #E6E6E6;}
.board_list ul li p{display: block;padding: 11px 20px 13px;}
.board_list ul li a{display: block;padding: 11px 20px 13px;}
.board_list ul li strong{display:-webkit-box;overflow: hidden;font-size: 16px;line-height: 18px;letter-spacing: -0.8px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;transform:skew(-0.03deg);}
.board_list ul li strong em{vertical-align:top;font-weight:700;}
.board_list ul li span{display: block;padding-top: 5px;font-weight: 400;color: #666;line-height: 17px;letter-spacing: -0.75px;transform:skew(-0.03deg);}
.board_list ul li span.opts{}
.board_list ul li span.opts em{display:inline-block;padding-right:8px;vertical-align:top;}
.board_list ul li span.opts em:before{content:"";display:inline-block;width:1px;height:12px;margin:3px 8px 2px 0;vertical-align:top;background:#CCC;}
.board_list ul li span.opts em:first-child:before{display:none;}
.board_list ul li .btn_wrap{border-top:1px solid #F0F0F0;}
.board_list ul li .btn_wrap a{height:41px;padding:0;border-left:1px solid #F0F0F0;font-size:15px;line-height:41px;color:#000;transform:skew(-0.03deg);}
.board_list ul li .btn_wrap a:first-child{border-left:none;}

/* board detail */
.board_detail{}
.board_detail dt{padding: 11px 20px 13px;border-bottom: 1px solid #E6E6E6;}
.board_detail dt strong{display: block;font-size: 16px;font-weight: 800;line-height: 18px;letter-spacing: -0.8px;transform:skew(-0.03deg);}
.board_detail dt span{display: block;padding-top: 5px;font-weight: 400;color: #666;line-height: 17px;letter-spacing: -0.75px;transform:skew(-0.03deg);}
.board_detail .con{padding: 24px 20px 20px;font-weight: 400;color: #666;line-height: 20px;letter-spacing: -0.75px;transform:skew(-0.03deg);}
.board_detail .text{padding-bottom: 20px;}
.board_detail .img{position: relative;margin-bottom: 30px;}
.board_detail .img .btn_down{position: absolute;right: 10px;bottom: 10px;width:40px;height:40px;text-indent:-9999px;font-size:0;background:url(../image/btn_down.png) no-repeat center center;background-size:auto 40px;}
.board_detail .btn_wrap{display: block;text-align: center;}

/* board list02 */
.board_list02{}
.board_list02 .top_box{display:flex;position:relative;align-items:center;height:58px;padding:0 20px;}
.board_list02 .top_box p{font-size:16px;line-height:18px;letter-spacing:-0.75px;transform:skew(-0.03deg);}
.board_list02 .top_box p.bull_circle{position:relative;}
.board_list02 .top_box p.bull_circle:before{content:"●";display:inline-block;margin-right:6px;vertical-align:top;font-size:10px;line-height:18px;}
.board_list02 .top_box + ul{border-top:1px solid #ccc;}
.board_list02 .sub_box{display:flex;position:relative;align-items:center;padding:0 20px;}
.board_list02 .sub_box p{padding-bottom:10px;font-size:16px;line-height:18px;letter-spacing:-0.75px;transform:skew(-0.03deg);}
.board_list02 ul > li{overflow:hidden;position:relative;z-index:0;padding:10px 20px;border-bottom:1px solid #E6E6E6;}
.board_list02 ul > li p{margin-top:6px;line-height:18px;}
.board_list02 ul > li p:first-child{margin-top:0;}
.board_list02 ul > li p strong{display:inline-block;vertical-align:top;font-size:16px;color:#000;transform:skew(-0.03deg);}
.board_list02 ul > li p span{display:inline-block;vertical-align:top;font-size:15px;font-weight:400;color:#666;transform:skew(-0.03deg);}
.board_list02 ul > li p span em{padding: 0 5px;color: #CCC;}
.board_list02 ul > li .ex_day{display:block;position:absolute;top:10px;right:20px;z-index:-1;text-align:right;font-size:12px;line-height:20px;}
.board_list02 ul > li .opts{display:block;}
.board_list02 ul > li .opts span{display:inline-block;padding-right:8px;vertical-align:top;}
.board_list02 ul > li .opts span:before{content:"";display:inline-block;width:1px;height:12px;margin:3px 8px 3px 0;vertical-align:top;background:#CCC;transform:skew(-0.03deg);}
.board_list02 ul > li .opts span:first-child:before{display:none;}
.board_list02 ul > li .ico_alram{margin-right:6px;}
.board_list02 ul > li .btn_link{display:block;overflow:hidden;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;text-indent:-9999px;font-size:0;}
.board_list02.type_chk .top_box .input_box + p{padding-left:36px;}
.board_list02.type_chk ul > li{padding-left:56px;}
.board_list02.type_chk .input_box{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}
.board_list02.type_chk .input_box input{display:block;width:100%;height:100%;background-position:20px center;}
.board_list02.type_chk .total_chk{padding-bottom:0;}
.board_list02.type_chk .total_chk p{transform:skew(-0.03deg);}
.board_list02.type_btn ul > li{padding-right:100px;}
.board_list02.type_btn ul > li > a{position:absolute;top:50%;right:20px;z-index:1;transform:translateY(-50%) skew(-0.03deg);}

.board_list02.type_chk02 .top_box p{padding-left:36px;}
.board_list02.type_chk02 ul > li{padding-right:64px;padding-left:56px;}
.board_list02.type_chk02 .input_box{position:absolute;top:0;left:0;z-index:1;width:calc(100% - 64px);height:100%;}
.board_list02.type_chk02 .input_box input{display:block;width:100%;height:100%;background-position:20px center;}
.board_list02.type_chk02 .total_chk{padding-bottom:0;}
.board_list02.type_chk02 .total_chk p{transform:skew(-0.03deg);}
.board_list02.type_chk02 .btn_favorite{position:absolute;top:0;right:0;z-index:1;width:64px;height:100%;}

/* Login */
.login_wrap{}
.login_wrap .mt8{margin-top: 8px;}
.login_wrap .input_box.default{padding: 18px 0 24px;}

/** layer popup **/
/* normal type */
.layer_pop_wrap{display:table;table-layout:fixed;position:fixed;top:0;left:0;z-index:1001;width:100%;height:100vh;background:rgba(0,0,0,0.7);touch-action:none;}
.layer_pop_wrap .pop_inner{display:table-cell;padding:15px 20px;vertical-align:middle;}
.layer_pop_wrap .pop_inner .pop_wrap{overflow: hidden;position:relative;padding-top:60px;background:#fff;border-radius:8px;}
.layer_pop_wrap .btn{border-radius:0;}
.layer_pop_wrap .btn_close{display:block;overflow:hidden;position:absolute;top:0;right:0;z-index:10;text-indent:-9999px;width:50px;height:50px;font-size:0;background:url(../image/btn_close.png) no-repeat center center;background-size:16px;}
.layer_pop_wrap .btn_close2{display:block;overflow:hidden;position:absolute;top:0;right:0;z-index:10;text-indent:-9999px;width:60px;height:60px;font-size:0;background:url(../image/btn_close2.png) no-repeat center center;background-size:18px;}
.layer_pop_wrap .btn_close2.pos_left{left:0;right:auto;}
.layer_pop_wrap .btn_close3{display:block;overflow:hidden;position:absolute;top:0;right:0;z-index:10;text-indent:-9999px;width:50px;height:50px;font-size:0;background:url(../image/btn_close3.png) no-repeat center center;background-size:18px;}
.layer_pop_wrap .tit_box{position:absolute;top:0;left:0;z-index:1;width:100%;height:60px;}
.layer_pop_wrap .tit_box h2{padding:20px 50px 20px 20px;font-size:18px;line-height:20px;transform:skew(-0.03deg);}
.layer_pop_wrap .tit_box .sub_txt{position:absolute;top:48px;left:20px;z-index:1;font-size:14px;line-height:16px;transform:skew(-0.03deg);}
.layer_pop_wrap .tit_box02{position:absolute;top:0;left:0;z-index:1;width:100%;height:60px;border-bottom:1px solid #E6E6E6;}
.layer_pop_wrap .tit_box02 h2{padding:20px;text-align:center;font-size:18px;font-weight:800;line-height:20px;transform:skew(-0.03deg);}
.layer_pop_wrap .con_box{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 130px);padding:20px 0 25px;padding-top: 0;box-sizing:border-box;}
.layer_pop_wrap dl{}
.layer_pop_wrap dl dt{font-size:16px;line-height:18px;color:#000;transform:skew(-0.03deg);}
.layer_pop_wrap dl dd{margin-top:6px;font-weight:400;line-height:17px;color:#666;transform:skew(-0.03deg);}
.layer_pop_wrap .search_top dl dt{line-height:inherit;}
.layer_pop_wrap .search_top dl dd{margin-top:0;font-weight:700;line-height:inherit;color:#000;}
.layer_pop_wrap .info_box{padding:10px 20px 0;}
.layer_pop_wrap .info_box dl{margin-top:20px;}

/* full layer type */
.layer_pop_wrap.type_full{}
.layer_pop_wrap.type_full .pop_inner{padding:0;}
.layer_pop_wrap.type_full .pop_inner .pop_wrap{height:100vh;padding-top:60px;border-radius:0;}
.layer_pop_wrap.type_full .tit_box h2{text-align:center;}
.layer_pop_wrap.type_full .con_box{max-height:calc(100vh - 60px);padding:0 0 50px;}
.layer_pop_wrap.type_full .fix_bottom_wrap{position:fixed;bottom:0;left:0;width:100%;}
.layer_pop_wrap.all_nav .pop_inner .pop_wrap{padding-top: 160px;border-radius:0;}
.layer_pop_wrap.all_nav .con_box{padding: 20px;max-height:calc(100vh - 170px);}
.layer_pop_wrap .top_info{position: absolute;left: 0;top: 0;width: 100%;padding: 0 20px 24px;background: #FFE40C;}
.layer_pop_wrap .top_info dl{padding-bottom: 15px;}
.layer_pop_wrap .top_info dl dt{padding-top: 19px;}
.layer_pop_wrap .top_info dl dt a{font-size: 20px;font-weight: 400;line-height: 23px;letter-spacing: -1px;transform:skew(-0.03deg);}
.layer_pop_wrap .top_info dl dt a:after{content:"";display:inline-block;width:8px;height:22px;margin-left: 8px;vertical-align:top;background:url(../image/bu_arrow4.png) no-repeat center center;background-size:auto 15px;}
.layer_pop_wrap .top_info dl dt strong{font-weight: 800;transform:skew(-0.03deg);}
.layer_pop_wrap .top_info dl dd{padding-top: 19px;font-size: 16px;line-height: 18px;transform:skew(-0.03deg);}
.layer_pop_wrap .top_info .btn_wrap{overflow: hidden;}
.layer_pop_wrap .top_info .btn_wrap li{float: left;width: 50%;}
.layer_pop_wrap .top_info .btn_wrap li a{display: block;border-radius: 50px;background: #0B3F8C;font-size: 14px;color: #fff;line-height: 40px;text-align: center;transform:skew(-0.03deg);}
.layer_pop_wrap .top_info .btn_wrap li a.btn_search:before{content:"";display:inline-block;width:12px;height:40px;margin-right: 5px;vertical-align:top;background:url(../image/ico_search2.png) no-repeat center center;background-size:auto 11px;}
.layer_pop_wrap .top_info .btn_wrap li a.btn_plus:before{content:"";display:inline-block;width:12px;height:40px;margin-right: 5px;vertical-align:top;background:url(../image/ico_plus.png) no-repeat center center;background-size:auto 12px;}
.layer_pop_wrap .top_info .btn_wrap li a.btn_search{margin-right: 5px;}
.layer_pop_wrap .top_info .btn_wrap li a.btn_search{margin-left: 5px;}

.layer_pop_wrap .nav_wrap{}
.layer_pop_wrap .nav_wrap dl{position: relative;padding:0 0 32px 140px;}
.layer_pop_wrap .nav_wrap dl dt{position: absolute;left: 0;top: 0;padding-left: 24px;font-size: 16px;font-weight: 800;line-height: 18px;letter-spacing: -0.8px;transform:skew(-0.03deg);}
.layer_pop_wrap .nav_wrap dl dd{padding-bottom: 20px;}
.layer_pop_wrap .nav_wrap dl dd:last-child{padding-bottom: 0;}
.layer_pop_wrap .nav_wrap dl dd a{display: inline-block;font-size: 16px;line-height: 18px;letter-spacing: -0.8px;transform:skew(-0.03deg);}
.layer_pop_wrap .nav_wrap dl.nav1 dt:after{content:"";position: absolute;left: 0;top: 50%;width:16px;height:16px;margin-top: -8px;vertical-align:top;background:url(../image/icon_nav1.png) no-repeat center center;background-size:auto 16px;}
.layer_pop_wrap .nav_wrap dl.nav2 dt:after{content:"";position: absolute;left: 0;top: 50%;width:16px;height:16px;margin-top: -8px;vertical-align:top;background:url(../image/icon_nav2.png) no-repeat center center;background-size:auto 16px;}
.layer_pop_wrap .nav_wrap dl.nav3 dt:after{content:"";position: absolute;left: 0;top: 50%;width:16px;height:16px;margin-top: -8px;vertical-align:top;background:url(../image/icon_nav3.png) no-repeat center center;background-size:auto 16px;}
.layer_pop_wrap .nav_wrap dl.nav4 dt:after{content:"";position: absolute;left: 0;top: 50%;width:16px;height:16px;margin-top: -8px;vertical-align:top;background:url(../image/icon_nav4.png) no-repeat center center;background-size:auto 16px;}
.layer_pop_wrap .nav_wrap dl.nav5 dt:after{content:"";position: absolute;left: 0;top: 50%;width:16px;height:16px;margin-top: -8px;vertical-align:top;background:url(../image/icon_nav5.png) no-repeat center center;background-size:auto 16px;}
.layer_pop_wrap .nav_wrap dl.nav6 dt:after{content:"";position: absolute;left: 0;top: 50%;width:16px;height:16px;margin-top: -8px;vertical-align:top;background:url(../image/icon_nav6.png) no-repeat center center;background-size:auto 16px;}
.layer_pop_wrap .nav_wrap dl.nav7 dt:after{content:"";position: absolute;left: 0;top: 50%;width:16px;height:16px;margin-top: -8px;vertical-align:top;background:url(../image/icon_nav7.png) no-repeat center center;background-size:auto 16px;}
.layer_pop_wrap .nav_wrap dl.nav8 dt:after{content:"";position: absolute;left: 0;top: 50%;width:16px;height:16px;margin-top: -8px;vertical-align:top;background:url(../image/icon_nav8.png) no-repeat center center;background-size:auto 16px;}

.layer_pop_wrap.layer_bottom .pop_inner .pop_wrap{overflow: inherit;position: absolute;width: calc(100% - 20px);left: 10px;bottom: 12px;padding: 20px;}
.layer_pop_wrap.layer_bottom .pop_inner .pop_wrap .btn_close3{position: absolute;top: -50px;}
.layer_pop_wrap.layer_bottom .con_box{padding:0;}

.active_nav{overflow: hidden;}
.active_nav li{float: left;width: 50%;}
.active_nav li a{display: block;position: relative;padding-left: 22px;line-height: 17px;letter-spacing: -0.75px;transform:skew(-0.03deg);}
.active_nav li a.active_nav1:after{content:"";position: absolute;left: 0;top: 50%;width:16px;height:16px;margin-top: -8px;vertical-align:top;background:url(../image/ico_active1.png) no-repeat center center;background-size:auto 16px;}
.active_nav li a.active_nav2:after{content:"";position: absolute;left: 0;top: 50%;width:16px;height:16px;margin-top: -8px;vertical-align:top;background:url(../image/ico_active2.png) no-repeat center center;background-size:auto 16px;}
.active_nav li a.active_nav3:after{content:"";position: absolute;left: 0;top: 50%;width:16px;height:16px;margin-top: -8px;vertical-align:top;background:url(../image/ico_active3.png) no-repeat center center;background-size:auto 16px;}
.active_nav li a.active_nav4:after{content:"";position: absolute;left: 0;top: 50%;width:16px;height:16px;margin-top: -8px;vertical-align:top;background:url(../image/ico_active4.png) no-repeat center center;background-size:auto 16px;}
.active_nav li a.active_nav5:after{content:"";position: absolute;left: 0;top: 50%;width:16px;height:16px;margin-top: -8px;vertical-align:top;background:url(../image/ico_active5.png) no-repeat center center;background-size:auto 16px;}
.active_nav li a.active_nav3{margin: 33px 0}
.active_nav li a.active_nav4{margin: 33px 0}

#popSelect .pop_wrap{padding: 0;}
.layer_pop_wrap .select_item{overflow-y: auto;max-height: 240px}
.layer_pop_wrap .select_item li{position: relative;padding:0 15px;border-bottom: 1px solid #E6E6E6;}
.layer_pop_wrap .select_item li button{width: 100%;height: 50px;font-size: 16px;text-align: left;transform:skew(-0.03deg);}
.layer_pop_wrap .select_item li.select button:after{content:"";position: absolute;right: 0;top: 50%;width:15px;height:10px;margin-top: -5px;vertical-align:top;background:url(../image/bu_arrow6.png) no-repeat center center;background-size:auto 10px;}
.layer_pop_wrap .select_item li:last-child{border-bottom: none;}

.bot_box{position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;background: #F7F7F7;}
.bot_box a{display: block;width: 100px;font-weight: 400;line-height: 50px;text-align: center;transform:skew(-0.03deg);}
.bot_box a.btn_check{float: left;}
.bot_box a.btn_set{float: right;}
.bot_box a.btn_set:before{content:"";display: inline-block;width:12px;height:50px;margin-right: 5px;vertical-align:top;background:url(../image/ico_set.png) no-repeat center center;background-size:auto 12px;}

.place_wrap{}
.place_wrap .place{padding-bottom: 15px;}
.place_wrap .place dt{font-size: 16px;font-weight: 400;transform:skew(-0.03deg);}
.place_wrap .place dd{color: #666;font-weight: 400;transform:skew(-0.03deg);}
.place_wrap .textarea_box{margin-top: 15px;}

.place_select{}
.place_select h3{padding: 16px 20px;border-bottom: 1px solid #ccc;font-size: 18px;line-height: 20px;letter-spacing: -0.9px;transform:skew(-0.03deg);}
.place_select .place_list{}
.place_select .place_list li{position: relative;padding: 12px 20px 12px 55px;border-bottom: 1px solid #F0F0F0;}
.place_select .place_list li .input_box{position: absolute;left: 20px;top: 50%;margin-top: -12px;}
.place_select .place_list .input_box input[type="checkbox"]{margin:0;}
.place_select .place_list .input_box input[type="checkbox"] + label{visibility:hidden;overflow:hidden;position:absolute;left:-100%;padding:0;font-size:0;}
.place_select .place_list dt{font-size: 16px;line-height: 18px;letter-spacing: -0.8px;transform:skew(-0.03deg);}
.place_select .place_list dd{font-size: 15px;font-weight: 400;color: #666;line-height: 17px;letter-spacing: -0.75px;transform:skew(-0.03deg);}

/* 로딩 */
.sk-chase {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); }
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); }
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  } 100%, 0% {
    transform: scale(1.0);
  }
}

/* 페이징 스타일01 */
.paging_wrap01{display:flex;clear:both;justify-content:center;max-width:320px;padding:20px;margin:0 auto;}
.paging_wrap01 > a{display:block;display:flex;justify-content:center;width:30px;height:30px;margin:0 5px;border-radius:50%;text-align:center;font-size:16px;line-height:30px;white-space:nowrap;transform:skew(-0.03deg);}
.paging_wrap01 > a.active{background:#FFE40C;}
.paging_wrap01 > a.btn_next_p{font-size:0;background:url(../image/btn_next_p.png) no-repeat center center;background-size:30px;}
.paging_wrap01 > a.btn_prev_p{font-size:0;background:url(../image/btn_prev_p.png) no-repeat center center;background-size:30px;}

/* 내 거래처 */
.myclient_wrap{}
.myclient_wrap .board_list ul li{position:relative;padding-right:76px;}
.myclient_wrap .board_list ul li a{padding-right:0;}
.myclient_wrap .board_list ul li a.btn_tel{display:block;position:absolute;top:0;right:0;z-index:1;width:76px;height:100%;background:url(../image/ico_tel.png) no-repeat center center;background-size:36px;}

/* 주문 */
.btn_add_order{display:block;overflow:hidden;position:fixed;bottom:70px;right:20px;z-index:100;width:48px;height:48px;text-indent:-9999px;font-size:0;background:url(../image/btn_add_order.png) no-repeat center center;background-size:48px;}
.order_wrap{padding-bottom:50px;}
.order_wrap dl.form_wrap dd .input_box input{font-weight:400;color:#666;}
.order_wrap .payment_box{overflow:hidden;}
.order_wrap .payment_box dl{display:flex;justify-content:space-between;padding:0 20px;}
.order_wrap .payment_box dl dt{padding:15px 0;text-align:left;font-size:14px;line-height:20px;color:#000;transform:skew(-0.03deg);}
.order_wrap .payment_box dl dd{flex:1 0 auto;padding:15px 0;text-align:right;font-size:14px;line-height:20px;transform:skew(-0.03deg);}
.order_wrap .payment_box dl dd.price01{font-size:0;}
.order_wrap .payment_box dl dd.price01 strong{vertical-align:baseline;font-size:18px;line-height:20px;}
.order_wrap .payment_box dl dd.price01 .unit{padding-left:3px;vertical-align:baseline;font-size:14px;line-height:20px;}
.info_detail01{padding:20px 0;}
.info_detail01 .txt01{padding:0 20px;font-size:16px;font-weight:800;transform:skew(-0.03deg);}
.info_detail01 dl{display:flex;flex-wrap:wrap;padding:0 20px;}
.info_detail01 dl dt{flex:0 32%;padding:3px 0;line-height:17px;transform:skew(-0.03deg);}
.info_detail01 dl dd{flex:0 68%;position:relative;padding:3px 0;font-weight:400;line-height:17px;color:#666;transform:skew(-0.03deg);}
.info_detail01 dl dd a.btn_util{position:absolute;top:0;right:0;z-index:1;padding:3px 10px 2px;box-sizing:border-box;font-size:12px;font-weight:700;}
.info_detail01 ul{overflow:hidden;margin-top:10px;}
.info_detail01 ul li{padding:0 20px;margin-top:5px;font-size:15px;font-weight:400;line-height:17px;color:#666;transform:skew(-0.03deg);}
.info_detail01 ul li:first-child{margin-top:0}
.order_wrap .chk_prd_list{padding-bottom:40px;}
.order_wrap .chk_prd_list .total_chk{position:relative;padding:0 20px;margin-top:15px;}
.order_wrap .chk_prd_list .total_chk > a{padding:3px 10px 2px;box-sizing:border-box;font-size:12px;font-weight:700;}
.order_wrap .chk_prd_list .total_chk > .input_box{position:absolute;top:3px;right:20px;z-index:1;text-align:right;}
.order_wrap .chk_prd_list .total_chk > .input_box label{font-size:14px;line-height:16px;transform:skew(-0.03deg);}
.order_wrap .chk_prd_list .total_chk > .input_box input[type="checkbox"]{margin-left:4px;}
.order_wrap .chk_prd_list ul{padding:0 20px;}
.order_wrap .chk_prd_list ul > li{overflow:hidden;padding:15px;margin-top:12px;border:1px solid #425563;border-radius:8px;box-shadow:0 3px 10px 0 rgba(0,0,0,0.2);}
.order_wrap .chk_prd_list ul > li .prd_name{position:relative;padding-right:28px;}
.order_wrap .chk_prd_list ul > li .prd_name.input_box label{display:-webkit-box;overflow:hidden;font-size:16px;line-height:20px;word-break:break-all;white-space:normal;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;transform:skew(-0.03deg);}
.order_wrap .chk_prd_list ul > li .prd_name.input_box input[type="checkbox"]{position:absolute;top:0;right:0;z-index:1;}
.order_wrap .chk_prd_list ul > li .ea_box{display:flex;margin-top:12px;}
.order_wrap .chk_prd_list ul > li .ea_box > div{flex:1;}
.order_wrap .chk_prd_list ul > li .ea_box > div.input_box{display:flex;overflow:hidden;margin-left:8px;border:1px solid #E6E6E6;border-radius:4px;}
.order_wrap .chk_prd_list ul > li .ea_box > div.input_box:first-child{margin-left:0;}
.order_wrap .chk_prd_list ul > li .ea_box > div.input_box input{flex:1;padding:0 0 0 9px;font-size:14px;font-weight:700;color:#000;}
.order_wrap .chk_prd_list ul > li .ea_box > div.input_box .ea_unit{padding-right:9px;font-size:14px;font-weight:700;line-height:30px;}
.order_wrap .chk_prd_list ul > li .ea_box > div.total_cnt{padding:4px 0;text-align:right;font-size:14px;line-height:24px;transform:skew(-0.03deg);}
.order_wrap .chk_prd_list ul > li .opts{overflow:hidden;clear:both;width:calc(100% + 8px);margin-top:12px;box-sizing:content-box;}
.order_wrap .chk_prd_list ul > li .opts > span{display:block;float:left;padding-right:16px;margin-left:-8px;vertical-align:top;font-size:13px;line-height:20px;color:#FF0000;transform:skew(-0.03deg);}
.order_wrap .chk_prd_list ul > li .opts > span:before{content:"";display:inline-block;width:1px;height:12px;margin:4px 8px 0 0;vertical-align:top;background:#CCC;}

.order_wrap .chk_prd_list ul > li.active .prd_name.input_box label{display:block;}
.order_wrap .chk_prd_list ul > li.reconfirm{border-color:#DC2C34;}
.order_wrap .chk_prd_list ul > li.reconfirm .prd_name.input_box label{color:#DC2C34;}

/* 제품 - 유통기한 */
.ex_date_wrap dl.form_wrap dd .input_box input{font-weight:400;color:#666;}
.ex_date_wrap .board_list02 > li{padding-bottom:20px;}
#popExdateDel .board_list02 > li{padding-bottom:20px;}
.btn_add_product{display:block;overflow:hidden;position:fixed;bottom:70px;right:20px;z-index:100;width:48px;height:48px;text-indent:-9999px;font-size:0;background:url(../image/btn_add_product.png) no-repeat center center;background-size:48px;}
.btn_push_message{display:block;overflow:hidden;position:fixed;bottom:70px;right:320px;z-index:100;width:48px;height:48px;text-indent:-9999px;font-size:0;background:url(../image/btn_send_message.png) no-repeat center center;background-size:48px;}


/* 통합검색 */
.search_wrap{}
.search_wrap .txt_box{padding:70px 20px 0;text-align:center;}
.search_wrap .txt_box p{font-size:16px;font-weight:800;line-height:24px;color:#000;transform:skew(-0.03deg);}
.search_wrap .barcode{margin-top:20px;text-align:center;}
.search_wrap .board_list ul li{border-bottom:10px solid #F0F0F0;}

/* 매출현황 */
.sales_wrap{}
.sales_wrap .tit_icon{display:flex;padding:0 20px;font-size:16px;color:#000;transform:skew(-0.03deg);}
.sales_wrap .sub_tit{padding:0 20px;margin-top:12px;font-size:15px;color:#666;transform:skew(-0.03deg);}
.sales_wrap .txt_box{padding:20px;text-align:left;}
.sales_wrap .txt_box p{font-weight:400;line-height:20px;color:#666;transform:skew(-0.03deg);}
.sales_wrap .detail_info_sales{padding:20px 0 40px;border-top:1px solid #E6E6E6;}
.sales_wrap .detail_info_sales .sect{padding:0 20px;}
.sales_wrap .detail_info_event{padding:20px 0 40px;border-top:1px solid #E6E6E6;}
.sales_wrap .detail_info_event dl{overflow:hidden;padding:0 20px;margin-top:15px;}
.sales_wrap .detail_info_event dl dt{font-weight:400;color:#666;transform:skew(-0.03deg);}
.sales_wrap .sales_target_box{overflow:hidden;position:relative;padding:15px 20px 20px;}
.sales_wrap .sales_target_box .info01{display:flex;overflow:hidden;float:left;width:45%;height:108px;padding:30px 0 0;border-radius:8px;text-align:center;background:#F7F7F7;}
.sales_wrap .sales_target_box .info01 dl{flex:1;}
.sales_wrap .sales_target_box .info01 dl dt{font-size:14px;transform:skew(-0.03deg);}
.sales_wrap .sales_target_box .info01 dl dd{font-size:16px;letter-spacing:-1.2px;transform:skew(-0.03deg);}
.sales_wrap .sales_target_box .info01 dl dd .unit{margin-left:1px;font-size:14px;}
.sales_wrap .sales_target_box > i{display:block;position:absolute;top:50%;left:45%;z-index:1;margin:-12px 0 0 -5px;}
.sales_wrap .sales_target_box .info02{display:flex;overflow:hidden;width:calc(55% - 10px);margin-left:10px;padding:30px 0 0;border:1px solid #00b52a;border-radius:8px;height:108px;text-align:center;background:#FFF;box-shadow:0 3px 10px 0 #0000001a;}
.sales_wrap .sales_target_box .info02 dl{flex:1;}
.sales_wrap .sales_target_box .info02 dl dt{font-size:14px;transform:skew(-0.03deg);}
.sales_wrap .sales_target_box .info02 dl dd{font-size:16px;letter-spacing:-1.2px;color:#00b52a;transform:skew(-0.03deg);}
.sales_wrap .sales_target_box .info02 dl dd .unit{margin-left:1px;font-size:14px;}
.sales_wrap .sales_target_box .info02 dl dd.sub_txt{font-size:14px;font-weight:400;}
.sales_wrap .sales_by_prd{overflow:hidden;background:#F7F7F7;}
.sales_wrap .sales_by_prd .sales_target_box.bdb{padding-bottom:12px;border-bottom:1px solid #E6E6E6;}
.sales_wrap .sales_by_prd .sales_target_box .info01{background:#FFF;}
.sales_wrap .sales_by_prd .sales_target_box .info02{box-shadow:none;}
.sales_wrap .graph_area{position:relative;padding:15px 20px 0;}
.sales_wrap .graph_area .g_caption{position:absolute;top:0;right:20px;z-index:1;margin-top:-16px;font-size:12px;line-height:13px;color:#999;transform:skew(-0.03deg);}

/* 현장톡 - 클레임등록 */
.btn_add_check{display:block;overflow:hidden;position:fixed;bottom:70px;right:20px;z-index:100;width:48px;height:48px;text-indent:-9999px;font-size:0;background:url(../image/btn_add_check.png) no-repeat center center;background-size:48px;}

/* 현장톡 - 클레임등록 */
.btn_add_claim3{display:block;overflow:hidden;position:fixed;bottom:70px;right:20px;z-index:100;width:48px;height:48px;text-indent:-9999px;font-size:0;background:url(../image/btn_add_claim3.png) no-repeat center center;background-size:48px;}


.field_wrap dl.form_wrap dd .input_box input{font-weight:400;color:#666;}

/* 조원관리 */
.member_wrap{}
.member_wrap .board_list ul li{position:relative;padding-right:76px;}
.member_wrap .board_list ul li a{padding-right:0;}
.member_wrap .board_list ul li a.btn_tel{display:block;position:absolute;top:0;right:0;z-index:1;width:76px;height:100%;background:url(../image/ico_tel.png) no-repeat center center;background-size:36px;}
.member_wrap .board_list ul li a.btn_gray01{position:absolute;top:50%;right:20px;margin-top: -16px;z-index:1;}
.member_wrap .board_list ul li a.btn_gray01{display:inline-block;padding:7px 15px;border:1px solid #425563;border-radius:50px;vertical-align:top;text-align:center;font-size:14px;line-height:16px;color:#425563;background:#FFF;transform:skew(-0.03deg);}


.member_wrap .top_info{position: relative;padding: 16px 20px;background: #0B3F8C;}
.member_wrap .top_info h2{font-size: 18px;color: #fff;transform:skew(-0.03deg);}
.member_wrap .top_info p{padding-left: 20px;color: #fff;transform:skew(-0.03deg);}
.member_wrap .top_info p:after{content:"";position: absolute;left: 0;top: 50%;width:16px;height:16px;margin-top: -8px;vertical-align:top;background:url(../image/icon_person.png) no-repeat center center;background-size:auto 16px;}
.member_wrap .top_info a{position: absolute;right: 20px;bottom: 16px;}

.member_wrap .quick_link{padding: 0 20px;font-size: 14px;line-height: 40px;transform:skew(-0.03deg);}
.member_wrap .quick_link em{padding:0 5px 0 13px;color: #ccc;}
.member_wrap .quick_link a{display: inline-block;width: 40px;text-align: center;}

/* 마이페이지 */
.mypage_wrap .txt_box {height:76px; padding:20px; border-bottom:1px solid #CCCCCC;}
.mypage_wrap .txt_box p {font-size:14px; text-align:left; transform:skew(-0.03deg);}
#popLs .con_box .txt_box {padding:24px 20px 0 20px;}
#popLs .con_box .txt_box p {font-size:15px; transform:skew(-0.03deg); color:#666666;}

.schedule_top{}
.schedule_top .date_wrap{position: relative;padding:22px 20px;}
.schedule_top .date_wrap h2{font-size: 18px; font-weight: 800;line-height: 20px; transform:skew(-0.03deg);}
.schedule_top .date_wrap .btn_sc{position: absolute;right: 20px;top: 0px;}
.schedule_top .date_wrap .btn_sc .prev{display: inline-block;width:32px;height:32px;text-indent:-9999px;font-size:0;background:url(../image/btn_prev.png) no-repeat center center;background-size:auto 32px;}
.schedule_top .date_wrap .btn_sc .next{display: inline-block;width:32px;height:32px;text-indent:-9999px;font-size:0;background:url(../image/btn_next.png) no-repeat center center;background-size:auto 32px;}
.schedule_top .text_info{background: #F7F7F7;font-size: 16px;line-height: 50px;text-align: center;transform:skew(-0.03deg);}
.schedule_top .text_info span{color: #DC2C34;}

.schedule_top .text_info2{overflow: hidden;background: #F7F7F7;font-size: 16px;line-height: 50px;text-align: center;transform:skew(-0.03deg);}
.schedule_top .text_info2 li{overflow: hidden;float: left;width: 50%;}
.schedule_top .text_info2 li strong{float: left;padding-left: 20px;}
.schedule_top .text_info2 li span{float: right;padding-right: 20px;}
.schedule_top .text_info2 li span em{font-weight: 700}
.schedule_top .text_info2 li .c_green{color: #00B52A;}
.schedule_top .text_info2 li .c_red{color: #DC2C34;}
.schedule_top .text_info2:after{content: '';position: absolute;left: 50%;width: 1px;height: 50px;background: #E6E6E6;}

.list_checkbox{display: block;padding: 12px 20px;text-align: right;}
.list_title{position: relative;padding:12px 20px;background: #7C91A7;}
.list_title span{font-size: 15px;color: #fff;}
.list_title a{position: absolute;right: 16px;top: 7px;}

/* 설정 */
.form_wrap .btn_form_link{display:block;overflow:hidden;position:absolute;top:0;right:0;z-index:1;width:100%;height:100%;padding-right:20px;text-indent:-9999px;font-size:0;}
.form_wrap .btn_form_link:after{content:"";display:block;float:right;width:8px;height:100%;background:url(../image/bu_arrow5.png) no-repeat right center;background-size:8px 15px;}
.btn_close4 {width:16px;height:60px;text-indent:-9999px;font-size:0;background:url(../image/btn_close4.png) no-repeat center center;background-size:auto 16px;}

.setting_wrap .form_wrap .btn_form_link{display:block;overflow:hidden;position:absolute;top:0;right:0;z-index:1;width:100%;height:100%;padding-right:20px;text-indent:-9999px;font-size:0;}
.setting_wrap .form_wrap .btn_form_link:after{content:"";display:block;float:right;width:8px;height:100%;background:url(../image/bu_arrow5.png) no-repeat right center;background-size:8px 15px;}
.setting_wrap .tit_box02 p {font-size:20px;}
.setting_wrap .open_list{height:64px; line-height:50px;  text-align:left; font-size:15px;}

/* 주문 - 점검 상세 */
.info_detail01 dl {align-items:center;}
.info_detail01 .con {padding: 24px 20px 20px;font-weight: 400;color: #666;line-height: 20px;letter-spacing: -0.75px;transform:skew(-0.03deg);}
.info_detail01 .img {margin-top:10px;}
.info_detail01 .img:first-child {margin-top:0;}

/* 조원 관리 - 일정 변경 */
.sel_box.h38 select {height:38px;}

dl.form_wrap dt.bg_gray {color:#999;}
dl.form_wrap dt em {font-weight:700;}

.order_wrap .txt_schedule {padding:10px 20px 0;font-size:13px;}
.order_wrap .chk_prd_list.schedule {padding-bottom:16px;}
.order_wrap .chk_prd_list.schedule ul > li {position:relative;}
.order_wrap .chk_prd_list.schedule .btn_del {display:block;overflow:hidden;position:absolute;top:26px;right:15px;width:18px;height:18px;background:url(../image/btn_close2.png) 0 0/contain no-repeat;text-indent:-99999px;}
.order_wrap .chk_prd_list.schedule .sel_box {width:calc(100% - 40px);border:1px solid #e6e6e6;border-radius:4px;}
.order_wrap .chk_prd_list.schedule .sel_box select {padding:0 50px 0 10px;}
.order_wrap .chk_prd_list.schedule .type_box {display:flex;margin-top:12px;}
.order_wrap .chk_prd_list.schedule .type_box dl {flex:1;margin-left:6px;}
.order_wrap .chk_prd_list.schedule .type_box dl:first-child {margin-left:0;}
.order_wrap .chk_prd_list.schedule .type_box dt {height:32px;margin-bottom:6px;padding:0 10px;border:1px solid #e6e6e6;background:#f7f7f7;font-size:14px;color:#999;line-height:30px;border-radius:4px;}
.order_wrap .chk_prd_list.schedule .type_box dd {padding:0;border-bottom:0;}
.order_wrap .chk_prd_list.schedule .type_box .sel_box {width:100%;}
.order_wrap .chk_prd_list.schedule .type_box .sel_box select {font-size:14px;}
.order_wrap .chk_prd_list.schedule ul > li .prd_name {padding-right:55px;}
.order_wrap .chk_prd_list.schedule ul > li .prd_name.input_box label {position:absolute;top:0;right:0;padding-right:20px;line-height:16px;font-size:14px;}
.order_wrap .chk_prd_list.schedule .work_info {font-size:16px;font-weight:700;color:#000;transform:skew(-0.03deg);}
.order_wrap .chk_prd_list.schedule .work_info.disabled,
.order_wrap .chk_prd_list.schedule .work_info.disabled .type {color:#ccc;}
.order_wrap .chk_prd_list.schedule .work_info .type {display:block;font-size:15px;font-weight:400;color:#666;}
.order_wrap .chk_prd_list.schedule .input_box.cate {display:flex;margin:10px 0;padding:0;}
.order_wrap .chk_prd_list.schedule .input_box.cate > li {flex:auto;margin:0;padding:0;border:0;font-weight:400;border-radius:0;box-shadow:none;}
.order_wrap .chk_prd_list.schedule .input_box.cate input[type="radio"]:checked + label {background:none;}
.order_wrap .chk_prd_list.schedule .input_box.cate input[type="radio"] {margin-left:0;}
.order_wrap .chk_prd_list.schedule .input_box.cate input[type="radio"]:disabled {height:14px;border:1px solid #ccc;background:none;}
.order_wrap .chk_prd_list.schedule .input_box.cate input[type="radio"]:disabled + label {color:#ccc;}
.order_wrap .chk_prd_list.schedule textarea {display:block;width:100%;height:60px;padding:8px 10px;border:1px solid #e6e6e6;font-size:14px;border-radius:4px;transform:skew(-0.03deg);}

/* 달력 */
.fc-scroller.fc-scroller-liquid-absolute{overflow:inherit !important;}

.fc .fc-scroller-harness {overflow: inherit !important;}
.fc-theme-standard .fc-scrollgrid{border: none !important;}

.fc-header-toolbar{margin-bottom: 0 !important;padding: 16px 0;border-bottom: 1px solid #ccc;}
.fc-toolbar-title{padding-left: 20px;font-size: 18px !important;font-weight: 800}
.fc-button-group{padding-right: 20px;}
.fc-prev-button{margin-right: 2px !important;padding: 5px !important;border: none !important;background: #425563 !important;}
.fc-next-button{padding: 5px !important;border: none !important;background: #425563 !important;}
.fc-col-header-cell-cushion{font-size: 12px;font-weight: 800;line-height: 30px; transform:skew(-0.03deg);}
.fc-col-header-cell{background: #f7f7f7;border-top: 1px solid #ccc !important;}

.fc-theme-standard td,
.fc-theme-standard th {
    border: 1px solid #E6E6E6;
    border: 1px solid var(--fc-border-color, #E6E6E6);
}

.fc-daygrid-day-number{font-size: 12px !important; font-weight: 800;transform:skew(-0.03deg);}
.fc-scrollgrid-section.fc-scrollgrid-section-liquid > td{border: none !important;}
.fc-daygrid-body{border-bottom: 1px solid #ccc;}
.fc-event-title-frame{padding-left: 3px;/*color: #003CFF;*/font-size: 12px !important; transform:skew(-0.03deg);}
.fc-daygrid-event{border: none !important;background: none !important;}
.fc-daygrid-event-harness{position: absolute !important;bottom: 3px;}
.fc-day-today{background: #FFE40C !important;}
.fc-view-harness{padding-bottom: 100% !important;}
.fc-scroller.fc-scroller-liquid-absolute{padding-bottom: 120%;}
.fc-h-event .fc-event-main {color:#000;}
.fc .fc-daygrid-event-harness:first-child .fc-h-event .fc-event-title {padding-left:16px;}

.sales_nav_month {padding:16px 0;}

/* 200804 daterangepicker */
.daterangepicker .drp-calendar.right {display:none !important;}

/* 200804 main content 수정 */
.main_header + #content {padding-bottom:0;}
.main_wrap .info_top {padding:15px 20px;}
.main_wrap .info_top dd.text + .btn {height:auto;padding:0;}
.notice_wrap ul li {height:122px;}
.notice_wrap ul li a {padding:15px;}
.notice_wrap ul li p {height:32px;}
.notice_wrap ul li span {-webkit-line-clamp: 2;}

/* 200804 login 수정*/
.login_wrapper {position:relative;height:100vh;min-height:580px;}
.login_wrapper >.inner {position:absolute;top:50%;left:0;width:100%;margin:0;padding:40px 0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);}
.login_header h1 {padding:0 0 80px;}

/* 200806 수정 */
.active_nav li {float:none;width:100%;}
.active_nav li a {margin: 33px 0 0;}
.active_nav li:first-child a {margin:0 0 33px;}

/* 200812 수정 */
.notice_wrap ul li {vertical-align:top;}
.input_box input[type="checkbox"] {border:0;}
.layer_pop_wrap {height:calc(var(--vh, 1vh) * 100);}
.layer_pop_wrap .con_box {max-height: calc(var(--vh, 1vh) * 100 - 130px);}
.layer_pop_wrap.type_full .con_box {max-height: calc(var(--vh, 1vh) * 100 - 60px);}
.layer_pop_wrap.all_nav .pop_inner .pop_wrap {height:calc(var(--vh, 1vh) * 100);padding-top:163px;}
.layer_pop_wrap.all_nav .con_box {position:absolute;top:163px;left:0;width:100%;max-height:calc(100% - 163px);padding:20px 20px 30px;}
.layer_pop_wrap.all_nav .pop_inner .bot_box {z-index:1;}

/* 200813 수정 */
.layer_pop_wrap .top_info {padding:0 20px 16px;}
.layer_pop_wrap .top_info dl dd {font-size:14px;}
.layer_pop_wrap .top_info dl dd {margin-top:0;padding:13px 0 6px;}
.layer_pop_wrap .top_info .btn_wrap li a {line-height:36px;}
.layer_pop_wrap .top_info .btn_wrap li a.btn_plus:before,
.layer_pop_wrap .top_info .btn_wrap li a.btn_search:before {height:36px;}
.layer_pop_wrap.all_nav .pop_inner .pop_wrap {padding-top:145px;}
.layer_pop_wrap.all_nav .con_box {top:145px;max-height:calc(100% - 145px);padding:20px 20px 50px;}
.layer_pop_wrap .nav_wrap dl {padding:0 0 28px 140px;}
.layer_pop_wrap .nav_wrap dl dd {padding-bottom:10px;}


/* 201105 수정 */
#popGallery .pop_wrap {display:flex;align-items:center;padding:0;background:none;}
#popGallery .btn_close3,
#popGallery .pagination,
#popGallery .img_slider .swiper-button-prev,
#popGallery .img_slider .swiper-button-next {display:none;}
#popGallery.nav_active .btn_close3,
#popGallery.nav_active .pagination,
#popGallery.nav_active .img_slider .swiper-button-prev,
#popGallery.nav_active .img_slider .swiper-button-next {display:block;}
#popPlayer .pop_wrap {display:flex;align-items:center;padding:0;background:none;}
#popPlayer .btn_close3,
#popPlayer .pagination,
#popPlayer .img_slider .swiper-button-prev,
#popPlayer .img_slider .swiper-button-next {display:none;}
#popPlayer.nav_active .btn_close3,
#popPlayer.nav_active .pagination,
#popPlayer.nav_active .img_slider .swiper-button-prev,
#popPlayer.nav_active .img_slider .swiper-button-next {display:block;}
.layer_pop_wrap .img_slider {width:100%;}
.layer_pop_wrap .img_slider .swiper-slide {padding:0 20px;}
.layer_pop_wrap .img_slider .swiper-button-prev {left:30px;background:url(../image/slide_nav_prev.png) no-repeat 50%/contain;}
.layer_pop_wrap .img_slider .swiper-button-next {right:30px;background:url(../image/slide_nav_next.png) no-repeat 50%/contain;}
.layer_pop_wrap .img_slider .swiper-button-prev:after,
.layer_pop_wrap .img_slider .swiper-container-rtl .swiper-button-next:after,
.layer_pop_wrap .img_slider .swiper-button-next:after,
.layer_pop_wrap .img_slider .swiper-container-rtl .swiper-button-prev:after {content:'';}
.layer_pop_wrap .img_slider .swiper-button-prev,
.layer_pop_wrap .img_slider .swiper-button-next {position:fixed;top:inherit;bottom:30px;width:14px;height:24px;}
.layer_pop_wrap .img_slider .swiper-button-prev.swiper-button-disabled,
.layer_pop_wrap .img_slider .swiper-button-next.swiper-button-disabled {pointer-events:inherit;}
.layer_pop_wrap .img_slider .pagination {position:fixed;left:0;bottom:27px;z-index:10;width:100%;text-align:center;}
.layer_pop_wrap .img_slider .swiper-pagination {position:static;display:inline-block;color:#fff;width:auto;height:30px;padding:0 10px;border-radius:15px;background:rgba(0,0,0,.5);color:#fff;font-size:16px;line-height:30px;}
.layer_pop_wrap .video_box {padding:0 20px;}
.layer_pop_wrap .video_box video {width: 100%;height: auto;}

.board_detail .img .type_video {position:relative;display:block;}
.board_detail .img .type_video:after {position:absolute;top:50%;left:50%;display:block;content:'';width:60px;height:60px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

@media screen and (orientation:landscape) {
	.layer_pop_wrap .img_slider {width:100%;height:100%;}
	.layer_pop_wrap .img_slider .swiper-slide {padding:20px 15%;text-align:center;}
	.layer_pop_wrap .img_slider .swiper-slide img {width:auto;height:100%;}
	.layer_pop_wrap .img_slider .swiper-button-prev,
	.layer_pop_wrap .img_slider .swiper-button-next {bottom: inherit;top: 50%;margin-top: -15px;}
	.layer_pop_wrap .video_box {display:flex;align-items:center;justify-content:center;width: 100%;height: 100%;padding:20px 0;}
	.layer_pop_wrap .video_box video {width: auto;max-height:100%}
}