@charset "UTF-8";


/* @ reset ------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, button,  textarea, input { margin: 0; padding: 0; border: 0; }
ul, ol, li { list-style: none; }
html, body {width:100%;height:100%;}
body { font-size: 13px; font-family:sans-serif !important; line-height: 1.2; color: #000; letter-spacing: -0.5px; font-size-adjust: none; word-break: break-all; -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2; }
em { font-style: normal; }
p { line-height: 1.2; }
img { width: 100%; }
textarea {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px 10px !important; min-height: 104px; width: 100%; border: 1px solid #ccc !important; color: #000;  font-size: 13px; line-height: 13px;}
img, fieldset { vertical-align: middle; }
*, *:before, *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
table {border-collapse: collapse;}
caption {display:none;}


/* 아이폰 가로모드시 글씨 커지는 문제 */
* { -webkit-text-size-adjust: none; }

/* 아이폰 input 박스선 없애기 */
/* input */
input[type="tel"],input[type="text"],input[type="password"],input[type="number"],input[type="date"],input[type="email"],input[type="search"],input[type="image"] {-webkit-box-sizing:border-box; box-sizing:border-box; padding:7px 10px; height:30px; border:1px solid #ccc; background:#fff; color:#222; vertical-align:middle; font-size:13px; line-height:13px;}

/* link */
a { color: #000; text-decoration: none; }
a:hover, a:focus, a:active, a:visited { text-decoration: none; }

/* align */
.tal {text-align:left !important; }
.tar {text-align:right !important; }
.tac {text-align:center !important; }


/* float */
.input_wrap:after{content:""; clear:both; display:block;}
.input_wrap{float:left; width:100%;}
.float_wrap:after{content:""; clear:both; display:block;}
.float_wrap{float:left; width:100%;}
.fl{float:left; margin-right:5px;}
.fr{float:right;}
.clb{clear:both;font-size:0;line-height:0;padding:0;margin:0;height:0;}


/* 여백 */
.mr5{margin-right:5px;}
.mr20{margin-right:20px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}



/* 버튼 */
.btnLine{display:inline-block; padding:4px 5px 3px; vertical-align:middle; cursor:pointer; color:#cd351b; background:#fcf4f4; border:1px solid #cd351b; box-sizing:border-box; letter-spacing:-1px; font-size:11px; -webkit-border-radius:2px; border-radius:2px; line-height:14px; font-family:'돋움';}
.btnLineBig{display:inline-block; padding:4px 8px 3px; vertical-align:middle; cursor:pointer; color:#cd351b; background:#fcf4f4; border:1px solid #cd351b; box-sizing:border-box; letter-spacing:-1px; font-size:13px; -webkit-border-radius:2px; border-radius:2px;line-height:18px; font-family:'돋움';}
.btnBg{display:inline-block; padding:4px 5px 3px; vertical-align:middle; cursor:pointer; color:#fff; background:#cd351b; border:1px solid #cd351b; box-sizing:border-box; letter-spacing:-1px; font-size:11px; -webkit-border-radius:2px; border-radius:2px; line-height:14px; font-family:'돋움';}
.btnBgBig{display:inline-block; padding:4px 8px 3px; vertical-align:middle; cursor:pointer; color:#fff; background:#cd351b; border:1px solid #cd351b; box-sizing:border-box; letter-spacing:-1px; font-size:13px; -webkit-border-radius:2px; border-radius:2px;line-height:18px; font-family:'돋움';}
.btnSave{display:inline-block; box-sizing:border-box; border:1px solid #666; background-color:#666; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin:4px 0; padding: 8px 10px 7px; font-weight:bold; font-size:12px; line-height:10px; text-align:center}
.btnDel{display:inline-block; box-sizing:border-box; border:1px solid #666; background-color:#eee; color:#666; -webkit-border-radius:5px; border-radius:5px; margin:4px 0; padding: 8px 10px 7px; font-weight:bold; font-size:12px; line-height:10px; text-align:center}
.btnBalju{display:inline-block; box-sizing:border-box; min-width:150px; height:46px; border:1px solid #e9573e; background-color:#e9573e; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin:20px 5px; padding:12px 0 13px; font-weight:bold; font-size:20px; line-height:20px; text-align:center}
.btnEnter{display:inline-block; box-sizing:border-box; min-width:110px; height:40px; border:1px solid #1b52ed; background-color:#1b52ed; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin: 10px 8px; padding:5px; font-weight:bold; font-size:14px; line-height:13px; text-align:center}
.btnDeliv{display:inline-block; box-sizing:border-box; min-width:110px; height:40px; border:1px solid #676a5d; background-color:#676a5d; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin: 10px 8px; padding:5px; font-weight:bold; font-size:14px; line-height:13px; text-align:center}
.btnDelivSml{display:inline-block; box-sizing:border-box; min-width:50px; height:28px; border:1px solid #ff0000; background-color:#fff; color:#ff0000; -webkit-border-radius:5px; border-radius:5px; margin:0; padding:6px 8px 5px 6px; font-weight:bold; font-size:14px; line-height:15px; text-align:center}
.btnClose{display:inline-block; box-sizing:border-box; min-width:110px; height:40px; border:1px solid #222; background-color:#222; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin: 10px 8px; padding:5px; font-weight:bold; font-size:14px; line-height:13px; text-align:center}
.btnCloseSml{display:inline-block; box-sizing:border-box; min-width:60px; height:25px; border:1px solid #222; background-color:#222; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin: 10px 8px; padding:5px; font-weight:bold; font-size:14px; line-height:13px; text-align:center}
.btnSrch{display:inline-block; box-sizing:border-box; min-width:50px; height:30px; border:1px solid #888; background-color:#f5f5f5; color:#888; -webkit-border-radius:5px; border-radius:5px; margin:10px 2px; padding:5px; font-weight:bold; font-size:14px; line-height:15px; text-align:center}
.btnDetail{display:inline-block; box-sizing:border-box; min-width:50px; height:28px; border:1px solid #666; background-color:#666; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin:0; padding:6px 8px 3px 6px; font-weight:bold; font-size:14px; line-height:15px; text-align:center}
.btnUpload{display:inline-block; box-sizing:border-box; min-width:50px; height:28px; border:1px solid #888; background-color:#fff; color:#888; -webkit-border-radius:5px; border-radius:5px; margin:0; padding:6px 8px 3px 6px; font-weight:bold; font-size:14px; line-height:15px; text-align:center}
.btnView{display:inline-block; box-sizing:border-box; min-width:50px; height:30px; border:1px solid #888; background-color:#fff; color:#888; -webkit-border-radius:5px; border-radius:5px; margin:20px 2px; padding:5px; font-weight:bold; font-size:14px; line-height:15px; text-align:center}
.btnSelet{display:inline-block; box-sizing:border-box; border:1px solid #d71826; background-color:#d71826; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin:4px 0; padding: 6px 8px 7px; font-weight:bold; font-size:13px; line-height:10px; text-align:center}
.btnSeletSml{display:inline-block; box-sizing:border-box; border:1px solid #be101d; background-color:#d71826; color:#fff; -webkit-border-radius:5px; border-radius:5px; margin:4px 0; padding: 6px 8px 6px; font-weight:bold; font-size:12px; line-height:10px; text-align:center}
.btnArea_wrap:after{content:""; clear:both; display:block;}
.btnArea_wrap{float:left; width:100%; margin:0 auto; padding:40px; text-align:center;}
.btnArea{width:90%; margin:20px auto; text-align:center;}



/* 공통요소 */
.bar{color:#999999;padding:0 10px;}
.colorRed{color:#cc0000;}
.colorBlue{color:#006699}
.txtred{color:#d9001d;}
.txtblue{color:#1d2088;}
.font20{font-size:20px;}


/* 박스 */
.grayBox1 {overflow:hidden;background-color:#eee;padding:0 15px;}
.grayBox2 {overflow:hidden;background-color:#f6f6f6;padding:15px;}
.blueBox1 {overflow:hidden;background-color:#f2f7fb;padding:10px;}
.blueBox2 {overflow:hidden;background-color:#f1f2fa;padding:20px 15px; }
.infoBox {overflow:hidden;padding:10px 15px;background-color:#fff;-webkit-border-radius:5px;border-radius:5px;border:1px solid #c0c0c0;}
.titleBox {margin-top:7px;padding:18px 15px;background-color:#fff;font-size:16px;line-height:24px;color:#333;text-align:center;}
.roundBox {background-color:#fff;-webkit-border-radius:5px;border-radius:5px;margin:5px 0;padding:12px 15px 13px;border:1px solid #c0c0c0;}
.roundBox p {font-weight:bold;font-size:13px;line-height:20px;color:#000;text-align:center;}



/* 라디오, 체크 박스 */
input[type="button"] {-webkit-appearance:none;}
input[type="radio"] {-webkit-appearance:radio;}
input[type="checkbox"] {-webkit-appearance:checkbox;}
input[type="radio"]:checked + label:before, input[type="checkbox"]:checked + label:before { border: none; background: #d71826; }
input[type="radio"]:checked + label:after, input[type="checkbox"]:checked + label:after { /* display: block; content: ""; position: absolute; top: 4px; left: 4px; width: 9px; height: 9px; z-index: 1; background: #fff;*/ }
input[type="radio"] + label, input[type="checkbox"] + label { /* display: inline-block; */ position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; /* padding-left: 22px; */ margin-right: 15px; font-size: 13px; color: #222; height: 17px; line-height: 17px; }
input[type="radio"] + label:before, input[type="checkbox"] + label:before { /* display: block; content: ''; position: absolute; top: 0; left: 0; width: 17px; height: 17px; z-index: 0; border: 1px solid #999; background: #fff;*/ }
input[type="radio"]:focus + label, input[type="radio"]:focus + label, input[type="checkbox"]:focus + label, input[type="checkbox"]:focus + label { outline: 1px dotted #666; }
input[type="radio"] + label:before { -webkit-border-radius: 10px; border-radius: 10px; }
input[type="radio"]:checked + label:after { -webkit-border-radius: 5px; border-radius: 5px; }
input[type="checkbox"]:checked + label:before { background: #fff; border: 1px solid #999; }
input[type="checkbox"]:checked + label:after { top: 6px; left: 3px; background: #d71826; width: 4px; height: 4px; box-shadow: 2px 0 0 #d71826, 4px 0 0 #d71826, 6px 0 0 #d71826, 6px -2px 0 #d71826, 6px -4px 0 #d71826, 6px -6px 0 #d71826, 6px -8px 0 #d71826; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
input[type="radio"]:checked + label:before { background: #fff; border: 1px solid #999; }
input[type="radio"]:checked + label:after { top: 6px; left: 3px; background: #d71826; width: 4px; height: 4px; box-shadow: 2px 0 0 #d71826, 4px 0 0 #d71826, 6px 0 0 #d71826, 6px -2px 0 #d71826, 6px -4px 0 #d71826, 6px -6px 0 #d71826, 6px -8px 0 #d71826; -webkit-transform: rotate(45deg); transform: rotate(45deg); }


/* .formTxt{display:inline-block;width:100%;height:38px;padding:4px 12px;margin:5px 5px 5px 0;font-size:13px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.formSelSm{display:inline-block;width:100%;height:30px;padding:6px 12px;margin-right:5px;font-size:13px;line-height:1.42857143;color:#555;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/bg_select_arrow.png) right center #fff no-repeat;background-size:18px 6px;border:1px solid #ccc;border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.formSel{display:inline-block;width:100%;height:36px;padding:6px 12px;margin-right:5px;font-size:13px;line-height:1.42857143;color:#555;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/bg_select_arrow.png) right center #fff no-repeat;background-size:18px 6px;border:1px solid #ccc;border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.formRig{display:inline-block;width:50px;height:30px;padding:6px 4px;margin:2px;font-size:12px;line-height:1.42857143;text-align:right;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.formMd{display:inline-block;width:50px;height:30px;padding:6px 4px;margin:2px;font-size:12px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.formSm{display:inline-block;width:100%;height:24px;padding:6px 8px;margin-bottom:3px;margin-right:5px;font-size:13px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form{display:inline-block;width:100%;height:40px;padding:8px 12px;margin-right:5px;font-size:13px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.chkbox{margin:0 3px; width:15px; height:15px;}
.rdobox{margin:0 3px; width:15px; height:15px;} */

.formTxt{display:inline-block;width:100%;height:34px;padding:6px 12px;margin:3px 0; font-size:13px;line-height:13px;color:#555;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;border-radius:4px;}
.formSel{display:inline-block;width:100%;height:34px;padding:6px 12px;margin-right:5px;font-size:13px;line-height:13px;color:#555;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/bg_select_arrow.png) right center #fff no-repeat;background-size:18px 6px;border:1px solid #ccc;border-radius:4px;}
.formSelSml{display:inline-block;width:100%;height:30px;padding:2px 5px;font-size:13px;line-height:13px;color:#555;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/bg_select_arrow.png) right center #fff no-repeat;background-size:18px 6px;border:1px solid #ccc;border-radius:4px;}
.formSml{display:inline-block;width:100%;height:34px;padding:2px 6px;margin-right:5px;font-size:13px;line-height:13px;color:#555;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;border-radius:4px;}
.form{display:inline-block;width:100%;height:34px;padding:6px 12px;margin-right:5px;font-size:13px;line-height:13px;color:#555;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;border-radius:4px;}
.formRig{display:inline-block;width:50px;height:30px;padding:6px 4px;margin:2px;font-size:12px;line-height:13px;text-align:right;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;border-radius:4px;}
.formMd{display:inline-block;width:50px;height:30px;padding:6px 4px;margin:2px;font-size:12px;line-height:13px;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;border-radius:4px}
.chkbox{width:20px;height:20px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.rdobox{width:18px;height:18px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}


/* 파일선택 */
.fileBox label { display: inline-block; padding:5px; color:#222; font-size: inherit; line-height: 22px; vertical-align: middle; background-color: #f5f5f5; cursor: pointer; border: 1px solid #ddd; }
.fileBox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}



/* 팝업 페이지네이션*/
.pop_pagination:after {content:""; clear:both; display:block;}
.pop_pagination {width:100%; margin:20px 0;}
.pop_pagination .paginationbox:after {content:""; clear:both; display:block;}
.pop_pagination .paginationbox {width:100%;}
.pop_pagination .pagination_left {width:10%;float:left;text-align:left;}
.pop_pagination .pagination_right {width:10%;float:left;text-align:right;}  
.pop_pagination .pagination_center {width:80%;float:left;text-align:center;}
.pop_pagination .pagination_center ul {width:100%; margin:0 auto; text-align:center;}
.pop_pagination .pagination_center ul li {text-align:center;display:inline-block;width:12%;height:36px;line-height:33px;background:#fff;border:1px solid #d7d7d7;font-size:14px;font-weight:bold;margin:0 1%;color:#666;cursor:pointer;}
.pop_pagination .pagination_center ul li.btnright {width:20%;border:none;float:right;}
.pop_pagination .pagination_center ul li:hover {color:#333;} 
.pop_pagination .pagination_center ul li.on {color:#fff;font-weight:bold;background:#e9573e;}
.pop_pagination .pagination_center ul li.arrowimg {vertical-align:top;padding-top:5px;background:#fff;}
.pop_pagination .pagination_center ul li.arrowimg img {width:20px;}