@charset "utf-8";
.masterCPWrap {
	width: 767px;
    float: left;
	color: #6b6b6b;
	font-size: 14px;
	line-height: 20px;
    margin-top: 57px;
    position: relative;
}
.masterCPWrap h3 {
    font-size: 44px;
	line-height: 44px;
	color: #6777ce;
	padding-bottom: 10px;
	letter-spacing: -1px;	
}
.masterWrap {
	padding-top: 43px;
}
.masterWrap ul {
	overflow: hidden;
}
.masterWrap ul li {
	display: inline-block;
	float: left;
	width: 31%;	
	margin-right: 3%;
	margin-bottom: 23px;
}
.masterWrap ul li:nth-of-type(3n+3) {
	margin-right: 0;
}
.masterWrap ul li a {
	display: block;
	border: 1px solid #f2f2f2;
	width: 100%;
	position: relative;
}
.masterWrap ul li a:hover {
	border: 1px solid rgba(37, 37, 37, 0.6);
}
.masterWrap ul li a:hover .masterLiwrap{
	display: block !important;
}
.masterLiwrap {
	display: none;
	background: rgba(37, 37, 37, 0.6);
	z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
	color: #fff;
	font-weight: 600;
	text-align: center;
}
.masterLiwrap span {
	font-size: 100px;
	display: block;	
	padding-top: 102px;
}
.masterLiwrap p {
	font-size: 20px;
	padding-top: 50px;
}
.masterWrap ul li .masterImg {
	display: block;
	text-align: center;
	padding-top: 14px;
}
.masterTxt {
	padding-top: 14px;
	text-align: center;
}
.masterTxt h5 {
	font-size: 15px;
	font-weight: 600;
	color: #4d4d4d;
}
.masterTxt .masterline {
	display: block;
	height: 2px;
	width: 10px;
	background: #b7b7b7;
	margin: 11px auto;
}
.masterTxt h6 {
	color: #212121;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
}
.masterTxt p {
	color: #6b6b6b;
	font-size: 12px;
	width: 90%;
	margin: 0 auto;
	height: 40px;
	line-height: 20px;
	padding-bottom: 14px;
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{
	position:absolute; 
	top:0; 
	left:0; 
	z-index:9999; 
	overflow:hidden; 
	-webkit-transform: translate3d(0,0,0);
}
#cboxWrapper {max-width:none;}
#cboxOverlay {position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear:left;}
#cboxContent {position:relative;}
#cboxLoadedContent {overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle {margin:0;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}

.cboxIframe {
	width:90%; 
	height:90%; 
	display:block; 
	border:0;
	padding:0; 
	margin:0;
}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxLoadedContent{border:5px solid #929292; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

       
        #cboxClose:hover{background-position:bottom center;}


.inquiryInfo3 {
    width: 710px;
    height: 300px;
    border: 3px solid #94a1ec;
    margin: 0;
}
.inquiryInfo3 .info {
    width: 630px;
    margin: 20px auto;
}
.inquiryInfo3 .Input_1 {
	width: 290px;
    float: left;
}
.inquiryInfo3 .Input_2 {
	width: 320px;
    float: left;
}
.inquiryInfo3 .Input_3 {
	width: 600px;
}
.inquiryInfo3 .accept {
    width: 600px;
}