@charset "utf-8";
/* max css var.1    date : 2018-08-27    name : design team koh won ji */

.swiper-container { position:relative; width:100%; height:100%;}
.swiper-wrapper{ position:relative; width:100%; height:100%;}
.swiper-slide {position:relative; height:100%; min-height:1000px;}

a.bt_part_more {display:block; border-radius:50px; color:#fff; width:77px; padding:8px 0; margin:5px 0 0 10px; text-align:center; font-size:13px;}

/* main video */
.background-video { width:100%; height:100%; position: relative; overflow: hidden; opacity:0.9;}
.stap_main {display:flex; justify-content:center; align-items:center; text-align:center; background:#000; position:relative; line-height:150%;}
.video_box {position:absolute; top:0; left:0; right:0; bottom:0; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; word-break:keep-all;}
.video_box .pic {width:472px; display:flex; justify-content:center; align-items:center; position:relative;margin-bottom: 30px;}
.video_box .pic span {display:block;}
.video_box .pic .line {width:120px; height:1px; background:#fff; position:absolute; top:17px;}
.video_box .pic .bk_lm {background:url("../image/main/main_txt.png") center no-repeat; background-size:100%; width:168px; height:32px; font-size:0;     position: absolute;
    left: 50%;
    transform: translateX(-50%);}
.video_box .pic .line.left {left:0;}
.video_box .pic .line.right {right:0;}
.video_box .tt1 {margin-top:60px; font-size:80px; font-weight:400; line-height:100%;}
.video_box p:last-child {margin-top:60px; font-size:36px; font-weight:300; line-height:140%; word-break:keep-all;}
.video_box p:last-child .info_book {font-size:16px; font-weight:500; }
/* pc slide */
.pc_slide {display:block; width:100%; height:100%; position:relative; overflow:hidden; flex-shrink: 0;}
.pc_slide li {width:100%; height:100%; background-size:cover; background-position:top center; position:absolute; top:0; left:0; font-size:0; transition:unset;}
.pc_slide li.m1 {background-image:url("../image/main/pc_slide1.jpg");}
/* mobile slide */
.m_slide {display:none; width:100%; height:100%; position:relative; overflow:hidden; opacity:0.9; flex-shrink: 0;}
.m_slide li {width:100%; height:100%; background-size:cover; background-position:center; position:absolute; top:0; left:0; font-size:0; transition:unset;}
.m_slide li.m1 {background-image:url("../image/main/m_slide1.jpg");}
@media screen and (max-width: 1440px) {
	.video_box .tt1 {font-size:70px; margin-top:4%;}
	.video_box p:last-child {font-size:28px; margin-top:4%;}
}
@media screen and (max-width: 1280px) {
	.video_box .tt1 {font-size:60px;}
	.video_box p:last-child {font-size:24px;}
}
@media screen and (max-width: 1024px) {
	.video_box {top:60px;}
	.video_box .tt1 {font-size:50px;}
	.video_box p:last-child {font-size:20px;}
}
@media screen and (max-width:800px) {
	.video_box .pic {width:280px;}
	.video_box .pic .line {width:70px;}
	.video_box .pic .line.left {top:14px;}
	.video_box .pic .line.right {top:14px;}
	.video_box .pic .bk_lm {width:120px;}
	.video_box .tt1 {font-size:40px; text-shadow:0 2px 5px rgba(0, 0, 0, 0.2);}
	.video_box p:last-child {font-weight:400; padding:0 60px; text-shadow:0 0 4px rgba(0, 0, 0, 0.5);}
	.pc_slide {display:none;}
	.m_slide {display:block;}
}
@media screen and (max-width: 414px) {
	.video_box .tt1 {font-size:26px;}
    .video_box p:last-child {font-size:18px;padding: 0 65px;}
    .video_box p:last-child .info_book{font-size: 12px;line-height: 1;}
}

/* text box : width */
	.tt_box {width:100%; height:100%; padding:0 50px; box-sizing:border-box; margin:0 auto; background:#fff; display:flex; justify-content:center; flex-direction:column; align-items:center;}
	.tt_box p {font-size:18px; color:#fff; line-height:150%;}
	.tt_box p .nb {display:block;}
	.tt_box .tt1 {position:relative; font-size:40px; line-height:130%; text-align:center;}
	.tt_box .bar {display:block; width:43%; height:1px; background:#2d2920; position:relative; margin:15px 0;}
	.tt_box .bar:after {content:''; width:7px; height:7px; border-radius:100%; background:#2d2920; position:absolute; bottom:-3px; right:0;}
	.tt_box .bt_alone {display:inline-block; min-width:180px; padding:0 2em; box-sizing:border-box; height:50px; line-height:50px; text-align:center; margin-top:30px; color:#FFF; border:1px solid rgba(255,255,255,.3); border-radius:25px; font-size:15px;}
	.tt_box .bt_alone:hover {background:#fff; border-color:#fff; color:#000;}
	@media screen and (max-width: 1280px) {
		.tt_box .bt_alone {margin-top:4%;}
	}
	@media screen and (max-width: 1024px) {
		.tt_box p {font-size:16px;padding: 0 10px;display: block;}
		.tt_box .tt1 {font-size:28px;}
	}
	@media screen and (max-width: 768px) {
		.tt_box .bt_alone {font-size:12px; height:40px; line-height:40px; margin-top:1em;}
		.tt_box .tt1 {font-size:24px;}
	}
	@media screen and (max-width: 414px) {
        .tt_box p {font-size:12px;padding: 0 15px;display: block;}
		.tt_box .tt1 {font-size:18px; font-weight:500;}
		.tt_box .tt1 span {display:block;}
	}


/* part1 */
	.tax_part1 {background:url("../image/main/bg_part1.jpg")50% 100% no-repeat; background-size:cover; line-height:150%; color:#fff; text-align:center;}
	.tax_part1 .tt_box {background:none;}
	.tax_part1 .tt_box .tt1 {margin-bottom:30px; opacity:1;}
	.tax_part1 .tt_box p {opacity:.7; margin:0; word-break:keep-all;}
	.tax_part1.maxparallax.on .fade_in {animation-duration: .2s; animation-timing-function: linear;}
	@media screen and (max-width: 1280px) {
		.tax_part1 .tt_box .tt1 {margin-bottom:4%;}
	}
	@media screen and (max-width: 414px) {
		.tax_part1 .tt_box .tt1 .nb {display:block;}
		.tax_part1 .tt_box p .nb {display:inline;}
	}

/* part2 */
	.tax_part2 {background:url("../image/main/bg_part2.jpg") 50% 100% no-repeat; background-size:cover; color:#FFF; text-align:center;}
	.tax_part2 .tt_box {background:none;}
	.tax_part2 .tt_box .tt1 {margin-bottom:30px; opacity:1;}
	.tax_part2 .tt_box p {opacity:.7;}
	.tax_part2 .tt_box ol {width:1200px; padding:3% 20px 0; box-sizing:border-box; border-radius:8px; color:#000; display:flex; flex-wrap:wrap; align-items:stretch;}
	.tax_part2 .tt_box ol li {display:inline-block; width:23%; padding:30px 10px; box-sizing:border-box; margin:1%; background:#fff; font-size:17px; font-weight:bold; line-height:130%; position:relative;}
	.tax_part2 .tt_box ol li:before {display:block; width:40px; height:40px; line-height:40px; color:#2463cc; font-size:14px; background:#fff; border-radius:100%; position:absolute; top:-20px; left:50%; transform:translateX(-50%);}
	.tax_part2 .tt_box ol li:nth-of-type(1):before {content:'01';}
	.tax_part2 .tt_box ol li:nth-of-type(2):before {content:'02';}
	.tax_part2 .tt_box ol li:nth-of-type(3):before {content:'03';}
	.tax_part2 .tt_box ol li:nth-of-type(4):before {content:'04';}
	.tax_part2 .tt_box ol li i {display:block; width:48px; height:48px; margin:0 auto 12px; background-position:50%; background-repeat:no-repeat; background-size:cover;}
	.tax_part2 .tt_box ol li:nth-of-type(1) i {background-image:url("../image/main/ico_part2_1.png");}
	.tax_part2 .tt_box ol li:nth-of-type(2) i {background-image:url("../image/main/ico_part2_2.png");}
	.tax_part2 .tt_box ol li:nth-of-type(3) i {background-image:url("../image/main/ico_part2_3.png");}
	.tax_part2 .tt_box ol li:nth-of-type(4) i {background-image:url("../image/main/ico_part2_4.png");}
	.tax_part2 .tt_box .nb {display:block;}
	.tax_part2.maxparallax.on .fade_in {animation-duration: .2s; animation-timing-function: linear;}
	.tax_part2 .tt_box .bt_alone {border:none; background:rgba(0,0,0,0.7); color:#fff;}
	.tax_part2 .tt_box .bt_alone:hover {background:#2462cb;}
	@media screen and (max-width: 1280px) {
		.tax_part2 .tt_box .tt1 {margin-bottom:2%;}
		.tax_part2 .tt_box ol {width:90vw; padding:3% 0 0;}
		.tax_part2 .tt_box ol li {font-size:15px;}
	}
	@media screen and (max-width: 1024px) {
		.tax_part2 .tt_box ol li {font-size:16px;}
	}
	@media screen and (max-width: 800px) {
		.tax_part2 {background-size:auto;}
		.tax_part2 .tt_box {padding:80px 0 100px;}
        .tax_part2 .tt_box p {padding: 0 60px;}
		.tax_part2 .tt_box ol {padding:6% 0 0%;}
		.tax_part2 .tt_box ol li {width:40%; padding:20px 0; margin:0 10px; font-size:14px;}
		.tax_part2 .tt_box ol li:nth-child(n+3) {margin-bottom:0;}
		.tax_part2 .tt_box ol li .nb {display:inline;}
		.tax_part2 .tt_box ol li:before {top:-16px; width:32px; height:32px; line-height:32px; font-size:12px;}
		.tax_part2 .tt_box ol li i {margin-bottom:6px; width:36px; height:36px;}
	}
	@media screen and (max-width: 414px) {
		.tax_part2 .tt_box {padding:60px 0;}
		.tax_part2 .tt_box ol li {width:46%; padding:20px 25px 15px; margin:0 2% 20px; font-size:12px;}
		.tax_part2 .tt_box ol li:before {top:-12px; width:24px; height:24px; line-height:24px; font-size:10px;}
		.tax_part2 .tt_box ol li i {width:30px; height:30px;}
	}

/* part3 */
	.tax_part3 {background:url("../image/main/bg_part5.jpg") 50% 100% no-repeat; background-size:cover; color:#FFF; text-align:center;}
	.tax_part3 .fade_in_right_long {width:100vw; height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.tax_part3 .tt_box {padding:60px 30px 0; background:none; display:flex; flex-direction:column; justify-content:center;}
	.tax_part3 .tt_box .tt1 {margin-bottom:30px;}
	.tax_part3 .tt_box p {color:#000; word-break:keep-all;}
	.tax_part3 .tt_box .tt1:before {background:#ccc;}
	.tax_part3 .tt_box ol {width:1200px; padding:3% 20px; margin:0 auto; box-sizing:border-box; overflow:hidden; display:flex; align-items:stretch;}
	.tax_part3 .tt_box ol li {float:left; width:23%; padding:0 1% 2%; box-sizing:border-box; margin:0 1%; border-radius:8px; background:#fff;
		-webkit-box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.2);
		box-shadow: 0px 15px 10px -5px rgba(0,0,0,0.2);
	}
	.tax_part3 .tt_box ol li p {font-size:16px; line-height:140%; color:#000; }
	.tax_part3 .tt_box ol li .nb {display:inline;}
	.tax_part3 .tt_box ol li i {content:''; display:inline-block; width:48px; height:48px; margin:30px 0 10px; background-position:50%; background-size:cover;}
	.tax_part3 .tt_box ol li:nth-of-type(1) i {background-image:url("../image/main/bg_part3_img1.png");}
	.tax_part3 .tt_box ol li:nth-of-type(2) i {background-image:url("../image/main/bg_part3_img2.png");}
	.tax_part3 .tt_box ol li:nth-of-type(3) i {background-image:url("../image/main/bg_part3_img3.png");}
	.tax_part3 .tt_box ol li:nth-of-type(4) i {background-image:url("../image/main/bg_part3_img4.png");}
	.tax_part3.maxparallax.on .fade_in {animation-duration: .2s; animation-timing-function: linear;}
	.tax_part3 .tt_box .bt_alone {border:none; background:rgba(0,0,0,.4); color:#fff;}
	.tax_part3 .tt_box .bt_alone:hover {background:rgba(0,0,0,.7);}
	@media screen and (max-width: 1280px) {
		.tax_part3 .tt_box .tt1 {margin-bottom:2%;}
		.tax_part3 .tt_box ol {width:90vw;}
	}
	@media screen and (max-width: 1024px) {
		.tax_part3 .tt_box ol {padding:0; margin-top:20px;}
		.tax_part3 .tt_box ol li p {font-size:15px;}
	}
	@media screen and (max-width: 800px) {
		.tax_part3 .tt_box {padding:60px 30px 100px;}
		.tax_part3 .tt_box ol {display:flex; flex-wrap:wrap; align-items:stretch;}
		.tax_part3 .tt_box ol li {width:24%; margin:0 .5%;}
		.tax_part3 .tt_box ol li:before {width:20px; height:20px;}
		.tax_part3 .tt_box ol li .nb {display:inline;}
		.tax_part3 .tt_box ol li i {width:36px; height:36px;}
		.tax_part3 .tt_box ol li p {font-size:14px;}
	}
	@media screen and (max-width: 414px) {
		.tax_part3 .tt_box {padding:60px 30px;}
		.tax_part3 .tt_box .tt1 {font-size:18px;}
		.tax_part3 .tt_box .tt1 span {display:inline;}
		.tax_part3 .tt_box ol {margin-top:1em;}
		.tax_part3 .tt_box ol li {width:48%; margin:0 1%; padding: 2% 3%}
		.tax_part3 .tt_box ol li:nth-child(n+3) {margin-top:2%;}
		.tax_part3 .tt_box ol li:before {width:20px; height:20px;}
		.tax_part3 .tt_box ol li i {width:30px; height:30px; margin:10px 0 4px;}
		.tax_part3 .tt_box p {padding:0 50px;}
		.tax_part3 .tt_box ol li p {font-size:11px; padding: 0 30px;}
	}


/* part4 */
	.tax_part4 {background:#15263a; background-position:bottom center; background-size:cover; background-repeat:no-repeat;}
	.tax_part4 .tt_box { position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; background:#15263a;}
	.tax_part4 .tt_box p {color:#ccc; font-weight:lighter; word-break:keep-all;}
	.tax_part4 .tt_box .tt1 {color:#FFF; margin-bottom:1em;}
	.tax_part4 .tt_box p .nb {display:block;}
	.tax_part4 .fade_in_right_long {width:100vw; height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.tax_part4 .tt_box ul {width:1200px; display:flex; justify-content:center; align-items:flex-start; margin-top:50px;}
	.tax_part4 .tt_box ul.free_lst{padding:1.5em 0; background:rgba(0,0,0,.2); border-radius:4px;}
	.tax_part4 .tt_box ul.free_lst li {width:20%; margin:0 20px; border-radius:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; line-height:140%; color:#FFF; background-position:50%;}
	.tax_part4 .tt_box ul.free_lst li:before {content:''; display:inline-block; width:24px; height:24px; margin-bottom:12px; background:url("../image/main/ico_part4_lst.png") 50% no-repeat; background-size:cover;}
	.tax_part4 .tt_box ul.free_lst li em {font-size:16px; font-weight:600; color:#2789ff;}
	.tax_part4 .tt_box .bt_alone {border:1px solid rgba(255,255,255,.2);}
	.tax_part4 .fade_in_left_long {width:100vw; height:20vh; display:flex; flex-direction:column; justify-content:center; align-items:center;}

	.tax_part4 .tt_box ul.partner_lst {margin-top:40px; justify-content:center;}
	.tax_part4 .tt_box ul.partner_lst li {color:#fff;}
	.tax_part4 .tt_box ul.partner_lst li * {vertical-align:middle;}
	.tax_part4 .tt_box ul.partner_lst li span {display:inline-block; border-right:1px solid #fff; padding-right:1em; margin-right:1em; color:#fff;}

	.tax_part4.maxparallax.on .fade_in {animation-duration:.2s; animation-timing-function:linear;}
	@media screen and (max-width: 1280px) {
		.tax_part4 .tt_box ul {width:90vw;}
	}
	@media screen and (max-width: 800px) {
		
		.tax_part4 .tt_box p.tt1 {margin-bottom:2%;}
		.tax_part4 .tt_box ul {width:90%; flex-wrap:wrap; justify-content:left; margin-top:1em;}
		.tax_part4 .tt_box ul.free_lst {padding:10px 0;}
		.tax_part4 .tt_box ul.free_lst li {width:48%; margin:4px 1%; flex-direction:row; justify-content:start; font-size:14px;}
		.tax_part4 .tt_box ul.free_lst li:before {width:20px; height:20px; margin:0 8px 0 0;}
		.tax_part4 .tt_box ul.partner_lst {margin-top:4%;}
	}
	@media screen and (max-width: 414px) {
		.tax_part4 .tt_box p {font-size:12px;padding: 0 55px;display: block;}
		.tax_part4 .tt_box p.tt1 {font-size:18px}
		.tax_part4 .tt_box p .nb {display:inline;}
		.tax_part4 .tt_box ul {flex-wrap:wrap; margin-top:1em;}
		.tax_part4 .tt_box ul.partner_lst {margin-top:20px;}
		.tax_part4 .tt_box ul.free_lst li {width:90%; margin:4px 10px; flex-direction:row; justify-content:start; font-size:12px;}
		.tax_part4 .tt_box ul.free_lst li:before {width:16px; height:16px; margin:0 8px 0 0;}
		.tax_part4 .tt_box ul.free_lst li em {font-size:13px; margin-left:6px;}
		.tax_part4 .tt_box ul.partner_lst li span {font-size:13px; margin:0;}
		.tax_part4 .tt_box ul.partner_lst li img {height:36px; width:auto;}
	}

/* part5 */
	.tax_part5 {background:url("../image/main/bg_part5_.jpg") 50% 100% no-repeat; background-size:cover; color:#FFF; text-align:center;}
	.tax_part5 .fade_in_right_long {width:100vw; height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.tax_part5 .tt_box {padding-top:60px; background:none; display:flex; flex-direction:column; justify-content:center;}
	.tax_part5 .tt_box p {word-break:keep-all;}
	.tax_part5 .tt_box .tt1 {margin-bottom:30px;}
	.tax_part5 .tt_box p strong {display:block; font-size:1.5em; font-weight:300; line-height:130%;}
	.tax_part5.maxparallax.on .fade_in {animation-duration: .2s; animation-timing-function: linear;}
	.tax_part5 .tt_box .bt_alone {border:none; background:rgba(0,0,0,.3); color:#fff;}
	.tax_part5 .tt_box .bt_alone:hover { background:rgba(0,0,0,.6); color:#fff;}

	.tax_part5 .tt_box ul.partner_lst {margin-top:40px; justify-content:center;}
	.tax_part5 .tt_box ul.partner_lst li {color:#fff;}
	.tax_part5 .tt_box ul.partner_lst li * {vertical-align:middle;}
	.tax_part5 .tt_box ul.partner_lst li span {display:inline-block; border-right:1px solid #fff; padding-right:1em; margin-right:1em; color:#fff;}
	@media screen and (max-width: 1200px) {
		.tax_part5 .tt_box ol {width:100%;}
	}
	@media screen and (max-width: 1024px) {
		.tax_part5 .tt_box ol {margin-top:20px;}
	}
	@media screen and (max-width: 800px) {
		.tax_part5 .tt_box ol {width:90%; margin-top:10px;}
		.tax_part5 .tt_box ol li {width:46%; height:180px; margin:2%;}
		.tax_part5 .tt_box ol li:before {width:20px; height:20px;}
		.tax_part5 .tt_box ol li i {width:60px; height:60px; margin:20px 0 0;}
		.tax_part5 .tt_box ol li .nb {display:inline-block;}
		.tax_part5 .tt_box ul.partner_lst {margin-top:4%;}
	}
	@media screen and (max-width: 414px) {
		.tax_part5 .tt_box .tt1 {font-size:20px;}
		.tax_part5 .tt_box p strong {font-size:18px;}
		.tax_part5 .tt_box ol {margin-top:1em;}
		.tax_part5 .tt_box ol li {width:46%; height:120px; font-size:12px;}
		.tax_part5 .tt_box ol li:before {width:20px; height:20px;}
		.tax_part5 .tt_box ol li i {width:30px; height:30px; margin:10px 0 4px;}
		.tax_part5 .tt_box ul.partner_lst li span {font-size:13px; margin:0;}
		.tax_part5 .tt_box ul.partner_lst li img {height:36px; width:auto;}
	}