@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:#e0e0e0;}
ul,li{list-style:none;}


#layer_fixed {display:none;max-width:500px;width:500px;margin:0 auto;padding:0;color:#000; background:#fff; position:fixed;left:50%;margin-left:-250px;top:0;  z-index: 9999;line-height:0px;text-align:center;}
#layer_fixed img {width:100%;border:0;margin:0;padding:0;text-align:center;}
#vidwrap {
/* Your thumbnail image */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow:hidden;
background-repeat: no-repeat;
width:480px;
height:360px;
cursor:pointer;
}

.new_pop{border:5px solid #dc2e53;}

.new_pop ul {margin-top: 10px; display:table; padding:10px 0 0 15px}
.new_pop ul li:first-child{width:100%; font-weight:bold; text-align:left; margin-bottom:8px;}
.new_pop ul li:last-child{width:100%; padding:0 0;}
.new_pop ul li {float:left; width:auto; padding-right:10px;}
.new_pop ul li > span{font-size:11px; color:#C05658; line-height:14px;}
.new_pop ul li:after {display:block; clear:both; content:"";}
.new_pop ul li textarea{border:1px solid #ccc; width:95%; float:left; padding:2px;}
.new_pop ul li input[type="text"]{border:1px solid #ccc; width:95%; float:left;}
.new_pop ul li input[type="checkbox"] {float:left;margin-right:5px;}
.new_pop ul li input[type="checkbox"] + label { cursor: pointer; font-size:13px; line-height:13px; float:left; height:25px;}
.new_pop ul li input[type="checkbox"] + label span {display: block; }
.big_btn { width:100%; font-size:16px; padding:10px 0; font-weight:bold; background-color:#11cbd0; border:0px; color:#fff; border-radius:100px; }
.big_btn:hover{ background-color:#1d1d1d; }
.x_btn{margin:10px 0; background:#dc2e53; font-size:20px;padding:10px 15px; border-radius:100%; color:#fff}
/*top*/
#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;}


/*공통된소스*/
.inner{width:1100px; margin:0 auto;}

.inner span{padding:130px 0 0; display: block;}
.inner h1{padding:80px 0 30px;}
.inner h3{margin:70px 0 40px;}
.inner p{padding:15px 0 0}
.left{float:left; position: relative;}
.right{float:right; position: relative;}
.center{margin:0 auto; text-align:center;}
.img_content{position: relative; padding:0 0 50px; clear: both;}
.img_content1{position: relative; padding:0 0 0px; clear: both;}
.clear{clear: both;}

.pt50{padding-top:50px;}
.pb130{padding-bottom:130px;}
.pb100{padding-bottom:100px;}
.pb70{padding-bottom:70px}
.pb50{padding-bottom:50px;}
.pb30{padding-bottom:30px;}
.mb50{margin-bottom:50px;}
.mt50{margin-top:50px;}

.ptb100{padding:100px 0 100px;}

.jb{transition-duration: 1s; opacity:0;}
.jb1 {
	transition-delay: 0.5s; opacity: 1;
}
.jb2 {
	transition-delay: 1s; opacity: 1;
}
/*섹션시작*/

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


.section1{
	background:#f7f7f7;
	width:100%;
    position: relative;
}
.section1 .inner {position:relative; height:100%;}
.section1 .inner .center{padding-top:100px;}
.section1 .inner .center img{display:block}

/*추가css*/
.newLight{line-height:0; text-align:center}
.light_top{background:#f4f4f4; width:100%;}

/*첫번째상담창*/
.top_form_warp{background:#df2828; position:relative; width:100%; margin:0 auto; z-index:99; height:320px;}
.top_form_warp .center{width:1100px; margin:0 auto; position:relative;}
.top_form_warp .center .event_list{margin:0 auto; position:absolute; padding:20px 0 0;}
.top_form_warp .center .event_list ul li{float:left;}

.top_form_warp .center .top_form{padding:40px 0 0}
.top_form_warp .center .top_form .formGroup {
    width:26%;
    height: 64px;
	border-radius: 10px;
    line-height: 64px;
    border: 0;
    margin-right: 7px;
	float: left;
    display: inline-block;
    background: #fff;
}
.top_form_warp .center .top_form .formGroup label {
    display: none;
}
.top_form_warp .center .top_form .formGroup input {
font-size: 18px;
    border: 0;
    outline: 0;
    color: #333;
    min-width: 90%;
    width: 90%;
    padding: 0 5%;
}

.top_form_warp .center .top_form .submit_btn {
    width: 20%;
    font-size: 20px;
    border: 0;
	border-radius: 10px;
    height: 44px;
    font-weight:600;
    background: #fff000;
    color: #000;
    letter-spacing: -1px;
    transition: all 0.7s;
}
.top_form_warp .center .top_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;
}
.top_form_warp .center .top_form .agree_box {
    font-size: 13px;
    color: #fff;
    margin-top:5px;
}
.top_form_warp .center .top_form .agree_box input[type=checkbox] {
    top: 3px;
    position: relative;
}

.section2{width:100%; height:500px;}
.section2 .inner .left{position:relative; top:35%; transform: translateY(35%);}
.section2 .inner .right{position:relative; top:35%; transform: translateY(35%); overflow:auto;}
.section2 .inner .right .list{margin-top:40px;}

.section3 .inner {position:relative; height:100%;width:100%; background:#f7f7f7; }
.section3 .inner .center{padding-top:100px;}
.section3 .inner .center img{display:block}


.section4 .inner > p{padding:0 0 60px;}


.section5 {width:100%; background:#f9f9f9;}

#css_tabs {
    width:570px;
}

/* 탭 선택 시 표시할 요소(div) 정의(1번 탭 선택 시 첫 번째 div 요소 표시) */
#css_tabs input:nth-of-type(1), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(1),
#css_tabs input:nth-of-type(2), #css_tabs input:nth-of-type(2) ~ div:nth-of-type(2),
#css_tabs input:nth-of-type(3), #css_tabs input:nth-of-type(3) ~ div:nth-of-type(3) {
    display:none
}
#css_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1),
#css_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2),
#css_tabs input:nth-of-type(3):checked ~ div:nth-of-type(3) {
    display:block
}

/* 라벨 기본 스타일 지정 */
#css_tabs > label {
    display:inline-block;
    font-variant:small-caps;
    font-size:.9em;
    padding:5px;
    text-align:center;
    width:20%;
	float:left;
    line-height:1.8em;
    font-weight:700;
    border-radius:3px 3px 0 0;
    background:#eee;
    color:#777;
    border-width:1px 1px 0
}
#css_tabs > label:hover {
    cursor:pointer
}
#css_tabs label[for=tab2] {
    margin-left:5px;
}


/*g하단상담창*/
.bottom_form{}
.bottom_form .formGroup {
    width:74%;
    height:45px;
	border-radius: 10px;
    line-height: 45px;
    border: 0;
	float: left;
	margin-bottom:10px;
    display: inline-block;
    background: #fff;
}
.bottom_form .formGroup label {
    display: none;
}
.bottom_form .formGroup input {
font-size: 17px;
    border: 0;
    outline: 0;
    color: #333;
    min-width: 90%;
    width: 90%;
    padding: 0 5%;
}

.bottom_form .submit_btn {
    width: 74%;
    font-size: 21px;
    border: 0;
	border-radius: 10px;
    height: 50px;
    font-weight:600;
    background: #fff000;
    color: #000;
    letter-spacing: -1px;
    transition: all 0.7s;
}
.bottom_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;
}
.bottom_form .agree_box {
    font-size: 13px;
    color: #fff;
    margin-top:20px;
}
.bottom_form .agree_box input[type=checkbox] {
    top: 3px;
    position: relative;
}



/* 선택된 라벨, 커서를 올린 라벨 스타일 지정 */
#css_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover {
    background:#003bd3;
    color:#fff
}
#css_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label:hover {
    background:#003bd3;
    color:#fff
}
/* 실제 내용이 담긴 div 요소 스타일 지정 */
#css_tabs .tab1_content, #css_tabs .tab2_content, #css_tabs .tab3_content {
    width:570px;
}

.section6 .inner > p{padding:0 0 60px;}

.section7{background:#f9f9f9;}

.section8{background:#df2828; height:950px; position: relative}
.section8 .inner .left{position: absolute; top:8%; transform: translateY(8%); text-align:left; z-index: 99}
.section8 .inner .right{width:644px; position: relative; top:17%; transform: translateY(17%); text-align:right;}
.section8 .inner .right > img{z-index:9;}
.section8 .inner .right > iframe{z-index:8; position: absolute; bottom:-193px; right:0;}



.footer{ text-align:left; float:left; font-size:12px; line-height:18px;}
.footer > p {color:#ffb5b5;}