@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');

#idxA { width: 100%; height: 560px; text-align: center; }
.idxA_slide { width: 100%; height: 560px; }
.idxA1, .idxA2, .idxA3 { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 70%; }
.idxA1 { background-image: url(/img/index/idxA1.jpg); }
.idxA2 { background-image: url(/img/index/idxA2.jpg); }
.idxA3 { background-image: url(/img/index/idxA3.jpg); }
#idxA p { font-size: 32px; color: #fff; }
#idxA p.p1 { margin: 183.5px 0 20px 0; font-weight: 100; }
#idxA p.p2 { margin-bottom: 50px; font-weight: 600; }
#idxA a.idxA_bt { display: inline-block; padding: 15px 40px 15px 20px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 2px; background: url(/img/index/idxA_bt.png) no-repeat 88% 50%; font-size: 17px; color: #fff; }

#idxB { width: 92%; min-width: 1000px; max-width: 1400px; margin: 80px auto; text-align: center; font-size: 0; }
#idxB > strong { position: relative; display: inline-block; margin-bottom: 60px; padding-bottom: 25px; font-size: 36px; }
#idxB > strong::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 40px; height: 3px; margin-left: -20px; background: #000; }
#idxB > div > div { display: inline-block; width: 30%; margin-left: 5%; vertical-align: top; text-align: center; }
#idxB > div > div:first-child { margin-left: 0; }
#idxB > div > div > img { display: block; width: 100%; border-radius: 10px; }
#idxB > div > div > strong { display: block; margin: 40px auto 20px auto; font-size: 30px; font-weight: 600; }
#idxB > div > div > p { font-size: 16px; line-height: 160%; letter-spacing: -0.5px; word-break: keep-all; }
#idxB > div > div > a { display: block; width: 120px; margin: 20px auto 0 auto; padding: 12px 0; border: 1px solid #ddd; font-size: 16px; }
#idxC { padding: 50px 0; background: #f5f5f5; text-align: center; font-size: 0; }
#idxC a { position: relative; display: inline-block; width: 20%; max-width: 280px; padding-top: 90px; background-repeat: no-repeat; background-position: 50% 0; font-size: 22px; font-weight: 600; }
#idxC a::before { content: ""; position: absolute; top: 5px; left: 0; width: 1px; height: 60px; background: #c4c4c4; }
#idxC a:nth-child(1) { background-image: url(/img/index/idxC1.png); }
#idxC a:nth-child(1)::before { display: none; }
#idxC a:nth-child(2) { background-image: url(/img/index/idxC2.png); }
#idxC a:nth-child(3) { background-image: url(/img/index/idxC3.png); }
#idxC a:nth-child(4) { background-image: url(/img/index/idxC4.png); }
#idxC a:nth-child(5) { background-image: url(/img/index/idxC5.png); }
#idxD { position: relative; width: 100%; min-width: 1000px; max-width: 1400px; margin: 0 auto 80px auto; padding: 50px 0 50px 100px; box-sizing: border-box; background: #e6f1f8 url(/img/index/idxD_img.png) no-repeat 90% 100%; background-size: 313px; text-align: left; }
#idxD strong { display: block; margin-bottom: 16px; font-size: 32px; font-weight: 800; letter-spacing: -1px; }
#idxD .bt a { display: inline-block; margin-left: 5px; padding: 14px 20px; border: 1px solid #42445d; border-radius: 7px; font-size: 20px; font-weight: 600; letter-spacing: -0.5px; }
#idxD .bt a:first-child { margin-left: 0; }
#idxD a.tel { background: #173f54; color: #fff; }
#idxD a.tel span { font-family: 'Nanum Myeongjo', serif; font-style: italic; }



.company_wrap { width: 100%; margin: 0 auto; padding: 50px 0; border-bottom: 1px solid #555; background: #333; text-align: center; font-size: 0; }
.company_wrap > div { display: inline-block; width: 33%; max-width: 460px; }
.company_wrap strong {
	display: block;
	margin-bottom: 20px;
	font-size: 22px;
	color: #fff;
}
.company_wrap ul li {
    line-height: 160%;
    letter-spacing: -0.5px;
    font-size: 17px;
    color: #999;
	letter-spacing: -0.5px;
}

@media all and (max-width: 1280px) {
    #idxD { padding-left: 50px; }
}

@media all and (max-width: 800px) {
    #idxA { height: 250px; }
    .idxA_slide { height: 250px; }
    #idxA p { font-size: 1.8rem; }
    #idxA p.p1 { margin: 76px 0 5px 0; }
    #idxA p.p2 { width: 80%; margin: 0 auto 20px auto; word-break: keep-all; }
    #idxA a.idxA_bt { padding: 8px 20px; background: none; font-size: 1.4rem; font-weight: 600; }
    #idxA .bx-wrapper .bx-pager { display: none; }
    #idxB { width: auto; min-width: auto; margin: 40px 0; padding: 0 2rem; }
    #idxB > strong { display: none; }
    #idxB > strong::after { left: 0; margin-left: 0; width: 100%; }
    #idxB > div > div { display: block; width: 100%; margin: 40px 0 0 0; }
    #idxB > div > div:first-child { margin-top: 0; }
	#idxB > div > div > img { width: 100%; margin: 0 auto 20px auto; }
	#idxB > div > div > strong { margin: 0 auto 5px auto; font-size: 2.2rem; font-weight: 800; }
    #idxB > div > div > p { font-size: 1.4rem; }
    #idxB > div > div > a { display: inline-block; width: auto; margin-top: 10px; padding: 8px 20px; border: 0; background: #173f54; font-size: 1.4rem; color: #fff; }
    #idxC { padding: 20px 0; }
    #idxC a { width: 24%; padding-top: 50px; background-size: 48px; font-size: 1.4rem; letter-spacing: -0.5px; }
    #idxC a::before { display: none; }
    #idxC a:first-child { display: none; }
	#idxD { width: 100%; min-width: auto; max-width: auto; margin-bottom: 0; text-align: center; }
	#idxD { padding: 30px 0; background: #e6f1f8 ;}
	#idxD strong { margin: 0 auto 10px auto; font-size: 2.2rem; font-weight: 800; }
	#idxD .bt a { display: block; width: 50%; margin: 5px auto 0 auto; padding: 8px 20px; font-size: 1.4rem; }
	#idxD .bt a:first-child { margin: 0 auto; }
	.company_wrap { display: none; }
}