@charset "utf-8";


html,body,section,article,header,footer,nav,
div,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dd,dt,
img,a,
form,input,select,option,fieldset,textarea,button,label,
figure,video {
	margin:0;
	padding:0;
	border:0;
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
	line-height:1;
	text-decoration:none;
	font-family:'Welcome','noto sans kr','맑은 고딕','돋움','Apple SD Gothic Neo','sans-serif';
	font-size:15px;
	font-weight:normal;
	color:#555;
	letter-spacing: 0;
	box-sizing:border-box;
	text-size-adjust:none;
	list-style:none;
	word-break: keep-all;
}
a:link, a:visited,
a:hover, a:focus, a:active {
	text-decoration:none;
}

table {width:100%; border-spacing:0; border-collapse:collapse;}

/* 폼초기화 */
select,button,input[type=text],input[type=submit],textarea	{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/* border-radius:0; */
}

select	{	box-sizing:border-box;}
/*크롬사라피*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	select	{	padding-right:22px !important;	background:url(/images/bg_select.svg) no-repeat right center; background-size:contain;}
}
/*파이어폭스*/
@-moz-document url-prefix(){
	select	{	padding-right:22px !important;	background:url(/images/bg_select.svg) no-repeat right center; background-size:contain;}
}

:root {
 --main-color: #0050e3;
 --sub-color: #ffda2e;
 --blue: #0050e3;
 --red: #d50d5d;

}


.bold{font-weight: 900;}
.main_color{color: var(--main-color);}
.center { margin:0 auto; padding: 80px 0; width: 1000px;}
.clear::after	{content:""; display:block; clear:both;}
#wrapper.on {position: fixed; left:0; top:0; width:100%; height:100%; overflow: hidden;}


.hidden {position:absolute; left:-100%; top:0%; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}

#sethome{position: relative;}

/*========= input ===========*/
.unit {position: absolute; right:10px; top:50%; transform:translateY(-50%);}
.ip_comm	{display:block; width:100%; height: 50px; padding:0 15px; border: 1px solid #ddd; background-color: #fff; box-sizing:border-box; outline:none; border-radius: 5px;}
.ip_comm.b0{border-radius: 6px 6px 0 0;}
.ip_comm::placeholder{color: #ccc; }
.ip_comm:focus	{background-color: #f5f5f5;}
.ip_comm.tel	{float:left; width: 33.33%;}
/* .ip_comm.tel+.bar	{float:left; width:5%; text-align:center; line-height:48px; } */
.set_tel	{overflow:hidden;}
select.ip_comm	{padding-right:0;}
textarea.ip_comm	{height:150px; padding:15px; line-height:1.5;}

.btn_sm	{display:block; padding: 0 20px; width: 100%; height:50px; margin:0 auto; background-color: var(--main-color); font-weight: 600; color: #fff; border-radius: 6px; text-align: center;}

.btn_nav {display:none; align-items: center ;justify-content:center; width:22px; position: absolute; right: 12px; top: 36px;}
.on .btn_nav {z-index: 101;}
.btn_hbg {position: relative; display:flex; flex-direction: column; justify-content: space-between; width:100%; height:15px;}
.btn_hbg div,
.btn_hbg:before,
.btn_hbg:after {content:""; position:relative; display:block; width:100%; height:1px; background-color:#444; transition:all 0.3s}
.on .btn_hbg div {background-color:transparent;}
.on .btn_hbg:before,
.on .btn_hbg:after {position: relative; transform-origin: center;}
.on .btn_hbg:before {top:50%; transform:rotate(45deg);}
.on .btn_hbg:after {top:-50%; transform:rotate(-45deg);}


#wrapper {overflow: hidden; }


.pc{display: block;}
.m{display: none;}

/*========= header ===========*/

.deachul{position: fixed; top: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: flex-start; z-index: 50; gap: 5px; }
.deachul a{position: relative; display: inline-flex; justify-content: center; align-items: center; padding: 8px 16px; background: #aaa; border-radius: 0 0 10px 10px; color: #fff; font-size: 1em; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); transition: all .25s linear; }
.deachul a:nth-child(1){background: #ffa213;}
.deachul a:nth-child(2){background: #1e36ed;}
.deachul a span{margin-left: 6px; }

.deachul a:hover{padding: 15px 16px 8px;}


.tel{position: fixed; top: 28px; right: 432px; z-index: 99; }
.tel .center{padding: 0; display: flex; justify-content: flex-end; width: auto;}
.tel a{display: flex; justify-content: flex-start; align-items: baseline; background: #181f2e; border-radius: 500px; color: #fff;  padding: 10px; width: max-content;}
.tel a p{color: #fff; font-size: 18px; font-weight: bold;}
.tel span{display: flex; justify-content: center; align-items: center; margin-right: 10px; width: 35px; height: 35px; background-color: #fff; border-radius: 500px;}
.tel span i{color: #181f2e; font-size: 18px; }


.section .center > figure img{display: block; width: 88%; margin: 0 auto;}
.section.main1 .center > figure img{width: 80%;}

/*========= main ===========*/
#contents.main {position: relative; width: 100%; height: 100vh;}
#contents.main section{position: relative;}
#contents.main section > .fp-tableCell{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.main1 .center{position: relative; padding: 160px 0 0;}
.main1 .center h1{position: absolute; left: 0; top: 22px;}
.main1 .center h1 a img{display: block; height: 70px;}

.animation_wrap{position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); text-align: center; transition: all 350ms linear 1450ms; z-index: 999;}
.animation{position: relative; width: 50px; height: 30px;}
.animation span{
position: absolute; top: 17px; left: 19px;  content: ''; width: 10px; height: 10px; border-top: 1px solid #222; border-left: 1px solid #222; transform: rotate(-135deg); transition: inherit; animation: scroll 2s infinite; opacity: 0;}

.animation span:nth-of-type(1){animation-delay: 0.5s;}
.animation span:nth-of-type(2) {top: 8px;  animation-delay: 0.3s;}

@-webkit-keyframes scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.apply{margin-top: 40px; border-radius: 10px; overflow: hidden;}
.apply h2{padding: 22px; text-align: center; font-size: 26px; color: #fff; font-weight: 600; background-color: #e10317; }
.apply form {display: flex; justify-content: space-between; align-items: flex-start; padding: 26px; background-color: #f5f5f5;}
.apply form .form_wrap {width: 55%;}
.apply form .form_wrap .ip_wrap{display: flex; justify-content: flex-start; margin: -5px 0;}
.apply form .form_wrap .ip_wrap .ip_comm{width: 350px; margin: 5px 0;}
.apply form .form_wrap .ip_wrap .btn_sm{margin: 5px;  padding: 15px; width: 113px; height: 105px; background-color: #e10317; color: #fff; font-size: 16px; border-radius: 5px; white-space: normal; line-height: 1.4;}

.apply form .form_wrap .all_agree{margin: 10px 0;}
.apply form .form_wrap .all_agree .ip_chk{display: none;}
.apply form .form_wrap .all_agree label{display: inline-block; color: #aaa; }
.apply form .form_wrap .all_agree label span{margin-right: 4px; }
.apply form .form_wrap .all_agree .ip_chk:checked + label{color: #e10317;}
.apply form .form_wrap .all_agree a{display: inline-block; padding: 5px; width: max-content; background-color: #aaa; color: #fff; border-radius: 3px; border: 1px solid #a1a1a1; font-size: 12px; }

.apply form .form_wrap .agree_wrap{display: flex; justify-content: flex-start; align-items: center; }
.apply form .form_wrap .agree_wrap .agree{display: flex; justify-content: flex-start; align-items: center;}
.apply form .form_wrap .agree_wrap input{border: 1px solid #aaa;}
.apply form .form_wrap .agree_wrap label{margin: 0 14px 0 4px; color: #aaa; }

.apply .kakao{position: relative; display: flex; justify-content: flex-start; align-items: center; padding: 28px 30px; background-color: #ffe21d; border-radius: 8px; width: 51%; }
.apply .kakao:after{content: '\f105'; font-family: 'fontawesome'; color: #222; position: absolute; top: 50%; right: 40px; transform: translate(0, -50%);}
.apply .kakao img{display: block; height: 50px; }
.apply .kakao hgroup{margin-left: 25px; }
.apply .kakao hgroup h5{margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #222; }


.main2{background-color: #f5f6f8;}
.main2 .apply form{background-color: #fff;}


/* #main3,
#main3 .fp-tableCell {height: auto !important;}
#main3 .fp-tableCell {position: initial !important; transform: translate(0) !important;} */

.tbody_wrap h4{margin: 80px 0 20px; font-size: 22px; font-weight: bold; color: #222;}
.tbody_wrap h4:first-child{margin: 0 0 20px;}
.tbody_wrap h4 span{color: #e10317;}

.tbody_wrap .center{padding: 160px 0; }
.tbody_wrap .tbody{display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #111; padding: 5px; border-bottom: 1px solid #ddd; }
.tbody_wrap .tbody dl{padding: 15px 0; display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid #ddd;}

.tbody_wrap .tbody dl.n_border{border-bottom: 0;}
.tbody_wrap .tbody dl dt,
.tbody_wrap .tbody dl dd{font-size: 16px; line-height: 1.35; }
.tbody_wrap .tbody dl dt{font-weight: bold; width: 130px; color: #222;}
.tbody_wrap .tbody dl dd{width: calc(100% - 130px - 20px); word-break: break-all;}
.tbody_wrap .tbody dl dd span{font-size: 14px; color: #767676; }



/*========= footer ===========*/
#footer.section{}
#footer{background-color: #e9eaeb; height: auto !important; min-height: 100vh;}
#footer .fp-tableCell{height: auto !important; display: block !important;}
#footer .fp-tableCell[style*="display: table-cell"]{vertical-align: top !important;}
#footer .center{padding: 40px 0;}
#footer .check{margin-bottom: 20px; display: block; width: max-content; padding: 12px 18px; background-color: #fff; border: 1px solid #ccc; color: #888;}
#footer .check span{margin-left: 20px;}

#footer p{color: #888; margin-bottom: 10px; line-height: 1.7; }
#footer .ft_wrap{display: flex; justify-content: flex-start; align-items: flex-end; }

#footer .info{margin: 20px 0;}
#footer .info li{display: inline-block; line-height: 1.7; color: #888; white-space: nowrap;}
#footer .info li:After{content: ''; display: inline-block; margin: 0 10px; width: 1px; height: 10px; background: #888;}
#footer .info li:last-child:after{display: none;}

#footer .ft_logo{display: block; height: 66px;}

#footer .ft_wrap ul{margin-left: 20px; }
#footer .ft_wrap ul li{color: #888; line-height: 1.4; }
#footer .ft_wrap ul li a{color: inherit; font-size: inherit;}

#quick{display: none;}
.top{display: none;}

/*========= sub ===========*/




/* 모달팝업 */
#modal-content {display:none;width:600px;max-width:90%;height:500px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0;outline: 0 none}
#modal-content .modal-header {height:20px;border-bottom:1px solid #e5e5e5;padding:15px}
#modal-content .modal-header h4 {margin:0;font:bold 18px 'Malgun Gothic';color:#5d5d5d}
#modal-content .modal-body {padding:15px}
#modal-content .modal-body .b-iframe {width:570px;max-width:100%;height:430px}
#modal-content .b-close{float:right;font:bold 21px Arial;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content .b-close:hover, #modal-content .b-close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
p.modal-frame-content{width:550px;max-width:100%;height:400px;padding-right:5px;overflow-x:hidden;overflow-y:auto;font:normal 12px 'Malgun Gothic';color:#555;line-height:1.65em}
/*.popbtn {text-decoration:none;cursor:pointer;margin:0 5px}*/
.b-modal __b-popup1__ {max-width:100%}
#modal-content .modal-header,#modal-content .modal-body{box-sizing:content-box !important}

#modal-content2 {display:none; width:400px; height:560px; background:rgba(54,54,54,0.9); border-radius:4px; border:0px;}
#modal-content2 .modal-header {position:relative; height:28px;}
#modal-content2 .modal-body2 {padding:0;}
#modal-content2 .b-close{position:absolute;top:0;right:16px;font-size:40px;font-weight:900;font-family:Tahoma;color:#fff;opacity:.5;filter:alpha(opacity=50);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content2 .b-close:hover, #modal-content .b-close:focus{cursor:pointer;opacity:1;filter:alpha(opacity=100)}
#modal-content2 .modal-body2 .b-iframe {width:400px;height:560px;}