@charset "euc-kr";

body,div,input,button  { font-size:15px }
body            { background:url('../img/bg.jpg'); margin:0px;  }
#wrap           { margin:0 auto; width:100%; min-width:320px; max-width:640px }
#body_head      { width:100%; }
#body           { width:100%;  }
#body #content  { width:cal(100%-20px); margin:10px; border:1px solid #baab9f; background-color:#fff; }
#body_copyright { width:100%; padding:8px 0px; background:url('../img/bg_bottom.jpg'); text-align:left }
div.sub_title   { width:98%; text-align:left; margin-bottom:10px; font-size:20px; font-weight:bold; padding-left:2%; }

/*====================================================*/

#log_div { width:100%; text-align:center; }
#logo    { margin:0 auto; width:35%; max-width:151px; margin:15px; }

#menu    { width:100%; border-bottom:5px solid black; }
#menu td { text-align:center; padding:5px 0px; }
#menu td img { height:23px; }
#copyright tr td { font-size:15px; }
#copyright img.logo { height:25px; margin:11px; }
#copyright img.btn  { height:26px; margin-bottom:5px; }

@media screen and (max-width:600px){ 
	body,div,input,select,button  { font-size:14px }
	#body #content  { width:cal(100%-16px); margin:8px; }
	#menu td img { height:20px; } 
	#copyright tr td { font-size:13px; }
	#copyright img.logo { height:22px; margin:9px; }
	#copyright img.btn  { height:22px; }
	div.sub_title { font-size:19px;  }
}
@media screen and (max-width:480px){ 
	body,div,input,select,button  { font-size:13px }
	#body #content  { width:cal(100%-14px); margin:7px; }
	#menu    { border-bottom:4px solid black; }
	#menu td img { height:17px; } 
	#copyright tr td { font-size:12px; }
	#copyright img.logo { height:16px; margin:5px; }
	#copyright img.btn  { height:16px; }
	div.sub_title { font-size:17px;  }
}
@media screen and (max-width:360px){ 
	body,div,input,select,button  { font-size:12px }
	#body #content  { width:cal(100%-10px); margin:5px; }
	#menu    { border-bottom:3px solid black; }
	#menu td img { height:15px; } 
	#copyright tr td { font-size:11px; }
	#copyright img.logo { height:14px; margin:5px; }
	#copyright img.btn  { height:14px; }
	div.sub_title { font-size:15px;  }
}

input,select { height:20px; font-size:15px !important }

/*===============================================================*/


#iteam_3row    {  }
#iteam_3row li { display:inline-block; width:32%; text-align:center; vertical-align:top; padding-bottom:10px }
#iteam_3row li img { width:90%; max-width:139px;   }
#iteam_3row li div.cons{ display:block; width:100%;  }
#iteam_3row li dt.tit { width:100%; text-align:center; color:#2f4191; font-weight:bold; margin:2px 0px }
#iteam_3row li dd.con { width:cal(100%-10); text-align:center; color:#000; margin:2px 5px }
#iteam_3row li div.cost{ margin-top:5px; color:darkorange }

#iteam_1row    { }
#iteam_1row li { display:block; clear:both; width:100%; text-align:left;  vertical-align:top; }
#iteam_1row li img     { display:inline-block; width:35%; max-width:139px; margin-right:10px; margin-bottom:5px; }
#iteam_1row li div.cons{ display:inline-block; width:58%; margin-top:-5px;  }
#iteam_1row li dt.tit { width:100%; text-align:left; color:#2f4191; font-weight:bold; margin:2px 0px; padding-top:2px }
#iteam_1row li dd.con { width:100%; min-height:15px; text-align:left; color:#000; margin:5px 0px;   }
#iteam_1row li div.cost{ margin-top:5px; color:darkorange }

/* Email ¹®ÀÇ */
#email_input    {  background-color:#efefef; padding:10px }
#email_input li { text-align:left; padding-bottom:3px; padding-top:3px; border-bottom:1px dotted silver;  }
#email_input li label { display:inline-block; width:20%; text-align:center; font-weight:bold; }
#email_input li input[type=text] { width:70%; border:1px solid black; }
#email_input li textarea { width:100%; height:180px }

div.btn_area { width:100%; padding:20px 0px; text-align:center; }
div.btn_area button { padding:5px 10px;  background-color:#5a0000; color:#fff }
div.agreement  { text-align:left; background-color:#efefef; padding:10px }

div.agreement dt { font-weight:bold; padding:3px 0px; }
div.agreement dd { margin-bottom:20px; background-color:#fff; padding:5px; border:1px dotted silver }

/* ÆÄÆ®³Ê Á¦ÈÞ */
div.partner        { margin-top:20px; }
div.partner dt     { width:100%; overflow:hidden; }
div.partner dt img { width:150%; max-width:640px; margin-left:-4%; margin-bottom:10px; }
div.partner dd     { padding-left:3%; text-align:left; margin-bottom:30px; line-height:20px; }

table.TBL_A1    { width:100%; border-spacing:1px; }
table.TBL_A1 th { height:20px; background-color:#cccccc; text-align:center }
table.TBL_A1 td { height:20px; background-color:#efefef; text-align:center }

table.TBL_A2    { width:100%; border-spacing:1px; background-color:gray; }
table.TBL_A2 th { height:20px; background-color:#cccccc; text-align:center }
table.TBL_A2 td { height:20px; background-color:#efefef; text-align:center }

table td.left { text-align:left; padding-left:10px }

/* input */
#body #content_R { width:cal(100%-60px); margin:10px; border:1px solid #b6878b; text-align:left; padding:10px 20px; background-color:#fff; /*¸ðÁú¶ó*/-moz-border-radius: 8px; /*À¥Å¶*/-webkit-border-radius: 8px;  /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 8px; }
#body #content_R .title { width:100%; padding:7px 0px 5px 0px; margin:0 auto; text-align:left; border-bottom:1px solid #bd4141; color:#bd4141; font-size:14px; font-weight:bold; margin-bottom:10px }
span.input_label { display:inline-block; font-weight:bold; width:25%; white-space:nowrap }


.width_block      { padding:5px 0px }
.width_block .w05 { display:inline-block; width: 5% }
.width_block .w10 { display:inline-block; width:10% }
.width_block .w15 { display:inline-block; width:15% }
.width_block .w20 { display:inline-block; width:20% }
.width_block .w25 { display:inline-block; width:25% }
.width_block .w30 { display:inline-block; width:30% }
.width_block .w35 { display:inline-block; width:35% }
.width_block .w40 { display:inline-block; width:40% }
.width_block .w45 { display:inline-block; width:45% }
.width_block .w50 { display:inline-block; width:50% }
.width_block .w60 { display:inline-block; width:60% }
.width_block .w65 { display:inline-block; width:65% }
.width_block .w70 { display:inline-block; width:70% }
.width_block .w75 { display:inline-block; width:75% }
.width_block .w80 { display:inline-block; width:80% }
.width_block .w85 { display:inline-block; width:85% }
.width_block .w90 { display:inline-block; width:90% }
.width_block .w95 { display:inline-block; width:95% }


div.width_block div select { width:95%; }
div.width_block div input { width:95%; border:1px solid #707070; font-size:1.3em; }

button.btn_pg { width:100%; padding:7px; border:1px solid #707070; font-size:1.3em; border:1px solid #b6878b; background-color:#efefef; /*¸ðÁú¶ó*/-moz-border-radius: 8px; /*À¥Å¶*/-webkit-border-radius: 8px;  /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 8px; }



table.tbl    { margin:0 auto; width:90%;  }
table.tbl th { font-weight:bold; height:30px; width:30%; border-bottom:1px dotted #e3b6ca;; }
table.tbl tr td { height:30px; padding-left:10px; border:1px dotted silver }

table.tbl_calc    { margin:0 auto; width:90%; border-top:1px solid silver; }
table.tbl_calc th { font-weight:bold; height:30px; width:30%; border-bottom:2px solid gray; }
table.tbl_calc tr td { height:30px; padding-left:10px; border-bottom:1px solid gray }
table.tbl_calc tr td div { width:95%; margin:0 auto; text-align:left; font-weight:bold }
table.tbl_calc tr td div span { float:right; color:silver; font-size:12px; }

.result_title {
	padding-left:30;font-size:16px;text-indent:20px;
	color:#fff;
	background-color:#dc5c8f;
	height:39px
}


.unse_tbl    { width:98%; margin:0px auto; border-spacing:0px; font-size:10pt; line-height:15pt; border-left:1px solid #C87F00; border-top:1px solid #C87F00; letter-spacing:-1px }
.unse_tbl th,
.unse_tbl td { border-right:1px solid #C87F00; border-bottom:1px solid #C87F00 }
.unse_tbl th { background-color:#EFEFDE; font-weight:normal; text-align:center;  }
.unse_tbl td { padding:8px; background-color:#fff; }
.unse_tbl  i { color:red ; font-style:normal }
.unse_tbl  b { color:blue }
.unse_tbl  div { font-size:10pt; }