@import url('font.css'); /* 폰트임 */

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:16px; color: #666; line-height: 150%; font-family:'Noto Sans KR', Malgun Gothic,'Malgun Gothic', sans-serif;}

select {font-size:15px; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:7px 5px; font-family:'Noto Sans KR', Malgun Gothic,'Malgun Gothic', sans-serif;}
.input {font-size:15px; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:8px 5px; font-family:'Noto Sans KR', Malgun Gothic,'Malgun Gothic', sans-serif; -webkit-appearance: none; -webkit-border-radius: 0;}
.textarea { -webkit-appearance: none; -webkit-border-radius: 0; font-size:15px;letter-spacing: -0.3pt;font-family:'Noto Sans KR', Malgun Gothic,'Malgun Gothic', sans-serif; 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; font-family:'Noto Sans KR', Malgun Gothic,'Malgun Gothic', sans-serif; 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;}
input[type="checkbox"]{width:20px; height:20px; vertical-align:middle; border:none}

span.option { cursor:pointer; }
.agree_con{position:relative; margin-top:20px; margin-bottom:3px; }
.agree_con:after {content: '';display: block;clear: both;}
.agree_con .sub_stit{margin-bottom:8px; font-size:18px; color:#333; letter-spacing:-0.5pt;}
.agree_con .agree{text-align:center; padding:13px 0 13px 0; color:#888; letter-spacing:-0.5pt; font-size:14px; border:1px solid #ddd; border-top:none;} 
.agree { font-size:13px; margin:0 auto; text-align:center;  padding:20px 0 20px 0;}

.contact_input{margin-top:0}




/*********** List Table *************/
.list_table {width:100%; border-collapse:separate; border-spacing:0;}
.list_table th {color:#222; font-weight:400; font-size:1.125rem; letter-spacing: -0.5pt; text-align:center; padding:14px 0; border-bottom:1px solid #bbb; border-top:1px solid #333;}
.list_table td {padding:14px 0; text-align:center; border-bottom:1px solid #e9e9e9}
.list_table .btn_ing{font-size:0.813rem; background:#fff; box-sizing: border-box; border:1px solid #144385; color:#144385 !important; line-height:100%; padding:5px 8px; letter-spacing: -0.5pt; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.list_table .btn_end{font-size:0.813rem; background:#444; box-sizing: border-box; border:1px solid #444; color:#fff !important; line-height:100%; padding:5px 8px; letter-spacing: -0.5pt; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.list_table .mo_line{display:none}
.list_table td img{margin-left:5px}
.list_table td.left {text-align:left; padding-left:10px;}
.list_table td .subject{font-weight:500;}





.form_table{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.form_table th{font-size:16px; color:#333; font-weight:500; text-align:left; padding:12px 0 12px 15px; border-bottom:1px solid #ddd; letter-spacing:-0.3pt;}
.form_table th span.star_txt{font-size:16px; color:#e2370f; font-weight:500;}
.form_table td{border-bottom:1px solid #ddd; padding:12px 0 12px 15px; 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; margin-top:40px}
.btn_confirm{position:relative; -webkit-appearance: none; -webkit-border-radius: 0; vertical-align:middle; display:inline-block; font-size:1rem; width:200px; height:64px; line-height:64px; background-color:#d71819; color:#fff !important; cursor:pointer; border-radius:40px; border:none; letter-spacing:-0.3pt; margin:0 2px 0 0; transition:all 0.8s, color 0.2s 0.2s;}
.btn_confirm:hover{color:#fff; box-shadow:0 84px 0 0 #b31b1c inset, 0 -84px 0 0 #b31b1c inset;}
.btn_confirm i.material-symbols-outlined{vertical-align:middle; display:inline-block; margin-bottom:2px;}
.btn_cancel{-webkit-appearance: none; -webkit-border-radius: 0; display:inline-block; margin-right:5px; font-size:1rem; width:200px; height:64px; line-height:64px; background-color:#fff; color:#333; border-radius:40px; border:1px solid #333;  cursor:pointer; letter-spacing:-0.75pt;}
.btn_cancel:hover{transition:all 0.8s; border-color:#127abd; color:#127abd}


/* 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;}
.input_add {margin-bottom:3px;}


@media all and (max-width:1230px){
	.check { width:25%; float:left; }
}

@media all and (max-width:981px){
	.agree_con{}
	.contact_input{}

.list_table th{font-size:15px;}
.list_table td{font-size:15px;}

}


@media all and (max-width:768px){

/*********** List *************/
.list_table {border-top:1px solid #333}
.list_table th {display:none}
.list_table td {padding:8px 0;}
.list_table .pc_line{display:none}
.list_table .mo_line{display:block}

.m_notice{background:#e10012; color:#fff; font-size:12px; text-align:center; font-weight:600; line-height:100%; width:40px; padding:4px 0}
.mo_line .list_cate{color:#858585; font-size:12px; letter-spacing:-0.55pt; line-height:20px; padding:0 0 3px}
.mo_line .list_cate .notice{display:inline-block; width:36px; line-height:20px; margin:0 7px 0 0; text-align:Center; font-size:12px; color:#fff; letter-spacing:-0.55pt; background:#f1001c; border-radius:20px}
.mo_line .subject, .mo_line .subject a{font-size:14px; font-weight:600; color:#333; letter-spacing:-0.55pt;}
.mo_line .writer {overflow:hidden; clear:both; }
	.mo_line .writer li{float:left; font-size:12px; color:#777; padding:0 6px; background:url('image/bbs_list_line.gif') no-repeat left center;}
	.mo_line .writer li:first-child{padding-left:0; background:none;}
.mo_line .img{vertical-align:middle; margin:0 0 3px}
.mo_line .re_icon{display:inline-block; float:left; padding:7px 7px 0 0 }
.mo_line .list{float:left; }
.mo_line .commentBg{display:block; position:absolute; right:3px; top:30%; width:30px; height:30px; text-align:center; line-height:30px; background:url('image/comment_bg.gif') no-repeat center;  font-size:PT Sans; font-size:10px; color:#858585; font-weight:400; }
.mo_line .recom{background:url('image/recom.gif') no-repeat left center; background-size:11px 10px; padding:0 0 0 13px; font-size:PT Sans; font-size:10px; color:#858585;}


.addin{position: relative; overflow: hidden; margin-top:5px}
.addin .btn_ing{position: relative; overflow: hidden; display: inline-block; width:100%; text-align:center; padding:5px 0}
.addin .btn_end{position: relative; overflow: hidden; display: inline-block; width:100%; text-align:center; padding:5px 0}

}


@media all and (max-width:640px){
.agree_con .sub_stit{font-size:15px;}
.agree_con{}
.btn_area{margin-top:20px}
select {font-size:13px; padding:7px 5px;}
.input {font-size:13px; padding:8px 5px; width:97%}
.agree_con .agree{font-size:12px; }
.textarea{font-size:12px}
.contact_input{padding:0px 0px 20px 0}
td,table {font-size:13px;}
	.form_table th {display:block; border-bottom:1px dashed #ddd; width:auto; padding:8px 0 8px 10px; font-size:14px}
	.form_table td {display:block; padding:8px 10px 8px 10px;}
	.check { width:50%; float:left; height:25px;}

.form_table td{border-bottom:1px solid #d4d4d4; max-width:100%; }
.form_table td input[type=text]{width:100%;  box-sizing:border-box;}
.form_table td input[size="6"] { width:23% !important; }
.form_table td input[size="4"]{ width:23% !important; }
.form_table td select{ width:23% !important; }
.form_table td input[size="20"]{ width:30% !important; }
.form_table td input[size="10"]{ width:23% !important; }

.form_table td select{width:24%; margin-bottom:1px;}

.btn_confirm{font-size:14px; width:140px; height:45px; line-height:45px;}
.btn_cancel{font-size:14px; width:140px; height:45px; line-height:45px;}

#vcode{width:69%}
}