@charset "UTF-8"; /* 메인페이지 */

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OAGothic-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/OAGothic-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

* { 
 font-family: 'Pretendard-Regular';
}

/* caption{display: none;} */
table,th,td{border: 0;}
a{text-decoration: none; color: #005279;}
/* div{margin: 0; padding: 0;}
p{margin: 0; padding: 0;} */

body{width: 100%; margin: 0; padding: 0; font-size: 14px;}

/* 
 커스텀
*/
.eduTotalDiv {
	position: absolute;
	display: flex;
	flex-direction: row;
	width: 1820px;
	height: 300px;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgb(255, 255, 255);
	z-index: 5;
}

.eduDiv {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0 5px;
}
.eduPopupBtn {
	border: black 1px solid;
	background-color: #f2f2f2;
	padding: 10px 5px;
	margin: 5px;
	width: 100%;
	font-weight: bold;
	font-size: 12px;
	color: black;
	cursor: pointer;
	height: 50px;
}

.reqDiv {
	position: absolute;
	display: flex;
	flex-direction: row;
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgb(255, 255, 255);
	z-index: 5;
}

.reqImg {
	width: 100%;
	cursor: pointer;
}

.reqEduDiv {
	position: absolute;
	display: flex;
	flex-direction: row;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
}

.reqEduBtn {
	background-color: #01adff;
	border:  #ffd700 3px solid;;
	border-radius: 10px;
	padding: 10px 5px;
	cursor: pointer;
	font-weight: bold;
	font-size: 30px;
	color: white;
}

.reqEduBtn:hover {
	transform: scale(1.1);
	color: yellow;
}

.mbv{display: none; object-fit: contain;}
.pcv{display: block; object-fit: contain;}

.header {width:100%; height: 65px; position: fixed; top: 0; background: #fff; z-index: 10; border-bottom: 1px solid #e2e2e2;}
.header .headerDiv{width:100%; max-width: 1200px; height: 100%; margin: 0 auto; color: #333; display: flex; align-items: center; justify-content: space-around;}
.header .headerLeft{display: flex; align-items: center}
.header .headerDiv .headerLeft .headerLogo{width: 55px; height: 55px;}
.header .headerDiv .headerLeft .headerLogo img{width: 100%; height: 100%; object-fit: contain;}
.header .headerDiv .headerLeft .headerName{margin-left: 10px;}
.header .headerDiv .headerMenu{height: auto; text-align: right; display: flex; align-items: center; margin-left: auto;}
/* .header .headerDiv .headerMenu span{font-size: 16px; margin-left: 20px;} */
.header .headerDiv .headerMenu ul{list-style: none; height: 100%; right: 0;}
.header .headerDiv .headerMenu ul li{float: left; margin: 0 10px; padding: 0 10px; font-size: 20px;}
.header .headerDiv .headerMenu ul li span{cursor: pointer;}
.header .headerDiv .headerMenu ul li:hover span{color: #57afff; text-decoration: underline; font-weight: bold;}
.header .headerDiv .headerMenu ul li.on{color: #57afff; text-decoration: underline;}
.header .headerDiv .headerMenu ul li.on span{color: #57afff; text-decoration: underline; font-weight: bold;}

.header .headerDiv .menuBtn{position:absolute; right:22px; top:30px; width:30px; height:30px; display:none; z-index: 11; transition: all ease 0.3s;}
.header .headerDiv .menuBtn:hover {transform: rotate( 180deg ); cursor: pointer;}
.header .headerDiv .menuBtn img{width: 100%; height: 100%; object-fit: contain;}

.contentWrap{width: 100%; margin: 0; position: relative; }
/* padding: 65px 0 100px 0; */
/* .contentWrap .content{width: 100%; padding: 0;}
.contentWrap .content .cImgWrap{width: 100%; margin-bottom: -3px;}
.contentWrap .content .cImgWrap .cImgWrap2{width: 100%; margin: 0 auto;}
.contentWrap .content .cImgWrap .cImgWrap2 .cImg{width: 100%; height: 100%; object-fit: contain;} */
.contentWrap .content .chPdt{padding-top: 100px;}
.contentWrap .content .chPdb{padding-bottom: 100px;}

/* .contentWrap .content .bg01{background: #ECF4F6;}
.contentWrap .content .bg02{background: #FFFFFF;}
.contentWrap .content .bg03{background: #ECF4F6;}
.contentWrap .content .bg04{background: #E5F6FF;}
.contentWrap .content .bg05{background: #553586;} */


/* .contentWrap .content .chapter0 {background: #DAEBFB;} */
/* .contentWrap .content .chapter0 .slider01Wrap {width: 100%; height: 100%; max-width: 1920px; margin: 0 auto;} */
/* .contentWrap .content .chapter0 {margin-top: 60px; margin-bottom: 50px;} */
.contentWrap .content .chapter0 .slider01Wrap {width: 100%; height: 100%; margin: 0 auto;}
.contentWrap .content .chapter0 #slider01.swiper {width: 100%; height: 100%;}
.contentWrap .content .chapter0 #slider01 .swiper-wrapper {width: 100%; height: 100%;}
.contentWrap .content .chapter0 #slider01 .swiper-slide {width: 100%; height: auto; display: flex; align-items: center;}
/* .contentWrap .content .chapter0 #slider01 .swiper-slide img {width: 100%; height: 100%; background-image: url("../images/bgpc.png"); background-size: cover;} */
.contentWrap .content .chapter0 #slider01 .swiper-slide img {width: 100%; height: auto;}
.contentWrap .content .chapter0 #slider01 .swiper-pagination-bullet{ width: 20px; height: 5px; background: #fff; border-radius: 0; border: 1px solid #fff; opacity: 1; padding: 0 !important; margin: 0 !important;}
.contentWrap .content .chapter0 #slider01 .swiper-pagination-bullet-active{ width: 40px; border-radius: 0; background: #57afff; border: 1px solid #57afff; padding: 0 !important; margin: 0 !important;}
.contentWrap .content .chapter0 #slider01 .swiper-button-prev{color: #000;}
.contentWrap .content .chapter0 #slider01 .swiper-button-next{color: #000;}
.contentWrap .content .chapter0 #slider01 .mbv{display: none; object-fit: contain;}
.contentWrap .content .chapter0 #slider01 .pcv{display: block; object-fit: contain;}


.contentWrap .content .inputArea{border:30px solid #ebf0f3; box-sizing: border-box;}
.contentWrap .content .inputArea .txt1{color: #5ca5f0; font-size: 40px; text-align: center; font-weight: bold; font-family: 'OAGothic-ExtraBold'; margin-top: 50px;}
.contentWrap .content .inputArea .txt2{color: #000; font-size: 70px; text-align: center; font-weight: bold; font-family: 'OAGothic-ExtraBold'; margin-top: 10px; margin-bottom: 50px;}
.contentWrap .content .inputArea .txt3{color: #000; font-size: 20px; text-align: center; font-weight: bold; margin-top: 20px; margin-bottom: 50px;}
.contentWrap .content .inputArea .txt3 input[type=checkbox] { width: 20px; height: 20px; vertical-align: middle;}
.contentWrap .content .inputArea .txt3 a{color: #000;}
.contentWrap .content .inputArea .txt3 a:hover{color: #005279;}
.contentWrap .content .inputArea .wrp{text-align: right; margin: 20px auto; padding: 0 10% 0 0; width: 90%; max-width: 475px;}
.contentWrap .content .inputArea .wrp span{margin-right: 10px; font-size: 22px; font-weight: bold;}
.contentWrap .content .inputArea .wrp input[type=text]{padding: 10px; height:50px; border:1px solid #d4d4d4; font-size: 16px; box-sizing: border-box;}
.contentWrap .content .inputArea .wrp input[type=number]{padding: 10px; height:50px; border:1px solid #d4d4d4; font-size: 16px; box-sizing: border-box;}
.contentWrap .content .inputArea .wrp select{padding:10px; height:50px; border:1px solid #d4d4d4; font-size: 16px; box-sizing: border-box;
   -webkit-appearance:none; /* for chrome */
   -moz-appearance:none; /*for firefox*/
   appearance:none;
   background:url('../images/sel_arrow.png') no-repeat 96% 50%/12px auto;
   background-color: #fff;
}
.contentWrap .content .inputArea .wrp select::-ms-expand{
   display:none;/*for IE10,11*/
}
.contentWrap .content .inputArea .wrp .inp1{width: 306px;}
.contentWrap .content .inputArea .wrp .tel{width: 100px;}
.contentWrap .content .inputArea .wrp .sel1{width: 306px;}
.contentWrap .content .inputArea .btnWrap{text-align: center; margin: 30px 0 50px 0;}
.contentWrap .content .inputArea .btnWrap img{width: 90%; max-width: 400px; cursor: pointer; transition: all 0.2s linear;}
.contentWrap .content .inputArea .btnWrap img:hover{transform: scale(1.1);}


.eduPop{width: 100%; height: 100%; position: fixed; top:0; left:0; z-index: 100; display: none;}
.eduPop .dim{width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 0; background: #000; opacity: 0.5;}
.eduPop .popCont{width: 100%; max-width: 650px; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%);  overflow: hidden;}
.eduPop .popCont .contWrap{padding: 0 50px; background: #fff; overflow-y: auto; max-height: 80vh;}
.eduPop .popCont .contWrap img{width: 100%; height: auto;  display: block; margin: 0 auto;}
.eduPop .popCont .eduPopCloseBtn{width: 58px; height: 51px; position: absolute; top:0; right:0; z-index: 2; cursor: pointer; background-image: url("../img/agreePopClose.png"); background-size: 100%;}
.agreePop{width: 100%; height: 100%; position: fixed; top:0; left:0; z-index: 100; display: none;}
.agreePop .dim{width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 0; background: #000; opacity: 0.5;}
.agreePop .popCont{width: 100%; max-width: 650px; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.agreePop .popCont .contWrap{padding: 0 50px; background: #fff;}
.agreePop .popCont .contWrap img{width: 100%; height: auto;}
.agreePop .popCont .popCloseBtn{width: 58px; height: 51px; position: absolute; top:0; right:0; z-index: 2; cursor: pointer; background-image: url("../img/agreePopClose.png"); background-size: 100%;}

	#targetTypeSelect {
		display: block;
	}

@media ( max-width: 1900px ) {
		.eduTotalDiv {
		width: 1195px;
		height: 250px;
	}

	/* .contentWrap {
		height: 50%;
	} */

}

@media ( max-width: 1500px ) {
		.eduTotalDiv {
		width: 980px;
		height: 200px;
	}

	.reqDiv {
		width: 400px;
	}

}

@media ( max-width: 1200px ) {
	.eduTotalDiv {
		position: absolute;
		display: flex;
		flex-direction: row;
		width: 79%;
		height: 180px;
		bottom: 1%;
		left: 50%;
		transform: translateX(-50%);
		background-color: rgb(255, 255, 255);
		z-index: 5;
	}
	.header .headerDiv .headerMenu ul li{margin: 0 5px; padding: 0 5px; font-size: 16px;}

}

@media (max-width: 1024px) {
	.contentWrap .content .chapter0 #slider01 .mbv{display: block; object-fit: contain;}
	.contentWrap .content .chapter0 #slider01 .pcv{display: none; object-fit: contain;}
	/* .contentWrap {
		height: 100%;
	} */
	.contentWrap {
		margin-top: 80px;
	}
}


@media ( max-width: 800px ) {
	.addressBox {
		display: none;
	}
	#targetTypeSelect {
		display: none;
	}
	.eduTotalDiv {
		flex-direction: column;
    width: 82%;
    bottom: 31%;
    left: 50%;
	}
	.eduDiv {
		margin: 0;
	}

	.eduPopupBtn {
    font-size: 11px;
		margin: 5px 0;
	}
	/* .mbv{display: block;}
	.pcv{display: none;} */

	.reqEduBtn {
	font-size: 25px;
}

	.header {width:100%; height: 65px; position: fixed; top: 0; background: #fff; z-index: 10; border-bottom: 1px solid #e2e2e2;}
	.header .headerDiv .headerLogo{position: absolute; top: 5px; left: 30px; width: 45px; height: 45px;}

	.header .headerDiv .headerMenu{position: fixed; width:100%; height: 100%; padding: 0; margin: 0; top:0; right: -100%; z-index: 10; background:#fff; text-align: right;}/*display:none;*/ 
	.header .headerDiv .headerMenu ul{list-style: none; height: auto; width: auto; position:absolute; right:40px; margin-top:120px;}
	.header .headerDiv .headerMenu ul li{float: none; margin: 0 0 10px 0; padding: 0; font-size: 1.3em; width:100%; height: auto; line-height: 2em;}
	.header .headerDiv .menuBtn{display:block; top: 18px;}
	
	/* .contentWrap{padding: 64px 0 0px 0;} */
	.contentWrap .content .chapter0{display: flex; height: auto;}
	.contentWrap .content .chapter0 #slider01 .mbv{display: block;}
	.contentWrap .content .chapter0 #slider01 .pcv{display: none;}
	
	.contentWrap .content .inputArea{border:20px solid #ebf0f3;}
	.contentWrap .content .inputArea .txt1{font-size: 24px;}
	.contentWrap .content .inputArea .txt2{font-size: 42px;}
	.contentWrap .content .inputArea .wrp span{font-size: 16px;}
	.contentWrap .content .inputArea .wrp .inp1{width: 246px;}
	.contentWrap .content .inputArea .wrp .tel{width: 80px;}
	.contentWrap .content .inputArea .wrp .sel1{width: 246px;}
	.contentWrap .content .inputArea .txt3{font-size: 14px;}
	.contentWrap .content .inputArea .txt3 input[type=checkbox] { width: 18px; height: 18px;} 
	.contentWrap .content .inputArea .btnWrap img{width: 90%; max-width: 300px;}
	

	
}

@media ( max-width: 575px ) {
	.addressBox {
		display: none;
	}
	#targetTypeSelect {
		display: none;
	}

	.reqEduBtn {
		font-size: 20px;
	}

	.slider01Wrap{height: auto !important;}
	
	.eduTotalDiv {
		bottom: 24%;;
	}

	.eduPopupBtn {
    font-size: 13px;
	}
	.contentWrap { margin-top: 40px;}
}

@media ( max-width: 480px ) {
	#base_address1 {
		display: none;
	}

	#trainee-select {
		display: none;	
	}

	.reqEduBtn {
    font-size: 13px;
	}

	.reqDiv {
    width: 300px;
	}

	.eduTotalDiv {
		bottom: 22%;
	}
	.eduPopupBtn {
    font-size: 12px;
	}
	.eduPopupBtn {
		padding: 8px 3px;
	}

	.contentWrap .content .inputArea{border:15px solid #ebf0f3;}
	.contentWrap .content .inputArea .txt1{font-size: 20px;}
	.contentWrap .content .inputArea .txt2{font-size: 34px;}
	.contentWrap .content .inputArea .wrp span{font-size: 14px;}
	.contentWrap .content .inputArea .wrp input[type=text]{height:40px; font-size: 14px;}
	.contentWrap .content .inputArea .wrp select{height:40px; font-size: 14px;}
	.contentWrap .content .inputArea .wrp .inp1{width: 175px;}
	.contentWrap .content .inputArea .wrp .tel{width: 56px;}
	.contentWrap .content .inputArea .wrp .sel1{width: 175px;}
	.contentWrap .content .inputArea .txt3{font-size: 14px;}
	.contentWrap .content .inputArea .txt3 input[type=checkbox] { width: 18px; height: 18px;} 
	.contentWrap .content .inputArea .btnWrap img{width: 90%; max-width: 300px;}
}


@media ( max-width: 414px ) {
	.contentWrap { margin-top: 40px;}
}


@media ( max-width: 360px ) {
	.addressBox {
		display: none;
	}
	#targetTypeSelect {
		display: none;
	}

	.reqEduBtn {
		font-size: 13px;
	}

	.eduTotalDiv {
		bottom: 19%;;
	}

	.eduPopupBtn {
    font-size: 12px;
	}

	.eduPopupBtn {
		padding: 8px 3px;
	}

	.contentWrap { margin-top: 5px;}
}