@charset "utf-8";
/* CSS Document */

/*-------------------------------------------- titleBanner 관련 - 시작 --------------------------------------------*/

.titleBanner_1 {
	display:inline-table;
	width:100%;
	height:100%;
	background-color:#c1dfff;
	background-image:url(../img/subBan1.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

.titleBanner_2 {
	display:inline-table;
	width:100%;
	height:100%;
	background-color:#c1dfff;
	background-image:url(../img/subBan2.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

.titleBanner_3 {
	display:inline-table;
	width:100%;
	height:100%;
	background-color:#c1dfff;
	background-image:url(../img/subBan3.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

.titleBanner_4 {
	display:inline-table;
	width:100%;
	height:100%;
	background-color:#c1dfff;
	background-image:url(../img/subBan4.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

.titleBanner_5 {
	display:inline-table;
	width:100%;
	height:100%;
	background-color:#c1dfff;
	background-image:url(../img/subBan5.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

.titleBanner_admin {
	display:inline-table;
	width:100%;
	height:100%;
	background-color:#c1dfff;
	background-image:url(../img/subBanAdmin.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

.titleBannerIn {
	width:95%;
	max-width:1100px;
	padding:4% 0;
	text-align:left;
	font-size:20pt;
	font-weight:100;
	color:#1758a7;
}

/*-------------------------------------------- titleBanner 관련 - 끝 --------------------------------------------*/

/*-------------------------------------------- subMenu 관련 - 시작 --------------------------------------------*/

.subMenu {
	display:inline-table;
	width:100%;
}

.subMenuIn {
	display:inline-block;
	width:95%;
	max-width:1100px;
}

.menu25 {
	float:left;
	width:24%;
	margin:0.5%;
	padding:1.5% 0 1% 0;
	text-align:center;
	font-size:12pt;
	font-weight:600;
	background-image:url(../img/subMenuBg.png);
	background-repeat:no-repeat;
	background-position:top;
}

.menu25 a:link,.menu25 a:visited,.menu25 a:active {
	color:#fff;
	text-decoration:none;
}

.menu25 a:hover {
	color:#ffff00;
	text-decoration:none;
}

/*-------------------------------------------- subMenu 관련 - 끝 --------------------------------------------*/

/*-------------------------------------------- subTitle 관련 - 시작 --------------------------------------------*/

.subTitle {
	display:inline-table;
	width:100%;
}

.subTitleIn {
	display:inline-block;
	width:95%;
	max-width:1100px;
	margin:2% 0 0 1%;
	text-align:left;
	font-size:24pt;
	font-weight:300;
	color:#1758a7;
}

.subTitleIn_50 {
	float:left;
	width:50%;
}

/*-------------------------------------------- subTitle 관련 - 끝 --------------------------------------------*/

/*-------------------------------------------- content 관련 - 시작 --------------------------------------------*/

.content {
	display:inline-table;
	width:100%;
}

.contentIn {
	display:inline-block;
	width:95%;
	max-width:1100px;
	margin:2% 0;
	padding-bottom:5%;
}

.contentIn img {
	width:100%;
}

.contentIn2 {
	display:inline-block;
	width:95%;
	max-width:1100px;
	margin:2% 0;
}

.conProcess {
	float:left;
	width:30%;
	max-width:300px;
	border:1px inset #1758a7;
}

.conProcess img {
	width:100%;	
}

.conProcessText {
	float:right;
	width:60%;
	text-align:center;
	font-size:16pt;
	padding:3%;
}

.conProcessText span {
	font-weight:600;
	color:#1758a7;
	font-size:20pt;
}

.conProcessText h5 {
	font-size:12pt;
	font-weight:100;
	color:#787878;
}

.conProcessText p {
	font-weight:100;
	line-height:150%;
	color:#343434;
}

.conBox {
	display:inline-block;
	width:95%;
	max-width:1100px;
	border:1px solid #ccc;
	margin:2% 0;
}

.conBox img {
	width:100%;
}

.con25 {
	float:left;
	display:block;
	width:23%;
	max-width:250px;
	border:1px solid #ccc;
	background-color:#fff;
	margin:3% 0.8%;
}

.con25_2 {
	float:left;
	display:block;
	width:23%;
	max-width:250px;
	margin:3% 0.8%;
}

.con25_2 img {
	width:80%;
}

.con25_2 p {
	font-size:16pt;
	font-weight:200;
	line-height:150%;
	margin-top:10%;
}

.con33 {
	float:left;
	display:block;
	width:31%;
	margin:3% 1%;
}

.proBox {
	display:block;
	width:100%;
	margin:3% 1%;
	border:1px solid #ccc;
	background-color:#fff;
	overflow:hidden;
	text-align:center;
}

.proBox img {
	width:100%;
	overflow:hidden;
}

.proTex {
	display:block;
	width:100%;
	text-align:left;
	font-size:14pt;
	font-weight:100;
	line-height:220%;
	margin:3% 1%;
}

.proTex b {
	font-weight:600;
}

.proTex span {
	color:#ff4700;
}

.con25 img,.proBox img {
	width:100%;
}

.conText {
	float:left;
	width:70%;
	font-size:14pt;
}

.conText p {
	text-align:left;
	line-height:160%;
	font-weight:100;
	color:#343434;
}

.conText b {
	line-height:180%;
	font-weight:900;
	color:#1758a7;
}

.conText span {
	font-weight:900;
	color:#343434;
}

.conImg {
	float:left;
	width:30%;
}

.conImg img {
	width:100%;
}

.conOrg,.conOrg img {
	display:block;
	width:100%;
	max-width:1100px;
}

.conOrgMo,.conOrgMo img {
	display:none;
}

/*-------------------------------------------- content 관련 - 끝 --------------------------------------------*/

/*-------------------------------------------- callCenter 관련 - 시작 --------------------------------------------*/

.boxTel {
	float:left;
	width:49%;	
}

.boxTel img,.boxMail img,.detailBoxInTop img,.detailBoxInSubL img,.detailBoxInSubM img,.detailBoxInSubR img {
	width:100%;
}

.boxMail {
	float:right;
	width:49%;
}

.detailBox {
	float:left;
	width:45%;
}

.detailBoxInTop {
	display:block;
	width:100%;
	border:1px solid #ccc;
	background-color:#fff;
}

.detailBoxInSubL {
	float:left;
	width:32%;
	border:1px solid #ccc;
	background-color:#fff;
	margin:1% 0.5% 5% 0;
}

.detailBoxInSubM {
	float:left;
	width:32%;
	border:1px solid #ccc;
	background-color:#fff;
	margin:1% 0 5% 1%;
}

.detailBoxInSubR {
	float:right;
	width:32%;
	border:1px solid #ccc;
	background-color:#fff;
	margin:1% 0 5% 0;
}

.detailText {
	float:right;
	width:50%;	
}

.detailText td {
	font-size:12pt;
	color:#343434;
	font-weight:100;
}

.detailText b {
	font-weight:700;
}

.detailText a:link,.detailText a:visited,.detailText a:active {
	color:#ababab;
	text-decoration:none;
}

.detailText a:hover {
	color:#1758a7;
	font-weight:600;
	text-decoration:none;
}


/*-------------------------------------------- callCenter 관련 - 끝 --------------------------------------------*/

/*-------------------------------------------- line 관련 - 시작 --------------------------------------------*/

.line {
	width:100%;
	background-color:#191919;
}

.lineIn {
	display:inline-table;
	width:95%;
	max-width:1100px;
	padding:1% 0;
}

.lineBlue {
	float:left;
	width:30%;
	height:2px;
	background-color:#1758a7;
}

.lineGray {
	float:right;
	width:70%;
	height:2px;
	background-color:#ccc;
}

.lineDot {
	display:inline-table;
	width:100%;
	height:1px;
	background:url(../img/dot.png);
}

/*-------------------------------------------- line 관련 - 끝 --------------------------------------------*/

/*-------------------------------------------- pageNum 관련 - 끝 --------------------------------------------*/

.pageNum {
	display:inline-table;
	margin-top:3%;
	width:95%;
}

.pageNum a:link,.pageNum a:visited,.pageNum a:active {
	border:1px solid #ccc;
	padding:1%;
	text-decoration:none;
	font-size:12pt;
	color:#343434;
	transition:all 0.2s;
}

.pageNum a:hover {
	color:#fff;
	background:#1758a7;
}

/*-------------------------------------------- pageNum 관련 - 끝 --------------------------------------------*/

}
/* PC용 CSS */
@media all and (max-width:960px){

.proTex {
	font-size:12pt;
}
}

/* 태블릿용 CSS */
@media all and (min-width:768px){
	
}

/* 모바일용 CSS */
@media all and (max-width:768px){

.subTitleIn {
	margin:4% 1%;
}

.menu25 {
	width:48%;
	margin:1%;
	padding:2% 0 0.5% 0;
	text-align:center;
	font-size:9pt;
}

.titleBanner_1,.titleBanner_2,.titleBanner_3,.titleBanner_4,.titleBanner_5,.titleBanner_admin {
	background-image:none;
}

.titleBannerIn {
	font-size:18pt;
}

.subTitleIn {
	font-size:18pt;
}

.conText {
	width:100%;
	font-size:12pt;
}


.conImg {
	display:none;
}

.conOrgMo,.conOrgMo img {
	display:block;
	width:100%;
	max-width:500px;
}

.conOrg,.conOrg img {
	display:none;
}

.contBox {
	width:95%;
}

.con25,.con33 {
	width:47%;
	max-width:none;
	margin:3% 1%;
}

.con25_2 {
	width:46.5%;
	max-width:none;
	margin:3% 1%;
}

.proTex {
	font-size:10pt;
}

.boxTel,.boxMail {
	text-align:center;
	width:100%;	
	margin:2% 0;
}

.detailBox, .detailText {
	float:none;
	width:100%;
}

.detailText td {
	font-size:10pt;
}

.conProcess {
	display:none;
}

.conProcessText {
	width:95%;
}

.conProcessText p,.conProcessText h5 {
	font-size:12pt;
}

.conProcessText span {
	font-size:14pt;
}

.con25_2 p {
	font-size:14pt;
}

}