/* 퀵메뉴 */
.right-quick-menu {position:fixed; bottom:2%; right:2rem; z-index:99; text-align:center; cursor:pointer; display: none;}
.right-quick-menu li {background:#bbb; width:87px; height:87px; line-height:87px; border-radius:100%; text-align:center; cursor:pointer; margin-bottom:7px;}
.right-quick-menu li img {margin-bottom:-20px;}
.right-quick-menu li:hover {background:#AD3371;}
.container {height:100%;}


.slick-list,
.slick-track {height: 100%;}
.slick-list * {outline: none;}

.item-section {min-height:100%; background-repeat: no-repeat; overflow-x: hidden;}
.item-box {padding:10% 0;}

.fade {position: relative; opacity: 0; transition: 1s;}
.fade-fast {transition: 0.05s;}
.fade-l {left:-50px;}
.fade-l.fade-show {left:0; opacity: 1;}
.fade-r {right:-50px;}
.fade-r.fade-show {right:0; opacity: 1;}
.fade-t {top:-50px;}
.fade-t.fade-show {top:0; opacity: 1;}
.fade-b {bottom:-50px;}
.fade-b.fade-show {bottom:0; opacity: 1;}
.fade-delay0-5 {transition-delay: 0.2s;}
.fade-delay1 {transition-delay: 0.4s;}
.fade-delay1-5 {transition-delay: 0.6s;}
.fade-delay2 {transition-delay: 0.8s;}
.fade-delay2-5 {transition-delay: 1s;}
.fade-delay3 {transition-delay: 1.2s;}
.fade-delay3-5 {transition-delay: 1.4s;}
.fade-delay4 {transition-delay: 1.8s;}
.fade-delay4-5 {transition-delay: 2.0s;}

/* 스크롤  */
.icon-scroll {display:none; padding-bottom:15px;position:fixed;bottom:-5px;left:calc(50% - 25px);z-index:999; padding:0px 0 20px;;}
.icon-scroll div {display:none; transform:rotate(-90deg); font-size:13px;font-weight:500;color:#222;}
.icon-scroll:after {content:"";display:block;width:50px;height:50px;background:url(../images/arrow1.png) center center no-repeat;margin:0 auto;}
.icon-scroll.on {display:block;}

/* 섹션별 */
.section01 { background: url(../images/bg_01.jpg);  background-size:cover; background-repeat:no-repeat; background-position:left center;}
.section01 .d-flex .left {width:100%;}
.section01 .d-flex .left {color:#000; padding-top:12%;}
.section01 .d-flex .left h2 {font-size:34px; font-weight:700; margin:70px 0 80px; letter-spacing: -3px;}
.section01 .d-flex .left p {font-size:20px; font-weight:500; }
.section01 .d-flex .aside {position:absolute; top:15%; right:5%;}

.section02 {background: url(../images/bg_02.jpg);  background-size:cover; background-repeat:no-repeat; background-position:center center; display: flex; align-items: center;}
.section02 h1.tit { margin-bottom: 1%; font-size:48px; font-weight:700; color:#fff;letter-spacing: -3px;}
.section02 .inner { padding:0; border-radius: 10px; width:100%; margin:0 auto;}
.section02 .inner p {font-size:28px; font-weight:500;letter-spacing:-1px; color:#fff; margin-top:20px;}

/* .section03 { display: flex; align-items: center;} */
.section03 {padding-top:40px;}
.section03 h1.tit {margin-bottom:10px; font-size:28px; font-weight:700; color:#222;letter-spacing: -3px;}
.section03 h3 { font-size:48px; font-weight:700; color:#1558ce;letter-spacing: -3px;}
.section03 p {font-size:20px; font-weight:500;letter-spacing:-1px; color:#555; margin:15px 0 30px;}

.section04 { display: flex; align-items: center; justify-content: center;}
.section04 ul li {float:left; width:33%;}

.section05 {background: url(../images/bg_05.jpg);  background-size:cover; background-repeat:no-repeat; background-position:center center; display: flex; align-items: center; color:#fff;}
.section05 .d-flex .left {width:50%;}
/* .section05 .d-flex .left img, .section05 .d-flex .right img {width:100%;} */
.section05 .d-flex .left h2 {font-size:30px; font-weight:700; letter-spacing: -2px;}
.section05 .d-flex .right {width:50%;}
.section05 .d-flex .right h2 {font-size:30px; font-weight:700; letter-spacing: -2px;}

.section06 { display: flex; align-items: center;}
.section06 h1.tit { margin-top:3%; margin-bottom:5px; font-size:28px; font-weight:700; color:#222;letter-spacing: -3px;}
.section06 h3 { font-size:45px; font-weight:700; color:#1558ce;letter-spacing: -3px;margin-bottom:20px;}
.section06 .inner {display:flex;}
.section06 .inner .left, .section06 .inner .right {width:50%;}

.section07 h1.tit {margin-bottom:10px; font-size:28px; font-weight:700; color:#222;letter-spacing: -3px;}
.section07 h3 { font-size:29px; font-weight:700; color:#222;letter-spacing: -3px;margin-bottom:40px;}
.section07 .inner {  background:#cae3f4; padding:3%;}
.section07 .inner h1 { margin-bottom:5px; font-size:25px; font-weight:700; color:#222;letter-spacing: -3px;}
.section07 .inner h3 { font-size:43px; font-weight:700; color:#1558ce;letter-spacing: -5px;margin-bottom:20px;}
.section07 .inner h4 { font-size:19px; letter-spacing: -1px;margin-bottom:20px;}
.section07 .inner h4 span.bold { font-size:21px; font-weight:700; letter-spacing: -1px;}

.section08 {background: url(../images/bg_08.jpg);  background-size:cover; background-repeat:no-repeat; background-position:center center; display: flex; align-items: center;}
.section08 h1 {  margin-top:1%;margin-bottom:5px; font-size:25px; font-weight:700; color:#222; letter-spacing: -3px;}
.section08 h3 { font-size:43px; font-weight:700; color:#1558ce; letter-spacing: -5px; margin-bottom:20px;}
.section08 h4 { font-size:24px; font-weight:600; letter-spacing: -1px; margin-bottom:20px;}

.section09 h1 { margin-top:3%; margin-bottom:5px; font-size:25px; font-weight:700; color:#222;letter-spacing: -3px;}
.section09 h3 { font-size:43px; font-weight:700; color:#1558ce;letter-spacing: -5px;margin-bottom:20px;}
.section09 .box {width:90%; height:auto; margin:0 auto; display:flex;}
.section09 .box .left {width:40%}
.section09 .box .right {width:60%; padding-top:30px;}
.section09 .inner {background: url(../images/bg_09.jpg);  background-size:cover; background-repeat:no-repeat; background-position:right bottom; padding:3%; margin:3% 0; }
.section09 input[type="submit"] {font-size: 15px; padding: 10px 40px 10px 40px; margin: 40px; background: #000; color: #fff; cursor: pointer;}
.section09 .inner p {margin:40px 0 20px; font-size:14px;}
.section09 .inner p strong {font-size:17px; font-weight:bold; margin-bottom:10px; display:inline-block;}
.section09 .inner p.field-error {text-align:center; margin: 5px 0 5px; font-size:12px; color:#bd0505 !important;}
.section09 .inner p.field-success {text-align:center; margin: 5px 0 5px; font-size:12px; color:#05bd05 !important;}
.section09 .aside {position:absolute; top:4%; right:5%;}

/* =============================  테이블  ============================*/
table.type1 {padding:50px 0; margin:10px auto; width:80%;}
table.type1 th,
table.type1 td {height:50px; padding:10px 0;  font-size:16px;}
table.type1 .field-error {text-align:left; font-size:12px; color:#bd0505 !important;}
table.type1 .field-success {text-align:left; font-size:12px; color:#05bd05 !important;}
table.type1 tr:first-child {border-left:none;}
table.type1 tr:first-child th,
table.type1 tr:first-child td {border-top:none;}
table.type1 th {padding:0 25px; text-align: left; font-weight:normal; font-size: 16px; font-weight:bold;}
table.type1 th span {background:url(images/star.jpg) no-repeat; display:inline-block;  margin:0 2px 0 -18px; width:15px; height:15px; color:transparent; overflow: hidden;}
table.type1 td {padding:7px 55px 7px 15px; font-size:16px; text-align: left;}
table.type1 td select {padding:0 40px 0 10px; height:30px; font-size:16px; color:#777; border:1px solid #ccc; line-height:30px; box-sizing:border-box; background:url(../images/select.jpg) no-repeat right; -webkit-appearance:none;}
table.type1 td select::ms-expand {display:none;}
table.type1 td select,
table.type1 td input[type="text"],
table.type1 td input[type="tel"],
table.type1 td input[type="password"],
table.type1 td input[type="number"] {border:1px solid #ccc; height:30px; line-height:30px; padding-left:15px; background:rgba(256,256,256,0.8);}
table.type1 td textarea { background:rgba(256,256,256,0.8);}
table.type1 td > div {padding:5px 0 0;}
table.type1 td > div:first-child {padding:0;}

/* 푸터 */
#footer {background-color: #020202; padding:35px 0 60px;}
#footer .bottom-menu a {color:#fff;}
#footer .copytxt p {line-height: 20px; }
#footer .bottom_menu li {margin:0 20px; position:relative; color:#fff;}
#footer .bottom_menu li a { color:#fff;}
#footer .bottom_menu li a:hover {text-decoration: underline;}
#footer .bottom_menu li::after {display: block; content:''; width:1px; height:15px; background:#fff; position:absolute; top:5px; left:-17px;}
#footer .bottom_menu li:first-child::after {display: none;}
#footer .line {width:100%; height:1px; background-color:#555; margin-top:30px;}


@media(max-width:1440px) {
	.fade {position: relative; opacity: 0; transition: 0.8s;}
    .fade-fast {transition: 0.05s;}
	.section01 .d-flex .left {padding-top:10%;}
	.section01 .left h1 img {width:350px;}
	.section01 .left h2 img {width:450px;}
	.section01 .left p img {width:550px;}
	.section02 h1 img {width:550px;}
	.section02 h2 img {width:450px;}
	.section02 .inner p {font-size:20px;}
	.section04 ul li img {width:100%;}
	.section06 {display:block;}
	.section06 h1.tit {padding-top:40px;}
	.section06 .inner .left img, .section06 .inner .right img {width:80%;}
	.section07 h1 img {width:500px;}
	.section08 {display:block;}
	.section08 h1 {padding-top:40px;}
	.section03 img ,.section03 img ,.section05 img ,.section06 img ,.section07 img ,.section08 img {width:90%;}
	.section03 img {max-width:700px;}
	#footer img {margin-bottom:10px;}
	.section09 .box .left {width:30%;}
	.section09 .inner {padding:2%;}
}

@media(max-width:1024px) {
	.section03 img {width:70%;}
	/* .section04 ul li img {width:70%;} */
	.section04 .pic img {width:60%;}
	.section02 h1 img {width:500px;}
	.section02 h2 img {width:420px;}
	.section06 h1.tit {padding-top:50px;}
	.section08 h1 {padding-top:50px;}
	.section09 .box .left {width:15%;}
	.section09 .box .right {width:85%;}
	.section09 .box .left img {width:200px;}
	.section09 .box .right img {width:400px;}
	table.type1 th {padding:0 7px; font-size:14px;}
}

@media(max-width:900px) {
	.section01 .d-flex .left h2 img {width:400px;}
	.section01 { background: url(../images/bg_01.jpg);  background-size:cover; background-repeat:no-repeat; background-position:center center;}
	.section01 .d-flex .left {padding-top:25%;}
	.section01 .d-flex .left h2 {margin:90px 0 90px;}
	.section01 .d-flex .aside img, .section09 .aside img {width:80px; right:0;}
	.section03 p {margin:45px 0 55px;}
	.section03 h1.tit {margin-top:13%;}
	.section05 .d-flex .left, .section05 .d-flex .right {width:100%;}
	.section05 img {width:75%;}
	.section05 .d-flex .left h2 {margin-top:5%;}
	.section06 .inner {flex-direction: column;}
	.section06 .inner .left, .section06 .inner .right {width:95%;}
	.section06  h3 {font-size:24px;}
	.section07 h1.tit img {margin-top:180px;}
	.section09 .box .left img {width:150px;}
	.section09 .box .right img {width:300px;}
	footer .f-size15 {font-size: 14px;}
}

@media(max-width:768px) {
	#fp-nav {display:none;}
	.section01 .d-flex .left h2 img,
	.section01 .left p img {width:300px;}
	.section01 .d-flex .left h2 {margin:30px 0 40px;}
	.section01 .d-flex .aside {top:65%;}
	.section01 .left h1 img {width:300px;}
	.section01 .left h2 img {width:300px;}
	.section01 .left p img {width:300px;}
	.section02 h1 img {width:300px;}
	.section02 h2 img {width:300px;}
	.section02 .inner p {font-size:15px;}
	.section03 h3 {font-size:30px;}
	.section03 p {font-size:15px;}
	.section03 img {width:100%;}
	.section03 p {margin:25px 0 35px;}
	.section04 { background: url(../images/bg_04_m.jpg);  background-size:cover; background-repeat:no-repeat; background-position:center center;}
	.section05 .d-flex .left h2 {font-size:20px;}
	.section05 .d-flex .right h2 {font-size:20px;}
	.section07 h1.tit img {width:300px;}
	.section07 h3 {font-size:17px;}
	.section07 .inner h1, .section08 h1 {font-size:20px;}
	.section07 .inner h3, .section08 h3 {font-size:24px;}
	.section07 .inner h4, .section08 h4 {font-size:15px;}
	.section07 .inner h4 span.bold {font-size:18px;}
	.section07 h1.tit img {margin-top:80px;}
	.section08 img {width:100%;}
	.section09 h1 {font-size:20px;}
	.section09 h3 {font-size:24px;}
	.section09 .box .left {width:100%;}
	.section09 .box .right {width:100%;}
	table.type1 {width:100%;}
	table.type1 th {padding:0 5px; font-size:12px;}
	table.type1 td {padding:5px 10px 5px 10px;}
	input[type=text], input[type=password] {padding:0;}
	form .w-100 {width:90%;}
	textarea {padding:5px;}
	.section09 .box {flex-wrap: wrap;}
	.section09 .inner p strong {font-size:15px;}
	.section09 .inner p {font-size:13px;}
	#footer img {width:250px;}
}

@media(max-width:280px) {
	.section01 .left h1 img, .section01 .d-flex .left h2 img, .section01 .left p img, .section01 .left p img, .section02 h1 img, .section07 h1.tit img, .section09 .box .right img {
		width:230px;
	}
}