@charset "UTF-8";

/*
	================================================================================================
		support software s5_common.css
	================================================================================================
*/

#contents img {
    width: auto;
    height: auto;
    max-width: 100%;
}

#contents .annotation {
    padding-left: 1em;
    text-indent: -1em;
}

#contents .popup_subTitle {
    margin: 40px auto 0px auto;
    padding: 5px 0px 5px 10px;
    background: #E1E1E1;
    font-weight: bold;
    clear: both;
}

#contents section {
    margin-top: 30px;
}

#contents .pregBox {
    overflow: hidden;
}

#contents .subTitle_popup {
    width: auto;
    margin: 0px;
    padding: 5px 10px;
    background: #E1E1E1;
    font-weight: bold;
    clear: both;
}

#contents .pregBox_inquiry {
    margin-top: 20px;
    display: flex;
}

 #contents .pregBox_Area {
  flex: 1;
  padding: 10px;
}

#contents .stepArea_inquiry {
    width: auto;
    max-width: 550px;
    margin: 0px;
    padding: 10px;
    list-style: none;
}

#contents .stepArea_inquiry li {
    margin: 10px 0px 0px 0px;
    text-align: left;
}

#contents .pregArea_01,#contents .pregBox2 {
	width: auto;
	max-width: 770px;
    overflow: hidden;
	margin-top: 20px;
}

#contents .pregArea_01,#contents .pregBox2,#contents .rightArea {
    width: auto;
}

#closeBtn {
    display: none;
}

#contents .clearfix::after {
  content: "";
  display: block;
  clear: both;
}

#contents  div.contensArea div.leftArea {
    max-width: 45%;
	width: auto;
    margin: 0px;
    padding: 0px;
    float: left;
}

#contents div.contensArea div.rightArea {
    max-width: 45%;
	width: auto;
    margin: 0px;
    padding: 15px;
    background: #FAF5C8;
    float: right;
}

@media screen and (max-width: 640px) {
	
	#contents .pregBox_inquiry {
		display: block;
	}

	#contents div.contensArea div.leftArea {
        max-width: 100%;
		float: none;
	}

	#contents div.contensArea div.rightArea {
        max-width: 100%;
		float: none;
	}
}