a:link { color: #666; text-decoration: none }
a:visited { color: #666; text-decoration: none }
a:hover { color: #000; text-decoration: none }
a:active { color: #666; text-decoration: none }

form { margin:0; }
p { margin-top: 0px; margin-bottom: 0px }
td,table {font-size:1rem; color: #666; line-height: 150%;}

select {font-size:1rem; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:8px 5px; box-sizing:border-box;}
.input {font-size:1rem; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:8px 5px; box-sizing:border-box;}
.textarea {font-size:1rem; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:5px; box-sizing:border-box; width:100%; line-height:160%; letter-spacing:-0.2pt;}
.blind {font-size:0; line-height:0; width:0px; height:0px;}
.button {cursor:pointer; HEIGHT:18px; font-size:1rem; BACKGROUND-COLOR: #737373; BORDER-BOTTOM: #737373 2px solid; BORDER-LEFT: #737373 2px solid; BORDER-RIGHT: #737373 2px solid; BORDER-TOP: #737373 2px solid; COLOR: #ffffff;}

span.hipen {display:inline-block; width:16px; text-align:center; font-size:1rem;}
span.alpha {display:inline-block; width:20px; text-align:center; font-size:1rem;}

.form_table {position:relative; width:100%; box-sizing:border-box; background:#f4f4f4; padding:1rem;} 
.form_table ul {width:100%; overflow:hidden;}
.form_table ul li {margin:5px 0;}
.form_table dl {width:100%; display:table; border:0; border-spacing:0;}
.form_table dl dt {display:table-cell; color:#444; font-weight:600; text-align:left; width:170px; height:35px; line-height:35px; box-sizing:border-box; vertical-align:top;}
.form_table dl dt .star {color:#ff0000;}
.form_table dl dd {display:table-cell; text-align:left; width:calc(100% - 170px); box-sizing:border-box; font-size:0;}  
.form_table dl dd input[id='20_f0_0'], .form_table dl dd input[id='20_f2_0'],
.form_table dl dd input[id='22_f0_0'], .form_table dl dd input[id='22_f2_0'] {width:100%;}
.form_table dl dd select[id='20_f1_0_3'], .form_table dl dd select[id='22_f1_0_3'] {width:49%; margin-left:1%;}
.form_table dl dd input[id='20_f1_1'], .form_table dl dd input[id='20_f1_2'],
.form_table dl dd input[id='22_f1_1'], .form_table dl dd input[id='22_f1_2'] {width:calc((50% - 20px) / 2);}
.form_table dl dd input[name='vcode'] {display:inline-block; width:calc(100% - 170px); height:35px !important; line-height:35px !important; vertical-align:top; margin-left:5px;}
.form_table dl dd .file_msg {margin-top:5px; letter-spacing:-0.5pt; color:#f08200;} 
.form_table dl dd img#norobot_key_img {padding:0 !important; vertical-align:top;}
.form_table dl dd .sub_txt {display:inline; font-size:0;}
.form_table dl dd .sub_txt a:link, .form_table dl dd .sub_txt a:visited {color:#fff; font-size:1rem; display:inline-block; margin-left:5px; background:#666; height:35px; line-height:35px; width:75px; text-align:center; font-family:"Lato", arial, tahome, verdana, sans-serif;}

input.btn_address {height:35px; line-height:35px; padding:0 10px; border:0; text-align:center; font-size:13px; color:#666; border:1px solid #aaa; background:#fff; vertical-align:top;}

.pribtn {border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; background:#fafafa; font-size:1rem; letter-spacing:-0.5pt; padding:13px 0;}
.pribtn input[type="checkbox"] {width:20px; height:20px; vertical-align:top; margin-right:5px; border:1px solid #ccc;}  /* dipslay:none; */
.pribtn label {letter-spacing:-0.3pt;}
/*.pribtn input[type="checkbox"] + label {position:relative; display:inline-block; cursor: pointer; padding:2px 0 7px 28px; letter-spacing: -0.5pt;}
.pribtn input[type="checkbox"] + label > i {position:absolute; left:0; top:2px; border:1px solid #c1c1c1; width:21px; height:21px; background-color:#fff; background-image:url('/products/img/check_gray.png'); background-repeat:no-repeat; background-position:center; box-sizing:border-box;}
.pribtn input[type="checkbox"]:checked + label > i {background-image:url('/products/img/check_blue.png'); border-color:#00479d;} */
.pribtn .btn {display:inline-block; height:auto; font-size:12px; padding:4px 9px; letter-spacing:-.3pt; background:#fff; border:1px solid #dddddd; border-right-color:#aaaaaa; border-bottom-color:#aaaaaa; margin-left:8px}

.agree_box {display:none; position:Relative;}
.agree_box h3 {background:#333; color:#fff; letter-spacing:-.5pt; padding:14px 10px; font-size:1.125rem; font-weight:500; line-height:1;}
.agree_box .close {color:#fff; color:#fff; font-size:1rem; position:absolute; top:10px; right:15px; cursor:pointer;}
.agree_box .textarea {font-family:Noto Sans KR, NanumGothic, Dotum,Gulim, sans-serif;font-size:1rem; line-height:140%; color:#777; padding:1rem; border:1px solid #ddd; border-top:none; width:100%; box-sizing:Border-box;}
.agree_box .textarea p {position:relative; padding-left:8px; letter-spacing:-.2pt; line-height:140%;}
.agree_box .textarea p:before {position:absolute; left:0; top:10px; width:3px; height:1px; background:#666; content:""; z-index:5;}
.agree_box .textarea * {letter-spacing:-.2pt;}

/* 확인/취소 버튼 */
.btn_area {text-align:center; margin-top:20px;}
.btn_confirm {font-size:0.9375rem; padding:1rem 1.25rem; width:100%; color:#fff; background:#3495e5; border:1px solid #3495e5; line-height:100%; margin:0 auto; letter-spacing:-0.5pt; transition:all 0.15s ease-in-out; cursor:pointer;}
.btn_confirm:hover {color:#fff; border:1px solid #1f77c0; background:#1f77c0; transition:all 0.15s ease-in-out;}

.btn_cancel {display:none; font-size:15px; width:125px; height:54px; background-color:#7b8691; color:#fff; border:1px solid #7b8691;  cursor:pointer; letter-spacing:-0.75pt;}

/* input 디자인 */
.input_num {width:50px;}
.input_s {width:130px;}
.input_m {width:240px;}
.input_l {width:98%; box-sizing:border-box;}
.input_file {padding:5px; border:1px solid #ddd; width:100%;}
.input_add {margin-bottom:3px;}


/*******************************************************************************
	@media 681~980px
*******************************************************************************/
@media all and (max-width:980px) { 
.form_table dl dt {width:120px;}
.form_table dl dd {width:calc(100% - 120px);}
.form_table dl dd select[id='20_f1_0_3'], .form_table dl dd select[id='22_f1_0_3'] {width:100%; margin-top:5px; margin-left:0;}
.form_table dl dd input[id='20_f1_1'], .form_table dl dd input[id='20_f1_2'],
.form_table dl dd input[id='22_f1_1'], .form_table dl dd input[id='22_f1_2'] {width:calc((100% - 20px) / 2);}

}



/*******************************************************************************
	@media ~ 680px
*******************************************************************************/
@media all and (max-width:768px) { 
.form_table ul li {float:none; width:100%; margin-right:0;}
.form_table dl dt, .form_table dl dd {display: block; width:100%;}
.form_table dl dt {padding-bottom:5px;}
.form_table dl dd {width:100%; padding-bottom:10px;}

.btn_confirm{width:100%;}

.pribtn {font-size:1rem;}
.agree_box .textarea {font-size:1rem; padding:7px;}

}