html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend input, textarea, button, select{
 vertical-align: baseline;
 font-family: inherit;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 outline: 0;
 padding: 0;
 margin: 0;
 border: 0;
 }


* { margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul, li {list-style:none; }
html { width:100%; }
body { width:100%; height:100%; line-height:100%; color:#000; font-size:1em; font-family: 'Pretendard-Regular'; overflow-y:visible!important; box-sizing:border-box; }
img { vertical-align:middle; border:none; }
a { text-decoration:none; cursor:pointer; }
p { }
div, input, button { vertical-align:middle; border:none; font-family: 'Pretendard-Regular'; }
textarea { border:none; }
.red { color:#ee0000; font-weight:500; }
.wh { color:#fff; }
.gold { color:#a98036; }
.bl { color:#09489c; }


/* PC 
------------------------------------------------------------------------------------------------------------*/

.wrap { width:100%; min-width:1200px; overflow:hidden; }
.wrap .contents { position:relative; top:0; left:50%; margin-left:-960px; width:1920px; text-align:center; }

.wrap .main { height:940px; 
	background:url(img/main_bg.jpg)center center no-repeat;
	background-size: cover;
	background-position-y: 0;
	animation: grow 30s linear infinite;
}

@keyframes grow {
	0%   { background-size: 100% auto; }
	50% { background-size: 120% auto; }
	100% { background-size: 100% auto; }
}


.wrap .inner { width:1200px; margin:0 auto; }
.wrap .p120 { padding:120px 0; }
.wrap h1 { font-size:60px; line-height:140%; font-weight:600; letter-spacing:-4px; text-align:center;}
.wrap h2 { font-size:50px; line-height:140%; font-weight:600; letter-spacing:-2px; text-align:center;}
.wrap h3 { font-size:34px; line-height:140%; font-weight:500; }
.wrap h4 { font-size:28px; line-height:140%; font-weight:500; }
.wrap h5 { font-size:20px; line-height:120%;  }

.wrap .slick2 { margin:0 auto; text-align:center; padding:30px 0 10px 0; margin-top:50px; z-index:9; position:relative; }
.wrap .slick2 img { width:40%; padding:5px!important; text-align:center; margin:0 auto; }
.wrap .slick2 h3 { font-weight:600; }
.wrap .slick2 p { line-height:160%; margin-top:20px; }
.wrap .slick2 .slidewidth { margin:0; }
.wrap .slick2 .slide_border { border:1px solid #ddd; height:460px; margin:20px; padding-top:40px; }
.wrap .slick2 .slidewidth:nth-child(1) > .slide_border { border:1px solid #e13831; background-color: #e13831;}

.wrap .slick2 .slick-current > .slide_border { background-color:#e13831; border:none; }

.wrap .slick2 .slick-prev { left: 0; }
.wrap .slick2 .slick-prev:after {content: "\f104"; font: 40px/1 'FontAwesome'; }

.wrap .slick2 .slick-next { right: 0; text-align: right; }
.wrap .slick2 .slick-next:after { content: "\f105"; font: 40px/1 'FontAwesome'; }


.wrap ul.deserve_list { width:70%; text-align:center; margin:0 auto; }
.wrap ul.deserve_list li { padding:25px; background-color:#fff; margin-bottom:20px; border-radius:20px; }
.wrap ul.deserve_list li p { font-size:20px; color:#333; line-height:150%; }

.wrap .point1 { width:48%; height:200px; float:left; background-color:#f6f2eb; padding:20px; margin:1%; border-radius:20px; }
.wrap .point1 p { line-height:140%; }

.wrap .point11 { width:48%; height:200px; float:left; background-color:#fff; padding:20px; margin:1%; border-radius:20px; border:2px solid #b6965d; }


.wrap .point2 { width:48%; height:200px; float:left; background-color:#ecf1f7; padding:20px; margin:1%; border-radius:20px; }
.wrap .point22 { width:48%; height:200px; float:left; background-color:#fff; padding:20px; margin:1%; border-radius:20px; border:2px solid #09489c; }
.wrap .point2 p { line-height:140%; }


.wrap .type1 { background-color:#b6965d; border-radius:50%; width:100px; height:100px; margin-right:10px; text-align:center; color:#fff; float:left; position: relative;}
.wrap .type1 { background-color:#b6965d; border-radius:50%; width:100px; height:100px; margin-right:10px; text-align:center; color:#fff; float:left; position: relative;}

.wrap .type1 h5 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%; }

.wrap .type2 { background-color:#09489c; border-radius:50%; width:100px; height:100px; margin-right:10px; text-align:center; color:#fff; float:left; position: relative;}
.wrap .type2 { background-color:#09489c; border-radius:50%; width:100px; height:100px; margin-right:10px; text-align:center; color:#fff; float:left; position: relative;}

.wrap .type2 h5 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%; }


.wrap ul.service { margin:0 auto; margin-top:40px;}
.wrap ul.service li { width:31%; height: 320px; margin:1%; background-color:#fff; float:left; overflow:hidden; }
.wrap ul.service li h4 { width:100%; text-align:center; font-size:22px; color:#fff; font-weight:600; line-height:140%; background-color:rgba(0,0,0,0.5); display:block; position:absolute; bottom:0; padding:10px; }

.wrap ul.service li img { transition: all 0.2s linear; }
.wrap ul.service li img:hover { transition: all 0.2s linear;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1); /* IE 9 */
        -o-transform: scale(1.1);
        transform: scale(1.1); }


.wrap ul.service li div:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1); /* IE 9 */
        -o-transform: scale(1.1);
        transform: scale(1.1);}

.wrap .footer { width:1200px; margin:0 auto; }
.wrap .footer ul li:first-child { width:30%; float:left; padding:40px 20px; }

.wrap .footer ul li:last-child { width:70%; float:left; padding:40px 20px; display:block; }
.wrap .footer ul li:last-child h4 { color:#fff; padding-bottom:10px; }
.wrap .footer ul li:last-child p.info { color:#fff; font-size:14px; line-height:24px; }
.wrap .footer ul li:last-child p.copy { color:#fff; font-size:14px; line-height:24px; letter-spacing:1px; font-weight:400; padding-top:20px; }





/*form */

.section5{
	background: #f7f7f7;
}

.section5 article{
	display: flex;
	flex-wrap: wrap;
	box-shadow: rgba(0,0,0,0.2) 0 0 15px;
}

.section5 article > div{
	width: 50%;
	box-sizing: border-box;
	padding: 50px 50px;
}

.section5 article .selfBox{
	background-color:#081231;
	position: relative;
}

.section5 article .selfBox h3{
	color: #fff;
	border-bottom-color: #fff;
}

.section5 article .selfBox p{
	color: #fff;
	line-height: 1.5;
	font-size: 18px;
	margin: 20px 0 ;
	font-weight: 300;
}

.section5 article .selfBox ul li h5{
	color: #fff;
}

.section5 article .selfBox .radioBox{
	display: flex;
	border-left: 2px solid #081231;
}

.section5 article .selfBox .radioBox input{
	display: none;
}

.section5 article .selfBox label{
	background: #fff;
	color: #081231;
	width: calc(100%/3);
	box-sizing: border-box;
	display: block;
	height: 45px;
	line-height: 41px;
	border-top: 2px solid #081231;
	border-bottom: 2px solid #081231;
	border-right: 2px solid #081231;
	text-align: center;
	transition: all 0.3s;
}

.section5 article .selfBox .radioBox input:checked + label{
	background: #b6965d;
	color: #fff;
	font-weight: 400;
}

.section5 article .selfBox .sendBtn{ display:inline-block; height: 60px; line-height:60px; width:250px; text-align:center; font-weight:600; font-size:28px;letter-spacing:-2px; margin-top:20px; cursor:pointer; background-color:#b6965d; color:#fff; 
}

.section5 article .selfBox .step1{
	position: relative;
	transition: all 0.3s;
	z-index: 2;
}

.section5 article .selfBox.on .step1{
	opacity: 0;
	z-index: 1;
}

.section5 article .selfBox form{
	position: relative;
}

.section5 article .selfBox .resultBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center;
	padding-bottom: 100px;
	opacity: 0;
	transition: all 0.3s;
	z-index: 1;
}

.section5 article .selfBox.on .resultBox{
	opacity: 1;
	z-index: 2;
}

.section5 article .selfBox .resultBox p{
	font-size: 18px;
	width: 100%;
	line-height: 1.7;
}

.section5 article .selfBox .resultBox p strong{
	font-size: 1.4em;
}

.section5 article .selfBox .resultBox .sendBtn{
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,0);
	width: 70%;
	max-width: 250px;
}

.section5 article .formBox{
	background: #fff;
}

.section5 article .formBox .telBox h4 { background-color: #e6ecf5; padding:20px 0; font-weight:600; 
	text-align: center;
	margin: 20px 0 20px;
	animation: onoff 2s infinite;
}

@keyframes onoff{
	0%{opacity: 1;}
	5%{opacity: 0;}
	25%{opacity: 0;}
	30%{opacity: 1;}
	50%{opacity: 1;}
	55%{opacity: 0;}
	75%{opacity: 0;}
	80%{opacity: 1;}
	100%{opacity: 1;}
}

.section5 article .formBox .telBox span{
	display: block;
	text-align: center;
	margin-bottom: 10px;
	font-size: 13px;
	color: #666;}

.section5 article .formBox .telBox a{
	font-size: 26px;
	color: #fff;
	font-weight: 600;
	width: 100%;
	max-width: 250px;
	padding: 5px 0 7px;
	background: #2f69df;
	display: block;
	margin: 0 auto 40px;
	text-align: center;}

.section5 article .formBox .inBox{
	background: #f7f7f7;}

.form2 { text-align:center; padding:20px 0; }
.form2 .inner { width:100%; margin:0 auto;}
.form2 .formArea { width:100%; margin:0 auto; overflow: hidden; background-color:#fff; }
.form2 .formGroup { text-align:center; }

.form2 .form_table2 { width:100%; border-collapse:collapse; font-size:1em; }
.form2 .form_table2 tbody th { padding:10px 10px; vertical-align:middle; text-align:left; line-height:100%; font-size:20px; color:#fff; font-weight:500; }
.form2 .form_table2 tbody td { padding:10px 10px; vertical-align:middle; text-align:left; line-height:100%; font-size:18px; color:#fff; }
.form2 .input_style { width:100%; padding-left:10px; height:38px; border:1px solid #ccc; font-size:18px; }


.form1 { text-align:center; }
.form1 .inner { width:100%; margin:0 auto;}
.form1 .formArea { width:100%; margin:0 auto; overflow: hidden; background-color:#fff; }
.form1 .formGroup { text-align:center; }

.form1 .form_table { width:100%; border-collapse:collapse; font-size:1em; }
.form1 .form_table tbody tr { }
.form1 .form_table tbody th { padding:10px 10px 10px 50px; vertical-align:middle; text-align:left; line-height:100%; font-size:18px; font-weight:600;  letter-spacing:-2px; }
.form1 .form_table tbody td { padding:10px 50px 10px 10px; vertical-align:middle; text-align:left; line-height:100%; font-size:18px; }

.form1 .input_style:focus, .wrap .sel_style:focus, .wrap .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}

.form1 label { float:left; padding:10px 0; width:33%; }
.form1 .input_style { width:100%; padding-left:10px; height:42px; font-size:18px; background-color:#f8f8f8; }
.form1 .sel_style { width:100%; padding-left:10px; height:42px; border:1px solid #ccc; font-size:18px; vertical-align:middle;}
.form1 .textarea_style { width:100%; padding:10px; height:90px; border:1px solid #ccc; font-size:18px; resize:none; }

.form1 .submit_box { width:100%; padding-top:10px; }
.form1 .submit_box .btn01 { width:250px;text-align:center; font-weight:600; font-size:28px;letter-spacing:-2px; margin-top:20px; cursor:pointer; background-color:#054ba7; height: 60px; line-height:60px; color:#fff; }
.form1 .submit_box .btn01 img { width:100%; }

/* popup CSS */
.complete_wrap { position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 3; z-index:99999;display:none;} 
.complete_wrap .bg { position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.8);z-index: 1; }
.complete_wrap .popup { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); height: 365px; max-height: 90vh;background: #fff;z-index: 2; }
.complete_wrap .popup { width:90%; overflow:hidden; border-bottom:0px solid #000; background-color:none;color:#fff; font-size:14px; line-height:0; max-width:500px; margin:0 auto;}
.complete_wrap .popup .close { position: absolute;top: 20px;right: 20px; width:20px; font-weight:600; }
.complete_wrap .popup .close img { width: 100%;height: 100%; }
.complete_wrap .popup .iframe { height:100%;width:100%;border:0; overflow:hidden;}