@charset "utf-8";

@import url("common.css");
@import url("content.css");



/* layer popup */
.popLayer .popContainer {padding:30px 25px;}
.popLayer {display:none;position:absolute;top:50%;left:50%;/*width:810px;*/width:1100px;height:auto;background-color:#fff;border:5px solid #3571B5;z-index:10;}
.dimLayer {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.dimLayer .dimBg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.dimLayer .popLayer {display:block;}

.popTit{margin-bottom:20px;color:#192e71;font-weight:700;font-size:25px;letter-spacing:-1px;}
.popTop{margin-bottom: 20px;padding-top: 10px;color:#192e71;font-weight:700;font-size:20px;letter-spacing:-1px;}
.popConts{position: relative;}

.inquiryBox{border-top: 1px solid #000;border-bottom: 1px solid #000;}
.inquiryBox dl{font-size: 0;border-bottom: 1px solid #e8e8e8;}
.inquiryBox dl dt{display: inline-block;width: 15%;font-size: 16px;font-weight: 700;padding: 18px 0 18px 19px;vertical-align: top;}
.inquiryBox dl dd{display: inline-block;width: 85%;font-size: 16px;text-align: left;padding: 8px 10px 8px 20px;vertical-align: top;}
.inquiryBox dl dd.txtType{padding: 18px 0 18px 19px;}
.inquiryBox dl dd input[type=text]{width: 100%;}
.checkbox.selectType span:before{top: 12px;}
.inquiryBox dl dd.checkList .checkbox{vertical-align: middle;}
.inquiryBox dl dd.checkList label{margin:0 10px 0 0;}
.inquiryBox textarea{width:100%;}

.popConts .inquiryBox dl dd.checkList .checkbox{margin-top: 15px;}
.popConts .btnArea{margin-top: 30px;}

a.btnLayerClose {position: absolute;right: 0;top: 0;width: 30px;height: 30px;font-size: 0;}
.btnLayerClose:before{content: '';position:absolute;top:0;left:0;margin-left: 12px;height: 30px;border: solid #000;border-width: 0 2px 0px 0;transform: rotate(45deg);}
.btnLayerClose:after{content: '';position:absolute;top:0;left:0;margin-left: 12px;height: 30px;margin-top: 1px;border: solid #000;border-width: 0 2px 0px 0;transform: rotate(-45deg);}

@media screen and (max-width:1024px) {
	.popLayer{width: 100%;}
	.checkbox.selectType{margin-top: 10px;}
}

@media screen and (max-width:640px) {
	.inquiryBox dl dt {display:block;width:100%;padding:18px 0 0 0;}
	.inquiryBox dl dd {display:block;width:100%;padding:10px 0 !important;}
}

@media screen and (max-width:425px) {
	.checkbox.selectType{margin-top: 10px !important;}
	.inquiryBox dl dd.checkList .checkbox {margin-top:10px !important;}
}