#wrap { width: 100%;}
/* 수평정렬 시작 */
.vtop { vertical-align: top }
.vmid { vertical-align: middle }
.vbott { vertical-align: bottom }
/* 수평정렬 끝 */
/* 텍스트 정렬 시작 */
.txtl { text-align: left }
.txtc { text-align: center }
.txtr { text-align: right }
/* 텍스트 정렬 끝 */
/* 시각장애인용 텍스트 시작 */
.ntxt { position: fixed; left: -9999px; top: -9999px; display: block; width: 1px; height: 1px }
/* 시각장애인용 텍스트 끝 */
/* 간격 박스 시작*/
.h10 { height: 10px; clear: both }
.h12 { height: 12px; clear: both }
.h15 { height: 15px; clear: both }
.h20 { height: 20px; clear: both }
.h23 { height: 23px; clear: both }
.h25 { height: 25px; clear: both }
.h30 { height: 30px; clear: both }
.h35 { height: 35px; clear: both }
.h40 { height: 40px; clear: both }
.h43 { height: 43px; clear: both }
.h45 { height: 45px; clear: both }
.h50 { height: 50px; clear: both }
.h55 { height: 55px; clear: both }
.h60 { height: 60px; clear: both }
.h65 { height: 65px; clear: both }
.h70 { height: 70px; clear: both }
.h75 { height: 75px; clear: both }
.h80 { height: 80px; clear: both }
.h85 { height: 85px; clear: both }
.h90 { height: 90px; clear: both }
.h100 { height: 100px; clear: both }
.h105 { height: 105px; clear: both }
.h125 { height: 125px; clear: both }
.line { height: 1px; width: 100%; background: #d2d2d2; }
.line50 { margin: 50px 0; height: 1px; width: 100%; background: #d2d2d2; }
/* 간격 박스 끝*/
/* 클리어 시작 */
.cboth { clear: both }
/* 클리어 끝 */
/* 패딩,마진 추가 시작 */
.pr10 { padding-right: 10px }
.pr20 { padding-right: 20px }
.pr30 { padding-right: 30px }
.pr40 { padding-right: 40px }

.mr6 {margin-right:6px;}

/* 패딩,마진 추가 끝 */
/* 보더 시작 */
.bt1 { border-top: 1px solid #E7E7E7 }
/* 보더 끝 */

.btn { cursor: pointer; display: inline-block; vertical-align: middle; min-width: 75px; height: 30px; background-color: #ddd; color: #000; text-align: center; border: 0; outline: none; padding: 0 20px; font-size: 14px; /*border-radius:3px;*/
line-height: 1.3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn_xs { font-size: 10px; }
.btn_sm { font-size: 12px; }
.btn_md { font-size: 14px; }
.btn_lg { font-size: 16px; }
.btn_xl { font-size: 18px; }
.btn_w_xs { width: 10%; }
.btn_w_sm { width: 25%; }
.btn_w_md { width: 50%; }
.btn_w_lg { width: 70%; }
.btn_w_xl { width: 100%; }
.btn_h_xs { height: 25px; line-height: 25px; }
.btn_h_sm { height: 30px; line-height: 30px; }
.btn_h_md { height: 35px; line-height: 35px; }
.btn_h_lg { height: 40px; line-height: 40px; }
.btn_h_xl { height: 45px; line-height: 45px; }
.btn:hover { background-color: #ccc; color: #333; }
.btn:focus { background-color: #ccc; color: #333; }
.btn:active { background-color: #bbb; color: #333; }
.btn.lightblue { background-color: #add8e6; color: #fff; }
.btn.lightblue:hover, .btn.lightblue:focus, .btn.lightblue:active { background-color: #99cfe0; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.blue { background-color: #87ceeb; color: #fff; }
.btn.blue:hover, .btn.blue:focus, .btn.blue:active { background-color: #71c5e7; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.darkblue { background-color: #6495ed; color: #fff; }
.btn.darkblue:hover, .btn.darkblue:focus, .btn.darkblue:active { background-color: #4d85ea; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.lightorange { background-color: #ffdab9; color: #fff; }
.btn.lightorange:hover, .btn.lightorange:focus, .btn.lightorange:active { background-color: #ffcd9f; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.orange { background-color: #ffa07a; color: #fff; }
.btn.orange:hover, .btn.orange:focus, .btn.orange:active { background-color: #ff8e60; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.darkorange { background-color: #ff7f50; color: #fff; }
.btn.darkorange:hover, .btn.darkorange:focus, .btn.darkorange:active { background-color: #ff6c36; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.lightmint { background-color: #afeeee; color: #fff; }
.btn.lightmint:hover, .btn.lightmint:focus, .btn.lightmint:active { background-color: #9aeaea; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.mint { background-color: #40e0d0; color: #fff; }
.btn.mint:hover, .btn.mint:focus, .btn.mint:active { background-color: #2adccb; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.darkmint { background-color: #00ced1; color: #fff; }
.btn.darkmint:hover, .btn.darkmint:focus, .btn.darkmint:active { background-color: #00b5b7; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.lightyellow { background-color: #fff176; color: #fff; }
.btn.lightyellow:hover, .btn.lightyellow:focus, .btn.lightyellow:active { background-color: #ffee5c; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.yellow { background-color: #ffeb3b; color: #fff; }
.btn.yellow:hover, .btn.yellow:focus, .btn.yellow:active { background-color: #ffe821; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.darkyellow { background-color: #fbc02d; color: #fff; }
.btn.darkyellow:hover, .btn.darkyellow:focus, .btn.darkyellow:active { background-color: #fbb814; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.lightviolet { background-color: #e6e6fa; color: #fff; }
.btn.lightviolet:hover, .btn.lightviolet:focus, .btn.lightviolet:active { background-color: #d1d1f6; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.violet { background-color: #ee82ee; color: #fff; }
.btn.violet:hover, .btn.violet:focus, .btn.violet:active { background-color: #eb6ceb; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.darkviolet { background-color: #ba55d3; color: #fff; }
.btn.darkviolet:hover, .btn.darkviolet:focus, .btn.darkviolet:active { background-color: #b241ce; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.grey { background-color: #dcdcdc; color: #fff; }
.btn.grey:hover, .btn.grey:focus, .btn.grey:active { background-color: #cfcfcf; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.darkgrey { background-color: #a9a9a9; color: #fff; }
.btn.darkgrey:hover, .btn.darkgrey:focus, .btn.darkgrey:active { background-color: #9c9c9c; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.black { background-color: #362f2d; color: #fff; }
.btn.black:hover, .btn.black:focus, .btn.black:active { background-color: #282321; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .05); }
.btn.outline { color: inherit; background-color: transparent; border: 1px solid #888; background-color: #fff; }
.btn.outline.lightblue { border: 1px solid #add8e6; color: #6495ed; }
.btn.outline.lightblue:hover, .btn.outline.lightblue:focus, .btn.outline.lightblue:active { color: #fff; }
.btn.outline.blue { border: 1px solid #87ceeb; color: #6495ed; }
.btn.outline.blue:hover, .btn.outline.blue:focus, .btn.outline.blue:active { color: #fff; }
.btn.outline.darkblue { border: 1px solid #6495ed; color: #6495ed; }
.btn.outline.darkblue:hover, .btn.outline.darkblue:focus, .btn.outline.darkblue:active { color: #fff; }
.btn.outline.lightorange { border: 1px solid #ffdab9; color: #ff7f50; }
.btn.outline.lightorange:hover, .btn.outline.lightorange:focus, .btn.outline.lightorange:active { color: #fff; }
.btn.outline.orange { border: 1px solid #ffa07a; color: #ff7f50; }
.btn.outline.orange:hover, .btn.outline.orange:focus, .btn.outline.orange:active { color: #fff; }
.btn.outline.darkorange { border: 1px solid #ff7f50; color: #ff7f50; }
.btn.outline.darkorange:hover, .btn.outline.darkorange:focus, .btn.outline.darkorange:active { color: #fff; }
.btn.outline.lightmint { border: 1px solid #afeeee; color: #00ced1; }
.btn.outline.lightmint:hover, .btn.outline.lightmint:focus, .btn.outline.lightmint:active { color: #fff; }
.btn.outline.mint { border: 1px solid #40e0d0; color: #00ced1; }
.btn.outline.mint:hover, .btn.outline.mint:focus, .btn.outline.mint:active { color: #fff; }
.btn.outline.darkmint { border: 1px solid #00ced1; color: #00ced1; }
.btn.outline.darkmint:hover, .btn.outline.darkmint:focus, .btn.outline.darkmint:active { color: #fff; }
.btn.outline.lightyellow { border: 1px solid #fff176; color: #fbc02d; }
.btn.outline.lightyellow:hover, .btn.outline.lightyellow:focus, .btn.outline.lightyellow:active { color: #fff; }
.btn.outline.yellow { border: 1px solid #ffeb3b; color: #fbc02d; }
.btn.outline.yellow:hover, .btn.outline.yellow:focus, .btn.outline.yellow:active { color: #fff; }
.btn.outline.darkyellow { border: 1px solid #fbc02d; color: #fbc02d; }
.btn.outline.darkyellow:hover, .btn.outline.darkyellow:focus, .btn.outline.darkyellow:active { color: #fff; }
.btn.outline.lightviolet { border: 1px solid #e6e6fa; color: #ba55d3; }
.btn.outline.lightviolet:hover, .btn.outline.lightviolet:focus, .btn.outline.lightviolet:active { color: #fff; }
.btn.outline.violet { border: 1px solid #ee82ee; color: #ba55d3; }
.btn.outline.violet:hover, .btn.outline.violet:focus, .btn.outline.violet:active { color: #fff; }
.btn.outline.darkviolet { border: 1px solid #ba55d3; color: #ba55d3; }
.btn.outline.darkviolet:hover, .btn.outline.darkviolet:focus, .btn.outline.darkviolet:active { color: #fff; }
.btn.outline.grey { border: 1px solid #dcdcdc; color: #362f2d; }
.btn.outline.grey:hover, .btn.outline.grey:focus, .btn.outline.grey:active { color: #fff; }
.btn.outline.darkgrey { border: 1px solid #a9a9a9; color: #362f2d; }
.btn.outline.darkgrey:hover, .btn.outline.darkgrey:focus, .btn.outline.darkgrey:active { color: #fff; }
.btn.outline.black { border: 1px solid #362f2d; color: #362f2d; }
.btn.outline.black:hover, .btn.outline.black:focus, .btn.outline.black:active { color: #fff; }
.btn.rounded { border-radius: 50px; }
.btn_icon_r i { margin-left: 5px; margin-right: -5px; vertical-align: middle; }
.btn_icon_l i { margin-left: -5px; margin-right: 5px; vertical-align: middle; }
.btn_group { position: relative; display: inline-block; vertical-align: middle; }
.btn_group:after { content: ''; clear: both; display: block; }
.btn_group>.btn { float: left; margin-left: -1px; }
.btn_group>.btn:first-child { margin-left: 0; }
.btn_group>.btn:not(:first-child):not(:last-child) { border-radius: 0; }
.btn_group>.btn:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.btn_group>.btn_group { float: left; }
.btn_group>.btn_group:not(:first-child):not(:last-child)>.btn { border-radius: 0; }
.btn_group>.btn_group:first-child>.btn:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.btn_group>.btn_group:last-child>.btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.btn.widget { min-width: 25px; width: 25px; height: 25px; padding: 0; text-align: center; }
.btn .checkbox { margin: 0; }
.btn.btn_upload~.btn_upload_file { position: fixed; left: -9999px; top: -9999px; opacity: 0; }
.btn_guide .btn { width: 110px; }
/**** buttons 끝 ****/

/**** icon 시작 ****/
.icon-box:after { clear: both; display: block; content: ''; }
.icon-box .in_icon { width: 33.333%; float: left; }
.icon-box .in_icon a { padding: 15px 10px; display: block; }
.icon-box .in_icon a { color: #a6a8a9; text-align: center; }
.icon-box .in_icon a i { font-size: 25px; display: block; color: #555; }
/**** icon 끝 ****/
/**** input 시작 ****/
input[type="password"] { font-family: "맑은 고딕", "Malgun Gothic"; }
.ipt { width: 200px; text-align: left; padding: 0 12px; min-height: 20px; font-size: 13px; background-color: #fff; border: 1px solid #d7d7d7; color: #555; vertical-align: middle; box-sizing: border-box; }
 .ipt::-webkit-input-placeholder {color: #aaa;}
 .ipt::-moz-placeholder { color: #aaa;}
 .ipt:-ms-input-placeholder { color: #aaa;}
.ipt:active { border-color: #888; background: #fafafa; color: #555; }
.ipt:focus { border-color: #888; background: #fff; color: #555 }
 .ipt:focus::-webkit-input-placeholder { color: #888;}
 .ipt:focus::-moz-placeholder { color: #888;}
 .ipt:focus:-ms-input-placeholder { color: #888;}
.ipt[disabled], .ipt[readonly], fieldset[disabled] { background-color: #eee; }

textarea.ipt { padding: 10px 12px; min-height: 0; resize: none;}
textarea.ipt_h180 {height:180px;}

.ipt_group { display: block; position: relative; max-width: 100%; }
.ipt_group:after { clear: both; display: block; content: ''; }
.ipt_group:hover>.ipt_icon { color: #999; }
.ipt_inline { display: inline-block; position: relative; vertical-align: middle; max-width: 100%; }
.ipt_inline:after { clear: both; display: block; content: ''; }
.ipt_inline:hover>.ipt_icon { color: #999; }
.ipt_icon { position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; width: 40px; display: inline-flex !important; align-items: center; justify-content: center; color: #ddd; }
.ipt_icon button { background: transparent; border: 0; }
.ipt_icon.ipt_icon_right { left: auto; right: 0; }
.ipt_icon:not(.ipt_icon_right)~.ipt { padding-left: 40px !important; }
.ipt_icon.ipt_icon_right~.ipt { padding-right: 40px !important }
.ipt_icon:not(.ipt_icon_right)~.datepicker .ipt { padding-left: 40px !important; }
.ipt_icon.ipt_icon_right~.datepicker .ipt { padding-right: 40px !important }
.ipt_box { border: 1px solid #e4e4e4; background: #fff; padding: 10px 10px 10px 10px; }
.ipt_box:after { clear: both; display: block; content: ''; }
.ipt_box .ipt { border: 0; }
.ipt_box label { display: block; width: 100%; font-size: 16px; line-height: 28px; color: #555; padding-left: 20px; border-right: 1px solid #e9e9e9; }
.ipt_box select { display: block; width: 100%; font-size: 14px; height: 28px; color: #555; border: 0; border-right: 1px solid #e9e9e9 !important; }
/* input size 시작 */
.ipt.ipt_h_xl { height: 45px; line-height: 45px; }
.ipt.ipt_h_lg { height: 40px; line-height: 40px; }
.ipt.ipt_h_md { height: 30px; line-height: 30px; }
.ipt.ipt_h_sm { height: 20px; line-height: 20px; padding: 0 5px; }
.ipt.ipt_h_lg~.chosen-container-multi .chosen-choices { height: 40px; overflow: auto; }
.ipt.ipt_h_md~.chosen-container-multi .chosen-choices { height: 30px; overflow: auto; }
.ipt.ipt_h_sm~.chosen-container-multi .chosen-choices { height: 20px; overflow: auto; }
.ipt.ipt_w_xl { width: 100%; }
.ipt.ipt_w_lg { width: 70%; }
.ipt.ipt_w_md { width: 50%; }
.ipt.ipt_w_sm { width: 25%; }
.ipt.ipt_w_xs { width: 10%; }
.ipt.ipt_w215 {width:215px;}
.ipt.ipt_w190 {width:190px;}
.ipt.ipt_w175 {width:175px;}
/* input size 끝 */
.ipt.ipt_date { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.ipt.ipt_date.ipt_w_xl { width: calc(100% - 35px); }
.ipt.ipt_datepicker.ipt_w_xl { padding-right: 35px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sjjj.wbheanyvfg.be.xe%2Sarj%2Spff%2S..%2Svzt%2Sqngrcvpxre1.tvs) right top no-repeat; }
.ui-datepicker-trigger { vertical-align: middle; }
.filecontainer { position: relative; padding-left: 0 !important; line-height: normal !important; }
.filecontainer span { display: inline-block; font-size: 13px; color: #c7c7c7; }
.ipt_file { position: absolute; opacity: 0; }
.checkbox { display: inline-block; position: relative; min-height: 18px; line-height: 18px; min-width: 18px; padding-left: 25px; vertical-align: middle; margin-right: 15px; font-size: 13px; }
.checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkbox .checkmark { position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: #eee; }
.checkmark:after { content: ''; position: absolute; display: none; }
.checkbox input:checked~.checkmark { background-color: #2196F3; }
.checkbox input:checked~.checkmark:after { display: block; }
.checkbox .checkmark:after { left: 5px; top: 0; width: 5px; height: 10px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.checkbox.type_min { width: 15px; height: 15px; min-height: 15px; line-height: 15px; }
.checkbox.type_min .checkmark { position: absolute; left: 0; top: 0; width: 15px; height: 15px; background: #fff; border: 1px solid #4c9bfb }
.checkbox.type_min .checkmark:after { left: 5px; top: 2px; width: 3px; height: 7px; border: solid #fff; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.checkbox_btn { border-left: 1px solid #e3e5e4; }
.checkbox_btn:after { display: block; clear: both; content: ''; }
.checkbox_btn .checkbox { float: left; position: relative; font-size: 13px; min-height: 40px; line-height: 40px; width: 100%; text-align: center; padding: 0; vertical-align: middle; margin-left: 0; margin-right: 0; }
.checkbox_btn .checkbox:first-child { margin-left: 0; }
.checkbox_btn .checkbox:last-child .checkmark { border-right: 1px solid #e3e5e4; }
.checkbox_btn .checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkbox_btn .checkbox.col_2:nth-child(-n+6) .checkmark { border-top: 1px solid #e3e5e4; }
.checkbox_btn .checkbox.col_3:nth-child(-n+4) .checkmark { border-top: 1px solid #e3e5e4; }
.checkbox_btn .checkbox.col_4:nth-child(-n+3) .checkmark { border-top: 1px solid #e3e5e4; }
.checkbox_btn .checkbox.col_6:nth-child(-n+2) .checkmark { border-top: 1px solid #e3e5e4; }
.checkbox_btn .checkbox.col_12:nth-child(-n+1) .checkmark { border-top: 1px solid #e3e5e4; }
.checkbox_btn .checkbox .checkmark { position: absolute; left: 0; top: 0; width: 100%; height: 40px; border-radius: 0; background: transparent; border-right: 0; border-right: 1px solid #e3e5e4; border-bottom: 1px solid #e3e5e4; }
.checkbox_btn .checkbox input:checked~span { color: #4c9bfb; }
.checkbox_btn .checkbox input:checked~.checkmark { z-index: 2; border: 1px solid #4c9bfb; background: transparent; }
.checkbox_btn .checkbox.col_2:nth-child(-n+6) input:checked~.checkmark { border-top: 1px solid #4c9bfb; }
.checkbox_btn .checkbox.col_3:nth-child(-n+4) input:checked~.checkmark { border-top: 1px solid #4c9bfb; }
.checkbox_btn .checkbox.col_4:nth-child(-n+3) input:checked~.checkmark { border-top: 1px solid #4c9bfb; }
.checkbox_btn .checkbox.col_6:nth-child(-n+2) input:checked~.checkmark { border-top: 1px solid #4c9bfb; }
.checkbox_btn .checkbox.col_12:nth-child(-n+1) input:checked~.checkmark { border-top: 1px solid #4c9bfb; }
.checkbox_btn .checkbox input:checked~.checkmark:after { display: none; }
.checkbox_btn .checkbox .checkmark:after { display: none; left: 4px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: #fff; }
.radio { display: inline-block; position: relative; min-height: 18px; line-height: 18px; min-width: 18px; padding-left: 25px; vertical-align: middle; margin-right: 15px; font-size: 13px; }
.radio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.radio .checkmark { position: absolute; left: 0; top: 0; width: 18px; height: 18px; border-radius: 50%; background: #eee; }
.checkmark:after { content: ''; position: absolute; display: none; }
.radio input:checked~.checkmark { background-color: #2196F3; }
.radio input:checked~.checkmark:after { display: block; }
.radio .checkmark:after { left: 4px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: #fff; }
.radio_btn { border-left: 1px solid #e3e5e4; }
.radio_btn:after { display: block; clear: both; content: ''; }
.radio_btn .radio { float: left; position: relative; font-size: 13px; min-height: 40px; line-height: 40px; width: 100%; text-align: center; padding: 0; vertical-align: middle; margin-left: 0; margin-right: 0; }
.radio_btn .radio:first-child { margin-left: 0; }
.radio_btn .radio:last-child .checkmark { border-right: 1px solid #e3e5e4; }
.radio_btn .radio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.radio_btn .radio.col_2:nth-child(-n+6) .checkmark { border-top: 1px solid #e3e5e4; }
.radio_btn .radio.col_3:nth-child(-n+4) .checkmark { border-top: 1px solid #e3e5e4; }
.radio_btn .radio.col_4:nth-child(-n+3) .checkmark { border-top: 1px solid #e3e5e4; }
.radio_btn .radio.col_6:nth-child(-n+2) .checkmark { border-top: 1px solid #e3e5e4; }
.radio_btn .radio.col_12:nth-child(-n+1) .checkmark { border-top: 1px solid #e3e5e4; }
.radio_btn .radio .checkmark { position: absolute; left: 0; top: 0; width: 100%; height: 40px; border-radius: 0; background: transparent; border-right: 0; border-right: 1px solid #e3e5e4; border-bottom: 1px solid #e3e5e4; }
.radio_btn .checkmark:after { content: ''; position: absolute; display: none; }
.radio_btn .radio input:checked~span { color: #4c9bfb; }
.radio_btn .radio input:checked~.checkmark { z-index: 2; border: 1px solid #4c9bfb; background: transparent; }
.radio_btn .radio.col_2:nth-child(-n+6) input:checked~.checkmark { border-top: 1px solid #4c9bfb; }
.radio_btn .radio.col_3:nth-child(-n+4) input:checked~.checkmark { border-top: 1px solid #4c9bfb; }
.radio_btn .radio.col_4:nth-child(-n+3) input:checked~.checkmark { border-top: 1px solid #4c9bfb; }
.radio_btn .radio.col_6:nth-child(-n+2) input:checked~.checkmark { border-top: 1px solid #4c9bfb; }
.radio_btn .radio.col_12:nth-child(-n+1) input:checked~.checkmark { border-top: 1px solid #4c9bfb; }
.radio_btn .radio input:checked~.checkmark:after { display: none; }
.radio_btn .radio .checkmark:after { left: 4px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: #fff; }
.ipt_label_group { position: relative; }
.ipt_label_group .label_title { position: absolute; z-index: 5; top: -7px; left: 13px; display: block; padding: 0 3px; /*background:#fff;*/
font-size: 12px; line-height: 15px; color: #4c9bfb; }
.ipt_label_group .ipt_label_box { border: 1px solid #e3e5e4; padding: 10px 14px 0; }
.ipt_label_group .ipt_label_box h5 { font-weight: 700; font-size: 12px; color: #555; margin: 8px 0 7px 0; }
.ipt_label_group .ipt_label_box .line { width: 100%; height: 1px; background: #e3e5e4; margin: 5px 0 15px; }
.ipt_label_group .checkbox, .ipt_label_group .radio { margin-bottom: 10px; }

/**** input 끝 ****/


/* 테이블 공통 시작 */
table {table-layout:fixed;border-collapse:collapse;border-spacing:0}
.table_responsive .table {width:100%; padding:0; border:0;}
.table {padding:35px 110px;border:1px solid #ebebeb}
.table table {width:100%}
.table table tr th {padding:15px 0;font-size:17px;line-height:50px;text-align:left}
.table table tr th .small_text {font-size:15px}
.table table tr td {position:relative;padding:15px 0}
.table table tr td p {display:inline-block;font-size:17px;line-height:50px}
.table table tr td span.decribe {position:absolute;top:20px;margin-left:20px;display:inline-block;font-size:15px;line-height:20px;color:#848484}
.table table tr td span.error_meg {position:absolute;top:30px;margin-left:20px;display:inline-block;font-size:15px;line-height:20px;color:#ff0000}
.table table tr td span.nbsp {display:inline-block;width:40px;line-height:40px;text-align:center}
.table table tr td .describe {font-size:15px;line-height:20px;letter-spacing:-0.075em;font-weight:300;color:#848484}
.table table tr td .error_meg {font-size:15px;line-height:20px;letter-spacing:-0.075em;color:#ff0000}
/* 테이블 공통 끝 */
/* 테이블 타입1 공통 시작*/
.table_type1 {width:100%}
.table_type1 table {width:100%}
.table_type1 table tr th {padding:15px 0;text-align:left; font-weight:400; vertical-align: top;}
.table_type1 table tr td {padding:10px 0;}
.table_type1 table tr td .radio_box {line-height:40px;}
/* 테이블 타입1 공통 끝*/
/* 테이블 타입2 공통 시작 */
.table_type2 {width:100%}
.table_type2 table {width:100%}
.table_type2 table.border_grey {border:1px solid #ebebeb}
.table_type2 table thead tr th {padding:15px 15px;color:#666;text-align:center}
.table_type2 table tbody tr td {padding:10px 15px;text-align:center}
.table_type2 table tbody tr:nth-child(odd) {background-color:#f7f8fb}
.table_type2 table tbody tr td.txtleft {text-align:left}
.table_type2 table tbody tr td.cursor {cursor:pointer}
.table_type2 table tbody tr td.overflow {height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 테이블 타입2 공통 끝 */

.file_box {position:relative;}
.file_box .file_name {position:absolute; z-index:3; right:0; top:0; display:block; width:calc(100% - 110px); border:1px solid #d7d7d7; border-left:0; height:45px; line-height:43px; padding:0 20px; font-size:17px; color:#aaa;}
.file_box .file_add {position:absolute; z-index:5; right:20px; top:15px; display:block; width:16px; height:16px;}
.file_box label {position:absolute; z-index:3; left:0; top:0; display:block; width:110px; border:1px solid #3c5fab; color:#3c5fab; font-size:17px; height:45px; line-height:43px; text-align:center; cursor:pointer;}
.file_box input {opacity:0;}