@charset "utf-8";

.inquiryBox {max-width:560px;margin:0 auto 80px;border:1px solid #f1f1f1;padding:30px;box-shadow:0 15px 30px -15px rgba(0, 0, 0, 0.25);}
.inquiryBox > div {margin-bottom:30px}
.inquiryBox h2 {font-size:18px;margin-bottom:20px;position:relative;font-weight:500;color:#2d59a7;padding-left:10px;}
.inquiryBox h2:before {content:"";position:absolute;width:5px;height:5px;background:#2d59a7;top:3px;left:0;}
.inquiryBox h2 span {font-size:15px;margin-left:5px}
.inquiryBox h3 {font-size:15px;position:relative;font-weight:700}

.inquiryType ul {overflow:hidden}
.inquiryType ul li {width:33.333%;float:left;margin-bottom:15px;text-align:center;}
.inquiryType ul li:first-child {}
.inquiryType ul li label {font-size:12px}
.inquiryType ul li input[type='checkbox'] {width:20px;height:20px;margin-right:5px;}

.inquiryInfo table {width:100%}
.inquiryInfo table td.left {width:48%;padding-right:2%}
.inquiryInfo table td.right {width:48%;padding-left:2%}
.inquiryInfo table td input[type="text"] {width:100%;height:42px;font-size:15px;border:solid #e8e8e8;border-width:1px 0 1px;color:#666;padding:0 3px;box-sizing:border-box}
.inquiryInfo table td select {width:100%;height:42px;font-size:15px;border:solid #e8e8e8;border-width:0 0 1px;color:#414141;padding:0}
.inquiryInfo table td select option {padding:20px}
.inquiryInfo table td textarea {background:#f9f9f9;font-weight:300;overflow-y:hidden;width:100%;height:120px;font-size:15px;border:0;color:#666;padding:5px;box-sizing:border-box}
.inquiryInfo .product-name {margin-bottom:5px;}
.inquiryInfo .product-name input {width:100%;height:32px;font-size:15px;font-weight:300;border:1px solid #e8e8e8;padding:0 5px;}

.contInfo table {width:100%}
.contInfo table td.top {border:solid #e8e8e8;border-width:1px 0 0;}
.contInfo table td.left {width:48%;padding-right:2%}
.contInfo table td.right {width:48%;padding-left:2%}
.contInfo table td input[type="text"] {font-weight:300;width:100%;height:42px;font-size:15px;border:solid #e8e8e8;border-width:0 0 1px;color:#666;padding:0 3px;box-sizing:border-box}
.contInfo table td input[type="email"] {font-weight:300;width:100%;height:42px;font-size:15px;border:solid #e8e8e8;border-width:0 0 1px;color:#666;padding:0 3px;box-sizing:border-box}
.contInfo table td input[type="number"] {font-weight:300;width:100%;height:42px;font-size:15px;border:solid #e8e8e8;border-width:0 0 1px;color:#666;padding:0 3px;box-sizing:border-box}

.inquiryAgree {}
.inquiryAgree h3 {position:relative;line-height:42px}
.inquiryAgree h3 span {position:absolute;top:0;right:0;display:block;width:42px;height:42px;line-height:42px;font-size:15px;text-align:center;cursor:pointer}

.agreeArea {border:1px solid #e8e8e8;height:90px;overflow-y:auto;padding:10px;}
.agreeArea div {}
.agreeArea p {font-size:13px;font-weight:200;color:#666;line-height:1.5em}

.inquiryAgree div.agreeCheck {padding-top:5px;font-size:15px;line-height:29px;text-align:right;}
.inquiryAgree div.agreeCheck input[type="checkbox"] {width:22px;height:22px;margin:0;cursor:pointer}
.inquiryAgree div.agreeCheck label {margin:0;}
.inquiryAgree div.agreeSubmit {text-align:center;margin-top:30px;}
.inquiryAgree div.agreeSubmit input[type="submit"] {display: inline-block;padding:15px 30px;border-radius:50px;border:1px solid #e8e8e8;font-size:15px;background:#f1f1f1;transition:all .3s;}
.inquiryAgree div.agreeSubmit input[type="submit"]:hover {background:#2d59a7;color:#fff;}

/* Select */
.select {width:100%;position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1;}
.select .myValue {position:relative; z-index:2; left:0; top:0; border:solid #e8e8e8;border-width:0 0 1px; color:#666; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.select .myValue.selected {font-weight:normal;}
.select.open .myValue,
.select .myValue.outLine {}
.select button.myValue {height:21px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue {height:49px;line-height:49px;text-indent:3px;font-size:15px;color:#666;cursor:pointer}
.select .ctrl {position:absolute; top:0; right:0; width:48px; height:49px; border:solid #e8e8e8;border-width:0 0 1px; border-left:1px solid #eaeaea; background:#fff;line-height:49px;text-align:center;font-size:1.4em}
.select .arrow {position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
.select ul {top:49px;left:0;width:100%;background:#222; list-style:none;padding:10px 0;border:0;border-bottom:1px solid #bababa;overflow:hidden;z-index:100}
.select ul.aList {display:none;}
.select.open ul.aList {display:block;}
.select ul.iList {left:-2000%;}
.select.open ul.iList {left:0;}
.select li {position:relative; overflow:hidden; white-space:nowrap; height:38px;}
.select li input {position:absolute; width:100%; height:0; line-height:38px;}
.select li label {position:absolute; left:0; top:0; width:100%; text-indent:18px; *text-indent:6px; font-size:15px; height:38px; line-height:38px; color:#999;}
.select li a {display:block; text-indent:8px; *text-indent:6px; height:38px; line-height:38px; color:#999; background:#fff; text-decoration:none;}
.select li.hover * {color:#fff;}