@charset "UTF-8";

.contents * {max-width:100%;}
.inner {position:relative;}
.section .inner {width:100%;height:100%;}


.lh {line-height:15px !important;margin-bottom:6px;}
.inner {position:relative;}

.icon_reply {margin-top:4px;}
.fadeIn {opacity:0;}

button {border:none;background:none;outline:none;}
.blueBtn {background:#00afea;color:#fff;}
.blueBtn.login {width:113px;height:33px;line-height:33px;border-radius: 20px;font-size:15px;font-weight:700;}


.section footer {position:absolute;bottom:0;left:0;}
.mt0 {margin-top:0 !important;}

#section0 {background:url(../../../img/bg/sec_04_01.jpg) no-repeat center center; background-size:cover;}
#section3 {background:url(../../../img/bg/sec_04_04.jpg) no-repeat center center; background-size:cover;}
#section4 {background:url(../../../img/bg/sec_04_05.png) no-repeat center center; background-size:cover;}
/*section0*/
#section0 .cont {display:block;text-align: center;}
#section0 .cont h2 {font-weight:800;font-size:70px;line-height:1em;color:#fff;margin-top:10px;margin-bottom:15px;letter-spacing: 0;font-family:'Metro';display:block;}
#section0 .cont h4 {color:#fff;font-size:30px;letter-spacing: -0.05em;line-height:1em;margin-top:5px; opacity:1;}

#section1 .inner {padding-top:150px;}


#section2 .inner {padding-top:150px;}

#section3 .inner {padding-top:150px;}
#section3 .online-apply {display:block;position:relative;background:url(../../../img/bg/sec_04_04_2.png) no-repeat center center;width:100%;max-width:947px;height:522px;margin:90px auto 0 auto;}
#section3 .online-apply::after {clear:both;}
#section3 .online-apply .apply {display:block;width:50%;position:relative;height:100%;float:right;text-align: center;margin-right:25px;}
#section3 .online-apply .app-wrap {display:flex;justify-content: center;align-items: center;flex-flow: column;height:94%;}
#section3 .online-apply .app-wrap h3.blue {color:#00b0ea;font-weight:700;font-size:24px;letter-spacing: -0.05em;}
#section3 .online-apply .app-wrap ul {display:block;margin:30px auto 68px auto;width:100%;}
#section3 .online-apply .app-wrap ul li {display:block;position:relative;margin-top:22px;padding:0 50px}
#section3 .online-apply .app-wrap ul li label {display:inline-block;position:relative;width:80px;}
#section3 .online-apply .app-wrap ul li input[type='email'],
#section3 .online-apply .app-wrap ul li input[type='text'] {display:inline-block;width:calc(100% - 85px);height:41px;border:1px solid #c8c7c7;padding:0 10px;;}
#section3 .online-apply .app-wrap ul li input[type='radio'] {visibility: hidden;position:absolute;width:1px;height:1px;margin:0;border:0;}
#section3 .online-apply .app-wrap ul li input[type='radio'] + label {display:inline-block; padding-left:25px;background:url(../../../img/ico/ico_radio_off.png) no-repeat left bottom;color:#231f20;font-size:14px;letter-spacing: -0.05em;width:auto;}
#section3 .online-apply .app-wrap ul li input[type='radio']:checked + label {display:inline-block; padding-left:25px;background:url(../../../img/ico/ico_radio_on.png) no-repeat left bottom}

#section3 .online-apply .app-wrap ul li input[type='radio']:last-of-type  + label {margin-left:30px;}

#section3 .welcome {width:45%;display:flex;float:left;position:relative;justify-content: center;align-items: flex-start;flex-direction: column;height:100%;padding-left:5%;}
#section3 .welcome h3 {font-size:35px;letter-spacing: -0.025em;color:#fff;font-weight:700;}
#section3 .welcome h3 span {display:inline-block;border-bottom:3px solid #fff;}
#section3 .welcome p {font-size:16px;line-height:24px;color:#fff;letter-spacing: -0.05em;margin:20px 0 70px 0;}


#section4 .inner {padding-top:150px;}



#section5 .inner {padding-top:150px;padding-bottom:214px}
#section5 .inner .blue {color:#00aaeb;}
#section5 .rgWrap p {color:#000000;font-size:16px;line-height:26px;letter-spacing: -0.025em;}
#section5 .rgTable {position:relative;display:block;border-top:5px solid #221f1f;border-bottom:2px solid #221f1f;margin-top:40px;}
#section5 .rgTable li {display:flex;justify-content: flex-start;align-items: center;padding:25px 0 27px 0;}
#section5 .rgTable li:not(:last-of-type) {border-bottom:1px solid #828181}
#section5 .rgTable li .left span {font-family:'Metro';font-size:28px;font-weight:300;letter-spacing: -0.02em;display:inline-block;}
#section5 .rgTable li .left strong {font-size:20px;font-weight:700;letter-spacing: -0.025em;color:#000000;display:inline-block;margin-left:15px;}
#section5 .rgTable li .left {display:block;width:31%;padding-left:60px;}
#section5 .rgTable li .right {display:block;}
#section5 .rgTable li .right em {display:block;font-size:16px;letter-spacing: -0.025em;font-weight:500;margin-top:14px;}
#section5 .rgTable li .right p.dot {display:block;font-size:16px;letter-spacing: -0.025em;font-weight:300;padding-left:6px;position:relative;}
#section5 .rgTable li .right p.dot::after {content:'';display:inline-block;position:absolute;left:0;top:12px;width:4px;height:4px;border-radius: 50%;background:#000;}
#section5 .rgTable li .right p.blueBG {display:inline-block;color:#152e54;;font-size:16px;letter-spacing: -0.025em;font-weight:500;padding:0 12px;position:relative;background:#daebf5;line-height:28px;margin:13px 0 8px 0;}
#section5 .rgTable li .circle {display:inline-block;width:144px;height:144px;border-radius: 50%;color:#fff;padding-top:98px;}
#section5 .rgTable li .circle.c01 {background:#00aaeb url(../../../img/ico/sec04-01.png) no-repeat center top 36px;}
#section5 .rgTable li .circle.c02 {background:#00aaeb url(../../../img/ico/sec04-02.png) no-repeat center top 38px;}
#section5 .rgTable li .circle.c03 {background:#00aaeb url(../../../img/ico/sec04-03.png) no-repeat center top 39px;}
#section5 .rgTable li .circle.c04 {background:#00aaeb url(../../../img/ico/sec04-04.png) no-repeat center top 39px;}
#section5 .rgTable li .circle p {display:block;text-align: center;color:#fff;font-size:16px;line-height:1em;font-weight:500;}
#section5 .rgTable li .ring {margin:60px 8px 0 8px;}
#section5 .rgTable li h3.blue {font-size:16px;font-weight:700;letter-spacing: -0.025em;}


#section5 #footer .inner {margin-top:0 !important;padding:0 !important;}

.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox label {
	display: inline-block;
	padding: .5em .75em;
	color: #999;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #fdfdfd;
	cursor: pointer;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	padding: .5em .75em;
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

/* imaged preview */
.filebox .upload-display {
	margin-bottom: 5px;
}

@media(min-width: 768px) {
	.filebox .upload-display {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 0;
	}
}

.filebox .upload-thumb-wrap {
	display: inline-block;
	width: 54px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #fff;
}

.filebox .upload-display img {
	display: block;
	max-width: 100%;
	width: 100% \9;
	height: auto;
}

.filebox.bs3-primary label {
  color: #fff;
  background-color: #337ab7;
	border-color: #2e6da4;
}

@media screen and (min-width:769px) and (max-width:1024px) { 
	

}

@media screen and (max-width:768px) { 
	#section3 .online-apply {display:block;position:relative;background:url(../../../img/bg/sec_04_04_2.png) no-repeat center left;width:100%;max-width:947px;height:522px;margin:30px auto 0 auto;}
	#section3 .mobile {display:flex;justify-content: center;align-items: center;width:100%;height:100%;}
	#section3 .mobile h2 {font-size:18px;text-align: center;}
}