﻿html, body, ul, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none; filter: expression(document execCommand('BackgroundImageCache', false, true));}

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:14px; color: #666; line-height: 150%;}

.input, input[type="button"], input[type="submit"] {-webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; border-radius:0 !important;}
textarea {-webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; border-radius:0 !important;}

select { background-image:url(../../../../common/img/layout/select-arrow.png); background-repeat:no-repeat; background-position:right 10px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand {display: none;}



select {font-size:14px; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:7px 5px; border-radius:0; height:38px;}
.input {font-size:14px; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:8px 5px; height:38px;}
.textarea {font-size:13px; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:5px; box-sizing:border-box; width:100%; box-sizing:border-box;}
.blind {font-size:0; line-height:0; width:0px; height:0px;}
.button {cursor:pointer; HEIGHT:18px; font-size:13px; 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;}

.agree_con{position:relative; overflow:hidden; border:1px solid #ddd; padding:15px; margin:20px 0;}
.agree_con h4{font-weight:600; color:#333; font-size:15px; letter-spacing:-0.7pt; padding:0 0 10px 0}
.agree_con .agree{font-size:14px; text-align:center; padding:8px 0 0 0; font-weight:600; color:#333; letter-spacing:-0.5pt;}

.form_table{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #105496;}
.form_table th{font-size:15px; color:#3d3939; font-weight:600; text-align:left; padding:20px 0 20px 35px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.form_table td{font-size:15px; border-bottom:1px solid #eee; padding:12px 0 12px 15px; background:#fff; text-align:left}

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;}

/* 확인/취소 버튼 */
.btn_area{text-align:center; font-size:0;}
.btn_confirm{font-size:15px; width:125px; height:54px; background-color:#004a91; color:#fff; cursor:pointer; border:1px solid #004a91; letter-spacing:-0.75pt; margin:0 0 0 10px;}
.btn_cancel{font-size:15px; width:125px; height:54px; background-color:#bdbdbd; color:#fff; border:1px solid #bdbdbd; cursor:pointer; letter-spacing:-0.75pt;}

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


select[name="fname[2][]"] {width:100px;}
input[name="fname[3][]"] {width:100%;}

@media all and (max-width:640px){
    .form_table {table-layout:fixed;}
    .form_table th {padding:20px 0; text-align:center; width:20%;}
    
    
    input[name="f2_email1"] {width:calc(33.33% - 23px);}
    input[name="f2_email2"] {width:calc(33.33% - 23px);}
    select[name="fname[2][]"] {width:33%;}
    input[name="fname[3][]"] {width:98%;}
}

@media all and (max-width:500px){
    .form_table th {display:block; width:100%; padding:13px 0;}
    .form_table td {display:block; width:100%; padding:13px 0;}
    
    input[name="fname[0][]"] {width:100%;}
    input[name="fname[1][]"] {width:calc(33.33% - 16px);}
    select[name="fname[2][]"] {width:100%; max-width:100px;}
    input[name="fname[3][]"] {width:100% !important;}
    input[name="fname[4][]"] {width:100% !important;}
    input[name="vcode"] {width:calc(100% - 90px);}
}