@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");


/* reset */
*{margin:0;padding:0;}
body, html { width:100%; height:100%; font-family: 'Noto Sans KR', sans-serif; font-size:36px; background:#e8e4e3;  }
input  {text-decoration:none;}
ul li { list-style:none;}
table { border-collapse:collapse; border-spacing:0;}
a { color:inherit; text-decoration:none; }
ul, li { list-style:none; }


/* 공통 */
#wrapper{ width:100%; max-width:1000px;  min-height:100%; position:relative; }
.content {width:100%; padding:4%; box-sizing:border-box; background:#e8e4e3; }
.innerBox { background:#fff; border-radius:10px; padding:30px;   }

select, 
input[type=password], 
input[type=text] { width:100%;  height:76px; font-size:26px; border:1px solid #aaa; border-radius:10px; padding-left:5px;  }
textarea { width:100%; height:120px;  font-size:32px; line-height:40px; border:1px solid #aaa; border-radius:10px; padding-left:5px;  }

textarea:focus, input:focus { border:1px solid #3c92ca; }
table { margin:auto; font-size:30px; width:90%; }
table td { padding:20px 0;  }
table td.left_td { color:#333;  font-size:26px; }


.checkbox, .radioBtn { width:35px; height:35px; margin-right:20px; }

.btnArea { width:100%; }
.btnArea a { width:100%; height:112px; line-height:112px; margin-top:30px; display:block; text-align:center; background:#163a62; color:#fff; font-size:46px; letter-spacing:10px; font-weight:bold; }
.btnArea a.btn_type2 {  background:#686868; }


/* main */
#hotline_guide li { margin-top:-30px; padding:30px 30px 30px 270px; box-sizing:border-box; font-size:36px; color:#666; }
#hotline_guide li.guide1 {  background:url("../img/ico_main1.png") no-repeat left 50px; border-bottom:1px solid #d1d1d1; }
#hotline_guide li.guide2 {  background:url("../img/ico_main2.png") no-repeat left 50px; border-bottom:1px solid #d1d1d1; }
#hotline_guide li.guide3 {  background:url("../img/ico_main3.png") no-repeat left 50px; border-bottom:1px solid #d1d1d1; }
#hotline_guide li.guide4 {  background:url("../img/ico_main3.png") no-repeat left 50px; }
#hotline_guide li .desc { height:190px; overflow:hidden;  }
#hotline_guide li .desc p { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#hotline_guide li .desc strong { font-size:48px; color:#333; display:block; position:relative; margin:30px 0; }
#hotline_guide li .desc strong span { position:absolute; width:43px; height:24px; top:0; right:0;  background:url("../img/ico_main_arr.png"); background-position:0 -24px;  }

#hotline_guide li .desc.on { height:auto; }
#hotline_guide li .desc.on p { text-overflow:clip; overflow:auto; white-space:normal;  }

#hotline_guide li .desc.on span { background-position:0 0px;  }


/* report */
#report li label { float:left; width:50%; }

#outdocs input#w_name,
#outdocs input#w_tel,
#outdocs input#w_mail { width:100%; height:76px; padding-left:10px; margin:10px 0;  }


/* complete  */
#complete { text-align:center; }
#complete span { font-size:42px; color:#163a62; font-weight:bold; }
#complete input { width:500px; margin-left:25px; margin-bottom:50px; }

/* check */
#check { text-align:center; }
#check span { font-size:42px; color:#163a62; font-weight:bold; }
#check input { width:500px; margin-left:25px; margin-bottom:50px; }
#check input.rcode { text-transform:uppercase; }


/* reportView */
#reportView .row { width:90%; margin:auto; overflow:hidden; border-bottom:1px solid #000; padding:20px 0;   }
#reportView .left { float:left;  }
#reportView .right { float:right;  }
#reportView .left span { padding-bottom:15px; border-bottom:6px solid #3c92ca; }


/* print */
#print table td.right_td p {  width:100%;  height:76px; font-size:36px; line-height:76px;  border:1px solid #aaa; border-radius:10px; padding-left:5px; background:#eee; color:#aaa; overflow:hidden;}
#print table td.right_td textarea { background:#eee; color:#aaa;  }

#print #outdocs input#w_name,
#print #outdocs input#w_tel,
#print #outdocs input#w_mail { width:100%; height:76px; padding-left:10px; margin:10px 0; background:#eee; color:#aaa; }