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

/* -------------------------------- 

Contents Title style

-------------------------------- */
@media only screen and (max-width: 980px) and (min-width: 320px) {
	.con-title {
		display: block;
		width:100%;
		height:80px;
		background:#f5f5f5 url(../../images/bg/bg_top_title.png);
		margin-top:70px;
	}
}
.tit-logo, .tit-text {
	display: none;
}
.m-tit-text {
	display: block;
	text-align: center;
	padding-top: 18px;
	line-height:20px;
}

@media only screen and (min-width: 980px) {
	.m-tit-text {
		display: none;
	}
	.con-title {
		display: block;
		width:100%;
		background:#f5f5f5 url(../../images/bg/bg_top_title.png);
		padding:145px 0 50px 0;
	}
	.con-title .titleCon {
		display:block;
		width:980px;
		margin:0 auto;
	}
	.con-title .title {
		display:block;
		overflow:hidden;
		width:340px;
		margin:0 auto;
	}
	.tit-logo {
		display: block;
		width:89px;
		float:left;
	}
	/* 2020.06.18 수정 */
	.tit-text {
		display: block;
		text-align:center;
		padding-left:18px;
		line-height:25px;
	}
}
/* -------------------------------- 

Contents style

-------------------------------- */
.con-wrap {
	display: block;
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
	padding: 40px 0;
}
.con-sentence {
	width: 100%;
	line-height:26px;
}
.ccon-sentence > ul {
	overflow:hidden;
}
.con-sentence > ul li.tImg {
	text-align: center;
	float: none;
}
.con-sentence > ul li.m-tTxt {
	display: block;
	text-align: left;
	float: none;
	font-size: 93.8;
	margin-top: 15px;
}
.con-sentence > ul li.tTxt {
	display: none;
}
.intro-box-area {
	clear:both;
	display:inline-block;
	overflow:hidden;
	width:100%;
	margin-top:20px;
}
@media only screen and (min-width: 980px) {
	.con-wrap {
		display:block;
		overflow:hidden;
		width: 100%;
		max-width:980px;
		padding:70px 0;
		margin:0 auto;
		text-align:left;
		letter-spacing:-0.5px;
	}
	.con-sentence {
		width:100%;
		margin:0 auto;
		text-align:left;
		position: relative;
		zoom:1;
		line-height:30px;
	}
	.con-sentence > ul {
		overflow:hidden;
	}
	.con-sentence > ul li.tImg {
		float: right;
	}
	.con-sentence > ul li.m-tTxt {
		display: none;
	}
	.con-sentence > ul li.tTxt {
		display: block;
		float: left;
	}
	.intro-box-area {
		clear:both;
		display:inline-block;
		overflow:hidden;
		width:100%;
		margin-top:30px;
	}
}
/* -------------------------------- 

Features style

-------------------------------- */
.con-common {
	width:100%;
	margin:0 auto 40px;
	text-align:left;
	position: relative;
	zoom:1;
	line-height:23px;
}
.con-common:last-child {margin:0;}
.common-top-title {
	display:block;
	width:40%;
	padding-top: 10px;
	border-top:2px #222222 solid;
}
.common-sentence h3 {
	display:block;
	font-size:100%;
	color:#000000;
	font-weight:none;
}
.common-sentence > img {
	display:block;
	margin:20px auto 0;
}
.common-sentence > p {
	font-size: 80%;
	margin-top: 15px;
}
@media only screen and (max-width: 736px) and (min-width: 480px) {
	.con-common {
		line-height: 26px;
	}
	.common-top-title {
		width:28%;
	}
	.common-sentence h3 {
		display:block;
		font-size:112.5%;
		color:#000000;
		font-weight:none;
	}
	.common-sentence > p {
		font-size: 87.5%;
		margin-top: 15px;
	}
}

@media only screen and (min-width: 980px) {
	.con-common {
		width:100%;
		margin:0 auto 60px;
		text-align:left;
		position: relative;
		zoom:1;
		line-height:30px;
	}
	.con-common:last-child {margin:0;}
	.common-top-title {
		display:block;
		width:260px;
		padding-top: 30px;
		border-top:3px #222222 solid;
	}
	.common-sentence h3 {
		display:block;
		font-size:150.0%;
		color:#000000;
		font-weight:none;
	}
	.common-sentence > img {
		display:block;
		margin:45px auto 0;
	}
	.common-sentence > p {
		font-size: 93.8%;
		margin-top:30px;
	}
}
/* -------------------------------- 

Contract style

-------------------------------- */
.step-com {
	display:block;
	overflow:hidden;
	width:100%;
	margin-top:35px;
}
ul.step-list {
	overflow:hidden;
}
ul.step-list li {
	display: inline-block;
	position:relative;
	width:285px;
	height:225px;
	margin: 0 0 0 55px;
	padding-top:30px;
	color:#000000;
	text-align:center;
	line-height:20px;
	background:url(../../images/bg/bg_step2.png) no-repeat;
}
ul.step-list li:before {
	content:"";
	display:block;
	position:absolute;
	right:-33px;
	top:103px;
	width:10px;
	height:19px;
	background:url(../../images/icon/icon_arrow3.png) no-repeat;
}
ul.step-list li.first {
	margin:0 0 0 0;
}
ul.step-list li.fourth {
	margin:0 0 0 170px;
}
ul.step-list li.third:before, ul.step-list li.last:before {
	display:none;
}
ul.step-list li .step {
	display:inline-block;
	padding-bottom:13px;
	border-bottom:1px #a9a9a9 solid;
	font-weight:600;
}
ul.step-list li strong {
	display:block;
	margin-top:19px;
}
ul.step-list li p {
	margin-top:22px;
	line-height:22px;
	letter-spacing:-1px;
}
@media only screen and (max-width: 736px) and (min-width: 320px) {
	ul.step-list li {
		display:block;
		position:relative;
		width:100%;
		height:225px;
		padding-top:30px;
		background:url(../../images/bg/bg_step2.png) no-repeat center center;
		color:#000000;
		text-align:center;
		line-height:20px;
		margin: 0 auto 15px;
	}
	ul.step-list li.first, ul.step-list li.fourth, ul.step-list li.third, ul.step-list li.last {
		margin: 0 auto 15px;
	}
}
@media only screen and (max-width: 980px) and (min-width: 736px) {
	ul.step-list li {
		display: inline-block;
		position:  relative;
		width: 285px;
		height: 225px;
		margin: 0 0 15px 35px;
		padding-top: 30px;
		color: #000000;
		text-align: center;
		line-height: 20px;
		background: url(../../images/bg/bg_step2.png) no-repeat;
	}
	ul.step-list li:before {
		content:"";
		display: block;
		position: absolute;
		right: -25px;
		top: 103px;
		width: 10px;
		height: 19px;
		background:url(../../images/icon/icon_arrow3.png) no-repeat;
	}
	ul.step-list li.third, ul.step-list li.last {
		margin-left: 0;
	}
	ul.step-list li.fourth {
		margin: 0 0 15px 35px;
	}
	ul.step-list li.third:before {
		content:"";
		display: block;
		position: absolute;
		right: -25px;
		top: 103px;
		width: 10px;
		height: 19px;
		background:url(../../images/icon/icon_arrow3.png) no-repeat;
	}
}
/* -------------------------------- 

Contact style

-------------------------------- */
.tab-area {
	width: 90%;
	margin: 0 auto 50px;
}
.tab-area .tab {
	display: none;
}
.tab-area .tabSelect {
	display: block;
	background: #ffffff url(../../images/icon/icon_select.png) no-repeat 96% center;
	background-size: 15px 8px;
	overflow: hidden;
	width: 100%;
	height: 40px;
	border: 1px #cccccc solid;
	margin: 0 auto 10px;
}
.tab-area .tabSelect select {
	background: transparent;
	border: none;
	font-size: 97.5%;
	padding: 10px 10px;
	width: 100%;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none;
	appearance: none;
	color: #666666;
}

@media only screen and (max-width: 980px) and (min-width: 732px) {
	.tab-area .tabSelect {
		display: block;
		background: #ffffff url(../../images/icon/icon_select.png) no-repeat 97% center;
		background-size: 17px 10px;
		overflow: hidden;
		width: 100%;
		height: 50px;
		border: 1px #cccccc solid;
		margin: 0 auto 10px;
	}
	.tab-area .tabSelect select {
		background: transparent;
		border: none;
		font-size: 112.5%;
		padding: 13px 13px;
		width: 100%;
		-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
		-moz-appearance: none;
		appearance: none;
		color: #666666;
	}
}
@media only screen and (min-width: 980px) {
	.tab-area {
		width:100%;
		margin:0 auto 50px;
	}
	.tab-area .tabSelect {
		display: none;
	}
	.tab-area .tab {
		display:block;
		width:100%;
		height:60px;
		overflow:hidden;
		background:#ffffff;
		border:1px #d9d9d9 solid;
		box-sizing:border-box;
	}
	.tab-area .tab li {
		display: table-cell;
		width: 1%;
		border-left: 1px #d9d9d9 solid;
	}
	.tab-area .tab li:first-child {
		border-left: none;
	}
	.tab-area .tab li > a {
		display:block;
		width: 100%;
		height:60px;
		line-height: 60px;
		background:#fafafa;
		text-align: center;
		box-sizing: border-box;
	}
	.tab-area .tab li > a > span {
		display:block;
		height:60px;
		font-size:125%;
		text-align:center;
		color:#666666;
	}
	.tab-area .tab li > a:hover {
		display:block;
		height:60px;
		background:#f5f5f5;
	}
	.tab-area .tab li > a.on {
		display:block;
		height:60px;
		background:#ffffff;
	}
	.tab-area .tab li > a.on > span {
		display:block;
		height:60px;
		font-size:125%;
		text-align:center;
		font-weight: 600;
		color:#d51a1f;
	}
}

.contact_area {
	display:block;
	overflow:hidden;
	width:100%;
	margin:0 auto;
}
.tab-btm-p {
	display:block;
	overflow:hidden;
	line-height:26px;
	margin-bottom: 40px;
}
.tab-btm-p > p {
	text-align: left;
	font-size: 87.5%;
	margin-top: 10px;
}
.box_application {
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 19px 0;
}
.application {
	display:inline-block;
	overflow: hidden;
	width: 100%;
	margin-bottom: 15px;
}
.application > p {
	width: 100%;
	margin: 0 auto;
	font-size:93.8%;
}
ul.inputs {
	display:block;
	overflow:hidden;
	width: 100%;
	margin:10px auto 0;
}
ul.inputs li {float:left;}
ul.inputs li {float:left;}
ul.inputs .tit {width: 27%; font-size:80%;}
ul.inputs .inputStyle {width: 73%; font-size:80%;}
.input-s1 {width:100%; height:23px; padding-left:2px;}
.input-s2 {width:100%; height:23px; padding-left:2px;}
.select-s1 {width:100%; height:23px;}

.form-area {
	display: none;
}
.m-form-area {
	display: block;
	overflow: hidden;
	width: 100%;
	border: 1px #ebebeb solid;
	padding: 20px 15px;
}
.m-form-area ul {
	overflow:hidden;
	text-align: center;
}
.m-form-area ul li {
	display: inline-block;
	width: 100%;
}
.m-form-area > ul li p {
	text-align: left;
	line-height:24px;
	font-size:80%;
	margin-top: 10px;
}
.m-btn-form {
	display:block;
	width:240px;
	height:45px;
	background:#ffffff url(../../images/icon/icon_download2_big.png) no-repeat 181px center;
	background-size: 17px 17px;
	text-align: left;
	margin: 15px auto 0;
	padding: 9px 0 0 43px;
	border:1px #000000 solid;
	font-size: 93.8%;
}
.application-btm {
	display:block;
	overflow: hidden;
	width:100%;
	text-align:center;
	margin: 0 auto 30px;
	font-size:97.5%;
}
.btn-application {
	display:block;
	width:200px;
	padding:7px 0;
	background:#cf3339;
	text-align:center;
	margin:0 auto;
}
.box-gray {
	display:block;
	overflow: hidden;
	width: 100%;
	box-sizing:border-box;
	padding:15px 15px;
	border:1px #e3e3e3 solid;
	margin:15px 0 0 0;
	background:#f5f5f5;
}
.box-gray ul {
	overflow:hidden;
	line-height:26px;
}
.box-gray ul li {
	background:url(../../images/icon/icon_dot1.png) no-repeat left 7px;
	font-size:87.5%;
	color:#666666;
	padding-left:10px;
}
.box-important {
	display:block;
	overflow: hidden;
	width:100%;
	margin-top:20px;
	line-height:26px;
	font-size:87.5%;
}

@media only screen and (min-width: 980px) {
	.contact_area {
		display:block;
		overflow:hidden;
		width:980px;
		margin:0 auto;
	}
	.tab-btm-p {
		display:block;
		overflow:hidden;
		margin:0 auto 50px;
		line-height:30px;
	}
	.tab-btm-p > p {
		font-size:93.8%;
		margin-top: 20px;
	}
	.box_application {
		display: block;
		overflow: hidden;
		width: 100%;
		margin: 19px 0;
		border: 3px #dddddd solid;
		box-sizing:border-box;
	}
	.application {
		display:inline-block;
		overflow: hidden;
		float:left;
		width: 50%;
		border-left:1px #d1d1d1 dashed;
		padding: 15px 0 25px 0;
    margin-bottom: 0;
	}
	.application:first-child {
	 border-left:0;
	}
	.application > p {
		width: 90%;
		margin: 0 auto;
		font-size:97.5%;
	}
	ul.inputs {
		display:block;
		overflow:hidden;
		clear:both;
		width: 90%;
		margin:10px auto 0;
	}
	ul.inputs li {float:left;}
	ul.inputs .tit {width:85px; font-size:80%;}
	ul.inputs .inputStyle {width: 300px; font-size:80%;}
	.input-s1 {width:100%; height:23px; padding-left:2px;}
	.input-s2 {width:100%; height:23px; padding-left:2px;}
	.select-s1 {width:100%; height:23px;}
	.btn-application {display:block; width:200px; padding:7px 0; background:#cf3339; text-align:center; margin:0 auto;}
	.btn-find {display:block; width:65px; padding:3px 0; background:#666666; text-align:center; line-height:normal; margin:4px 0 0 6px;}
	
	.m-form-area {
		display: none;
	}
	.form-area {
		display: block;
		overflow: hidden;
		width: 100%;
		border-top: 1px #ebebeb solid;
		padding: 25px 45px;
	}
	.form-area ul {
		overflow:hidden;
	}
	.form-area ul li {
		float:left;
	}
	.form-area > ul li img {
		vertical-align:auto;
	}
	.form-area > ul li p {
		padding-left:25px;
		line-height:21px;
		font-size:80%;
	}
	.btn-form {
		display:block;
		width:240px;
		height:45px;
		background:#ffffff url(../../images/icon/icon_download2.png) no-repeat 181px center;
		border:1px #000000 solid;
		margin:26px 0 0 70px;
		padding:7px 0 0 45px;
		font-size:97.5%;
	}
	.application-btm {
		display:block;
		overflow: hidden;
		width:100%;
		text-align:center;
		margin-bottom:30px;
		font-size:97.5%;
	}
	.box-gray {
		display:block;
		overflow: hidden;
		width: 980px;
		box-sizing:border-box;
		padding:15px 15px;
		border:1px #e3e3e3 solid;
		margin:15px 0 0 0;
		background:#f5f5f5;
	}
	.box-gray ul {
		overflow:hidden;
		line-height:28px;
	}
	.box-gray ul li {
		background:url(../../images/icon/icon_dot1.png) no-repeat left;
		font-size:87.5%;
		color:#666666;
		padding-left:10px;
	}
	.box-important {
		display:block;
		overflow: hidden;
		width:980px;
		margin-top:20px;
		line-height:28px;
		font-size:97.5%;
	}
}

/* -------------------------------- 

Pt, Mlt, Ot Table style

-------------------------------- */
.pSch-area {
	display:block;
	overflow:hidden;
	width:100%;
	margin-top:20px;
	text-align: center;
}
.pSch-box {
	display: inline-block;
  overflow: hidden;
  width: 31%;
  vertical-align: top;
  margin: 0 10px 30px 10px;
}
.pSch-box p {
	text-align: left;
}
/*
.pSch-box:first-child {
	margin-left: 0;
}
*/
.pSch-box-pt {
	width:100%;
	background:#ffffff;
	border:1px #0BA7DF solid;
	padding:20px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}
.pSch-box-mlt {
	width:100%;
	background:#ffffff;
	border:1px #7EC031 solid;
	padding:20px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}
.pSch-box-ot {
	width:100%;
	background:#ffffff;
	border:1px #BFAA09 solid;
	padding:20px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}
.pSch-box-emt {
	width:100%;
	background:#ffffff;
	border:1px #EC8B19 solid;
	padding:20px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}
/* 추가되는 부분 수정해야됨 */
.pSch-box-dt {
	width:100%;
	background:#ffffff;
	border:1px #ee285f solid;
	padding:20px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}
.pSch-box-dht {
	width:100%;
	background:#ffffff;
	border:1px #315bc5 solid;
	padding:20px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}
.pSch-box-vt {
	width:100%;
	background:#ffffff;
	border:1px #a268c4 solid;
	padding:20px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}
.pSch-box > .btn {
	display:block;
	width:60%;
	padding:4px 0;
	color:#ffffff;
	font-weight:600;
	margin:10px auto 0;
	text-align: center;
}
@media only screen and (max-width: 567px) {
	.pSch-box {
		display:inline-block;
		overflow:hidden;
		width: 100%;
		vertical-align: top;
		margin: 0 auto 20px;
	}
}

@media only screen and (max-width: 980px) and (min-width: 568px) {
	.pSch-box {
		display:inline-block;
		overflow:hidden;
		width: 70%;
		vertical-align: top;
		margin: 0 auto 20px;
	}
	.pSch-box > .btn {
		display:block;
		width:30%;
		padding:4px 0;
		color:#ffffff;
		font-weight:600;
		margin:10px auto 0;
		text-align: center;
	}
}





/* -------------------------------- 

Table style

-------------------------------- */
.schedule-tbl {
	display:block;
	overflow:hidden;
	width:675px;
	margin-top:40px;
	font-size:87.5%;
	border:2px #ffffff solid;
	text-align:center;
}
.schedule-tbl th {
	background:#b9dde0;
	font-weight:bold;
	color:#000000;
	border-right:2px #ffffff solid;
	border-bottom:2px #ffffff solid;
}
.schedule-tbl th, td {height:35px;}
.schedule-tbl  td {
	background:#eeeeee;
	color:#222222;
	border-right:2px #ffffff solid;
	border-bottom:2px #ffffff solid;
}
.schedule-tbl .td1 {
	background:#f3cbcd;
	color:#222222;
	border-right:2px #ffffff solid;
	border-bottom:2px #ffffff solid;
}
@media only screen and (max-width: 980px) {
	.pc_table {
		width: 100%;
	}
}
.pc_table {
	overflow: hidden;
	margin:10px auto 0;
	text-align:center;
	line-height:20px;
}
.pc_table th {
	border-top:2px #7f7f7f solid;
	background:#f9f9f9;
	padding:6px 0;
	font-size:80%;
	color:#222222;
	font-weight:600;
}
.pc_table tr {
	border-bottom:1px #eaeaea solid;
}
.pc_table td {
	padding:8px 7px;
	font-size:80%;
	color:#000000;
	vertical-align:middle;
}
.radio_p {
	display: inline-block;
}