@charset "utf-8";
/* CSS Document */
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);



*{font-family: 'NanumSquare',"Nanum Gothic", sans-serif; margin:0; padding:0;}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul{margin:0;padding:0;-webkit-text-size-adjust:none;}
hr {display:none;clear:both;}
img,fieldset {border:0 none;}
table {border-collapse:collapse;border:0 none;}
button {margin:0;padding:0;border:0 none;background:transparent;*overflow:visible;cursor:pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a{text-decoration:none;color:#333;}
ul,li{list-style:none;}

#wrap{min-width: 1450px; width:100%; background: #fff;}


.animated {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}
.bounce {
  animation-name: bounce;
}

.right_bt{position:fixed;  z-index:9999; right:50px;  top: 30%;}
.float{
    -webkit-animation: float 1.6s;
            animation: float 1.6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animation {
    visibility: visible !important;
    animation-fill-mode: both !important;
    -webkit-animation-fill-mode: both !important;
}

.top{position:fixed; bottom:20px; right:20px; z-index:9999;}


/*픽스된 상담창*/
.formcontent{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 0;
}
#formbox .formGroup {
	float: left;
	display: inline-block;
}
.form_section.ver2 {
    background:#cf2a34;
    position: fixed;
    width: 100%;
	left: 0;
    bottom: 0;
    z-index: 100;
}

.form_section.ver2 #formbox form {
	float: left;
	margin-top: 0;
}
.form_section.ver2 #formbox > h3 {
	float: left;
    font-weight: 400;
    font-size: 30px;
    color: #000;
    letter-spacing: -2px;
    display: inline-block;
	margin: 12px 22px 0 0;
}
.form_section.ver2 #formbox > h3 > div{color:#24afb4; font-weight:800; text-transform: uppercase; display:inline-block}

.form_section.ver2 #formbox .submit_btn {
    width: 200px;
	font-size: 20px; margin-left:5px; border:0;
    height: 64px;2022-03-28
    font-weight: 400;
    background: #000000;
    color: #fff;
    letter-spacing: -1px;
	transition:all 0.7s; 
}
.form_section.ver2 #formbox .submit_btn:hover {
	color:#FFDD00;
	box-shadow: 155px 0 0 0 rgba(60, 188, 191) inset,
				-155px 0 0 0 rgba(60, 188, 191) inset;
}
.form_section.ver2 #formbox .agree_box {
    font-size: 14px;
    color: #fff;
    margin-top: 12px;
	margin-right: -82px;
}


/*공통된소스*/
.inner{position: relative; top: 0; left: 50%; margin-left: -960px; width: 1920px; text-align: center;}

.inner h1{margin:30px 0 40px;}
.inner h3{margin:70px 0 40px;}
.inner p{padding:0 0 80px;}
.left{float:left; position: relative;}
.right{float:right; position: relative;}

.pt50{padding-top:50px;}
.pb100{padding-bottom:100px;}
.pb50{padding-bottom:50px;}
.pb30{padding-bottom:30px;}
.mb50{margin-bottom:50px;}

/*섹션시작*/

.section2, .section3, .section4, .section5, .section6, .section7 , .section8{position: relative; text-align: center;}

/*기존소스섹션1
.section1{
	background: url(../img0615/section1_bg_01.jpg) no-repeat center;
	background-size: cover;
	width:100%;
	height: 100vh;
    position: relative;
}
.section1 .inner {position:relative; height:100%;}
.section1 .inner .left{ position:relative; top:50%; transform: translateY(-50%);}
.section1 .inner .left > p {padding:0 0 30px 0;}
.section1 .inner .left >h3{margin:20px 0 0;}
.section1 .inner .left >h1{margin: 20px 0;}

.section1 .inner .right{position: absolute; right:0; bottom:-42px; z-index:5;}
*/

.top{position:fixed; bottom:20px; right:20px; z-index:9999;}

.top_left{position: fixed; z-index:99; left:50px;}
.top_right{position: fixed; z-index:99; right:30px;top:30px}

.slide-wrap {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  background-color:rgba(31, 31, 31, 0.24);
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.slide-content .container > * {
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform-origin: 50% 50% 0px;
  transform-origin: 50% 50% 0px;
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}
.slide-content .container{width:1140px; margin:0 auto; text-align:right;}
.slide-content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  position: relative;
  height: 100%;
}
.slide-content h1 {
	margin:20px 0 50px;
  font-size: 60px;
  letter-spacing: -3px;
  line-height: 1.25;
}
.slide-content h1.upper {
  font-size: 72px;
  letter-spacing: 2px;
}


.btn {
    cursor: pointer;
    border: 1px solid #fff;
    display: inline-block;
    padding: .6em 2em;
    color: #fff;
    border-radius: 3px;
}
.section1{
    position: relative;

}


.section1_bg{position:absolute; z-index:9}
.section3 .inner{z-index:10; position: relative; line-height:0;}
.section3_bg{position:absolute; z-index:9}
.section2{width:100%; }

.section4{width:100%; }
.section6 .inner{z-index:10; position: relative; line-height:0;}
.section6_bg{position:absolute; z-index:9}
 .section12, .section14{background:#f3f3f3;}


.section8{width:100%; background:url(../img0615/summer8_28.jpg) repeat-x;}

.section10{width:100%; background:url(../img0615/summer10_35.jpg) repeat-x;}


.section15{background:#ffffff; background-size:cover}
.section15 .inner{position:relative;line-height:0}
.section15 .inner .img_content{line-height:0; background-color:#ffffff; position:relative; top:0; left:160%;margin-left: -960px; width:1920px; text-align:center;}
.section15 .inner .youtube{position:absolute; left:0; top:530px;}
.section15 .inner .new_form{position:absolute; left:6%; top:340px; width:720px}




/*하단상담창*/
.section15 .inner .new_form{}

.section15 .inner .img_content {
    line-height:0;
    background-color:#ffffff;
    position:relative;
    top:0;
	left:152%;
    margin-left:-3583px;
    width:1920px;
    text-align:center;
}


.section15 .inner .new_form .submit_btn {
    width:100%;
    font-size: 21px;
    border: 0;

    height: 70px;
    font-weight:600;
    background: #313131;
    color: #000;
    letter-spacing: -1px;
    transition: all 0.7s;
}
.section15 .inner .new_form .submit_btn:hover {
    color: #FFDD00;
    box-shadow: 900px 0 0 0 rgba(0,0,0) inset, -900px 0 0 0 rgba(0,0,0) inset;
}
.section15 .inner .new_form .agree_box {
    font-size: 15px;
    color: #444333;
    margin-top:5px;
	width:520px;
	text-align:left;
}
.section15 .inner .new_form .agree_box input[type=checkbox] {
    top: 3px;
    position: relative;
}




.section11{background:#ff4a64; text-align: center; position: relative}
.section11 .inner{position:relative; height: 100%}
.section11 .inner > h3{margin:0 0 50px;}
.section11 .inner >p{padding:0 0 50px;}
.section11 div .form{ background:#fff; margin:0 auto; padding:50px 100px; display:table;}
.section11 div .form dl {margin:0 auto 20px; }
.section11 div .form dt {display:table-cell; width:150px; font-size:20px; color:#383838; font-weight:bold;text-align:left; padding:0 40px 0 0;vertical-align: middle;}
.section11 div .form dd {display:table-cell; text-align:left;}
.section11 div .form dd > input,#main .section11 div.form dd > select{border-radius:5px; border:1px solid #d0d0d0; padding:10px;}
.section11 div .form .agreeArea{font-size:12px;}
.section11 div .button{margin:0 auto 50px; position:relative; top:-20px;}
.section11 div input.img-button { background:url(../img0615/bt_img.png) no-repeat; border:none; cursor:pointer; width:626px; height:66px;}
.section11 div .form dd>input, select { border-radius: 5px; border: 1px solid #d0d0d0;padding: 10px;}

.footer{ text-align:center;margin-bottom:142px; background:#ececec; font-size:12px; line-height:100%; padding:20px 0; height:120px;}
.footer > p {color:#000;  line-height:130%}