@charset "utf-8";

/*  폰트 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');

*{ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
/* 초기화 값 */
*,
*:after,
*:before {	margin: 0;	padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:keep-all; word-break:break-word; -webkit-text-size-adjust:none; }
body{font-family:'Noto Sans KR', '맑은 고딕', 'Dotum', sans-serif;font-size:16px;color:#676767;font-weight:400; text-align:center; padding:0px;margin:0px;letter-spacing:-0.05em; word-break:keep-all;}
html, body {width:100%;height:100%;}
header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption { display:block; }
table { font-size:inherit; border-collapse:separate /*collapse*/; border-spacing:0; table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all;font-weight:normal }
fieldset, iframe { border:0; vertical-align:top; }
small { font-size:12px; color:#666; }
img { border:0; font-size:0; vertical-align:top; }
address,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
li, dd { list-style:none; word-break:keep-all; word-break:break-word; }
hr { display:none; }
caption { overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; }
legend {  overflow:hidden; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; line-height:0; white-space:nowrap; color:#000; }
button { padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; font-size:12px; appearance: none; moz-appearance: none; border:0; *overflow:visible; outline:none;}
a {text-decoration:none; color:#676767}
br {font-family:none}
.transition {
	-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	   -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	     -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	        transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width:768px){
	br.mo_br {display:none;}
}

/* header */
#header {width:100%; height:100px; position:fixed; background:#fff; color:#444;z-index:333;}
#header > div {max-width:1200px; height:100%; margin:0 auto; overflow:hidden; position:relative;}
#header .logo {float:left; margin:30px 0 0 20px; display:block;width:173px;height:37px;background: url('../images/logo.png') no-repeat center center;transition:all 0.4s; -webkit-transition: all 0.4s; -moz-transition:all 0.4s;-o-transition:all 0.4s;}
#header .logo a {display: block; width: 173px; font-size: 0; height: 37px;margin: 0 auto;}

#header.scroll {width:100%; height:80px; top:0; left:0; background:#ed0c46; box-shadow:5px 0px 15px rgba(0,0,0,0.3)}
#header.scroll .logo {margin:20px 0 0 20px;background: url('../images/logo_scroll.png') no-repeat center center;transition:all 0.4s; -webkit-transition: all 0.4s; -moz-transition:all 0.4s;-o-transition:all 0.4s;}
#header.scroll #gnb ul li {padding-top: 15px;transition:all 0.4s; -webkit-transition: all 0.4s; -moz-transition:all 0.4s;-o-transition:all 0.4s;}
#header.scroll #gnb ul li a {color:#fff;transition:all 0.4s; -webkit-transition: all 0.4s; -moz-transition:all 0.4s;-o-transition:all 0.4s;}
#header.scroll #gnb ul li a.active {color:#f9e000}

#gnb {float:right; margin-right:20px;}
#gnb ul {overflow:hidden;}
#gnb ul li {float:left;padding-top: 25px;transition:all 0.4s; -webkit-transition: all 0.4s; -moz-transition:all 0.4s;-o-transition:all 0.4s;}
#gnb ul li a {font-size:18px; line-height:48px; color:#444; letter-spacing:-0.05em; margin:0 20px;font-weight:700;transition:all 0.4s; -webkit-transition: all 0.4s; -moz-transition:all 0.4s;-o-transition:all 0.4s;}
#gnb ul li a.active {color:#fa4b60}
#gnb .menu_close {position:absolute; right:-40px; top:0; cursor:pointer}

.menu_open {display:none; position:absolute; left:20px; top:27px; cursor:pointer;}

@media screen and (max-width:1200px){
	#header > div {width:100%}
}

@media screen and (max-width:1024px){
	#header.mobile {width:100%; height:70px; top:0; left:0; margin-left:0;}
	#header.mobile .logo {width:100%; text-align:center; margin:15px 0 0}
	#header.mobile > div > a {width:70px; line-height:70px; position:absolute; right:0; top:0;}
	
	#header.mobile #gnb {width:240px; height:100%; position:fixed; top:0; left:-280px; background:#fff; z-index:999}
	#header.mobile #gnb ul li {float:none; width:100%;padding:0;}
	#header.mobile #gnb ul li a {display:block; width:100%; font-size:16px; line-height:55px; text-align:left;border-bottom:1px solid #ddd; margin:0; padding: 0 15px 0 40px; box-sizing:border-box;}
	#header.mobile #gnb ul li:last-child a {padding-top:15px;border-bottom:0;}
	
	#header.scroll #gnb ul li a {color:#444;}
	#header.scroll #gnb ul li a.active {color:#fa4b60;}
	

	#header.mobile .menu_open {display:block;}
}

@media screen and (max-width:768px){
	#header.mobile {height:60px;box-shadow: 2px 0px 5px rgba(0,0,0,0.1);}
	#header.mobile .logo {margin-top:12px;}
	#header.mobile .logo img {height:30px;}
	#header.mobile > div > a {width:60px; line-height:60px; font-size:14px;}

	#header.mobile #gnb ul li a {font-size:14px; line-height:50px;}
	#header.mobile .menu_open {top:25px}
	#header.mobile .menu_open img {width:20px;}
}



/* tit_box 공통 */
.tit_box {margin-bottom:50px;}
.tit_box h2 {font-size:42px;font-weight:400; color:#222;line-height: 1.4;}
/*.tit_box h2:before {content:""; display:block; width:110px; height:2px; background:#fcb12b; margin:0 auto 40px;}*/
.tit_box p {margin-top:20px;font-size:18px;word-break : keep-all;word-wrap : break-word;}
.tit_box strong {font-size:18px;color:#fa4b60;letter-spacing:0.05em;line-height: 40px;}

@media screen and (max-width:1200px){
	
}
@media screen and (max-width:1024px){
	.tit_box {padding:0 4%;}
	.tit_box h2 {font-size:32px;word-break : keep-all;word-wrap : break-word;}
}
@media screen and (max-width:768px){
	.tit_box {margin-bottom:40px;}
	.tit_box h2 {font-size:30px;}
	.tit_box p {font-size:16px;word-break : keep-all;word-wrap : break-word;}
}
@media screen and (max-width:450px){
	.tit_box {margin-bottom:30px;}
	.tit_box h2 {font-size:24px;}
	.tit_box p {font-size:14px;}
	.tit_box strong {font-size:16px;letter-spacing: 0em;}
}

/* sequence-theme */
.sequence-content {color:#fff;}
.sequence-content strong {font-size:46px;font-weight: 400; letter-spacing: -0.1em;}
.sequence-content p {font-size:18px;margin:40px 0 50px;}
.sequence-content .sequence-btn {display:block; width:260px;height:50px; margin:0 auto;background:#ffce00; border-radius:25px;text-align:center; font-size:20px;color:#222;font-weight:400; line-height:50px; }
.sequence-content .sequence-btn:hover, .sequence-content .sequence-btn:active {background:0;color:#ffce00;border:1px solid #ffce00; transition:all 0.4s; -webkit-transition: all 0.4s; -moz-transition:all 0.4s;-o-transition:all 0.4s;}
@media screen and (max-width:768px){
	.sequence-content .sequence-btn {width: 180px; font-size: 18px; font-weight: 700; line-height: 46px;}
}

/* section1 */
#section1 {width: 100%; max-width: 1200px; margin:0 auto;padding:100px 0;}
#section1 .cont1 ul {width:100%;overflow: hidden;}
#section1 .cont1 ul li {overflow: hidden;display:block;float:left; width:270px; height:350px; margin-right:40px; border:1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; transition:all 0.3s; -webkit-transition: all 0.3s; -moz-transition:all 0.3s;-o-transition:all 0.3s;}
#section1 .cont1 ul li:last-child {margin-right:0;}
#section1 .cont1 ul li:nth-of-type(1) div {background: url('../images/section1_1.png') no-repeat center top;background-size: cover;}
#section1 .cont1 ul li:nth-of-type(2) div {background: url('../images/section1_2.png') no-repeat center top;background-size: cover;}
#section1 .cont1 ul li:nth-of-type(3) div {background: url('../images/section1_3.png') no-repeat center top;background-size: cover;}
#section1 .cont1 ul li:nth-of-type(4) div {background: url('../images/section1_4.png') no-repeat center top;background-size: cover;}
/*#section1 .cont1 ul li:hover {border:3px solid #222;-webkit-box-sizing: border-box; box-sizing: border-box; transition:all 0.3s; -webkit-transition: all 0.3s; -moz-transition:all 0.3s;-o-transition:all 0.3s;}*/
#section1 .cont1 ul li h3 {font-size:18px; font-weight:700; margin:20px 0 15px;}
#section1 .cont1 ul li p {font-size:16px; line-height:22px;color:#666;word-break : keep-all;word-wrap : break-word;}
#section1 .cont1 ul li div {height:200px;}
/*#section1 .cont1 ul li div:hover {transform:scale3d(1.02, 1.02, 1)}*/

#section1 .cont2 {margin-top:50px;}
#section1 .cont2 > ul {width:100%; overflow:hidden;}
#section1 .cont2 > ul > li {float:left; display:block; height:240px; padding:40px 0;color:#fa4b60;-webkit-box-sizing: border-box; box-sizing:border-box; }
#section1 .cont2 > ul > li:nth-of-type(2) {width:13%;}
#section1 .cont2 > ul > li:nth-of-type(3) {width:77%;}
#section1 .cont2 > ul > li p {text-align:left;background: url('../images/team.png') no-repeat right center;word-break : keep-all;word-wrap : break-word;}
#section1 .cont2 > ul > li:first-child {width:5%;border:5px solid #ed0c46;border-right:0;}
#section1 .cont2 > ul > li:last-child {width:5%;border:5px solid #ed0c46;border-left:0;}

@media screen and (max-width:1218px){
	#section1 .cont1 {padding:0 1%;}
	#section1 .cont1 ul li {width: 24.5%; margin: 0.25%;}

	#section1 .cont1 ul li p {font-size:15px;}
	#section1 .cont2 {padding:0 2%;}
	#section1 .cont2 > ul > li p {background:0;padding-left: 10px;}	
}
@media screen and (max-width:1024px){
	#section1 .cont1 ul li {width:49.5%; margin: 0.25%;}
	#section1 .cont1 ul li p {font-size:16px;padding: 0 10px;}

	#section1 .cont2 > ul > li {}
}
@media screen and (max-width:850px){
}
@media screen and (max-width:768px){
	#section1 {padding:60px 0;}	
}
@media screen and (max-width:450px){
	#section1 .cont1 ul li {width:100%;height: auto; padding-bottom: 20px;border:0;}
	#section1 .cont1 ul li div {height:150px;background-position: center !important;}
	#section1 .cont1 ul li h3 {margin: 15px 0 10px;}
	#section1 .cont1 ul li p {font-size: 14px; padding: 0 20px;}
	#section1 .cont2 > ul > li {padding:20px 0;height: 280px;}
	#section1 .cont2 > ul > li p {font-size:14px;}
	#section1 .cont2 > ul > li:nth-of-type(2) {width: 50%; position: absolute;left: 30px; text-align: left;}
	#section1 .cont2 > ul > li:nth-of-type(3) {width:90%;padding-top: 65px;}
}

/* section2 */
#section2 {width: 100%;background:#e8e9e9; padding:100px 0;}
#section2 .tit_box p span {background:#fa4b60;color:#fff;}
#section2 .cont1 > ul {width:100%;max-width:1200px; margin:0 auto;overflow:hidden;}
#section2 .cont1 > ul > li {float:left; display:block;width:20%; border-bottom:1px solid #ccc;border-right:1px solid #ddd;-webkit-box-sizing: border-box; box-sizing:border-box; }
#section2 .cont1 > ul > li:nth-child(5n+5) {border-right:0;}
#section2 .cont1 > ul > li:nth-child(10) ~ li {border-bottom:0;}
/*#section2 .cont1 > ul > li:hover {-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }*/
#section2 .cont1 > ul > li div {height:240px;padding-top: 45px;}
#section2 .cont1 > ul > li div span {display:block;width:90px;height:90px;margin:0 auto 25px;padding-top:30px;border-radius:45px;background:#fff;}
#section2 .cont1 > ul > li div span i {font-size:30px;color:#ed0c46;}
#section2 .cont1 > ul > li div h3 {font-weight:400;}
#section2 .cont1  .service_over {display:none;}

#section2_1 {padding:150px 30px;word-break : keep-all;word-wrap : break-word;font-size:20px;color:#fff;background: url('../images/section2.png') no-repeat center center;background-size: cover; background-attachment: fixed;}
#section2_1 p {margin-bottom:30px;word-break : keep-all;word-wrap : break-word;}
#section2_1 a {display: block; width: 260px; height: 50px; margin: 0 auto; border:1px solid #ffce00;background: #ffce00; border-radius: 25px; text-align: center; font-size: 20px; color: #222; font-weight: 400; line-height: 50px;transition:all 0.3s; -webkit-transition: all 0.3s; -moz-transition:all 0.3s;-o-transition:all 0.3s;}
#section2_1 a:hover {border:1px solid #ffce00;background:0;color:#ffce00;}
#section2_1 > ul {width: 55%; margin: 0 auto 30px;}
#section2_1 > ul > li {display: inline-block; width: 32%; text-align: left;font-size: 16px;}
#section2_1 > ul > li:before {content: ""; background: #fff; display: block; position: relative; float: left; width: 3px; height: 1px; top: 13px; margin-right: 8px;}

@media screen and (max-width:1200px){
	#section2 .cont1 > ul {width:100%;padding:0 1%;}
}

@media screen and (max-width:1024px){
	#section2 .cont1 > ul > li div h3 {font-size:17px;}
	#section2_1 > ul {width: 75%; }
}

@media screen and (max-width:768px){
	#section2 {padding:60px 0;}
	#section2 .cont1 > ul > li {width:33.333%;border-bottom: 1px solid #ccc; border-right: 1px solid #ddd;}
	#section2 .cont1 > ul > li:nth-child(5n+5) {border-right: 1px solid #ddd;}
	#section2 .cont1 > ul > li:nth-child(10) ~ li {border-bottom: 1px solid #ccc;}
	#section2 .cont1 > ul > li:nth-child(3n+3) {border-right: 0;}
	#section2 .cont1 > ul > li:nth-child(12) ~ li {border-bottom: 0;}
	#section2_1 > ul {width: 90%; }
	#section2_1 > ul > li {width: 48%;}
	#section2_1 > ul > li:last-child {display:none;}
}
@media screen and (max-width:450px){
	#section2 .tit_box p span {background: 0; color: #fa4b60;}
	#section2 .cont1 > ul > li {border:0 !important;}
	#section2 .cont1 > ul > li div {height: auto; padding: 0 0 30px 0;}
	#section2 .cont1 > ul > li div h3 {font-size:14px;}
	#section2 .cont1 > ul > li div span {margin-bottom:15px;}
	#section2_1 {padding:100px 30px;}
	#section2_1 p {font-size: 16px;}
	#section2_1 a {width: 180px; font-size: 16px; font-weight: 700; line-height: 46px;}
	#section2_1 > ul {width: 94%; }
	#section2_1 > ul > li {font-size:14px;}
}
@media screen and (max-width:370px){
	#section2_1 > ul {width: 60%; }
	#section2_1 > ul > li {width: 100%;}
	#section2_1 > ul > li:last-child {display:inline-block;}
}

/* section3 */
#section3 {width: 100%; max-width: 1200px; margin:0 auto; padding:90px 0;}
#section3 .tit_box {margin-bottom:70px;}
#section3 .tit_box i {font-size:44px;color:#222;margin-bottom:25px;}
#section3 .tit_box h2 {color:#444;}

#section3 .cont1 {overflow: hidden;}
#section3 .cont1 > div {width:50%;float:left;margin:0 auto;background: url('../images/why.png') no-repeat center top;}
#section3 .cont1 > div ul {width:320px;margin:160px auto 0;padding:0 20px;border-right:2px solid #ed0c46;}
#section3 .cont1 > div ul li {font-size:24px;text-align:right;color:#222;}
#section3 .cont1 > p {display: block; float: left;text-align:left;}

#section3 .cont2 {margin-top:60px;}
#section3 .cont2 > ul {width:100%; overflow:hidden;}
#section3 .cont2 > ul > li {float:left; width:33%; height:270px; margin-right:0.5%;margin-bottom:5px;transition:all 0.3s; -webkit-transition: all 0.3s; -moz-transition:all 0.3s;-o-transition:all 0.3s;}
#section3 .cont2 > ul > li:hover {opacity:0.8;transform:scale3d(1.02, 1.02, 1);} 
#section3 .cont2 > ul > li:nth-child(3n+3) {margin-right:0;}
/* 이미지 클릭 시 보이는 화면 */
.gallery_list li {background-repeat:no-repeat; background-position:center top; background-size:cover; cursor:pointer}

.gallery_view {display:none; width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; z-index:999}

.gallery_view .toolbar {width:100%; position:absolute; top:0; left:0; overflow:hidden; z-index:20}
.gallery_view .toolbar > div {float:right; font-size:18px; line-height:50px; color:#999; cursor:pointer; margin:0 10px;}
.gallery_view .toolbar .close:before {content:"\f00d"; font-family:'FontAwesome'}
.gallery_view .toolbar .zoom-in:before {content:"\f00e"; font-family:'FontAwesome'}
.gallery_view .toolbar .zoom-out:before {content:"\f010"; font-family:'FontAwesome'}
.gallery_view .toolbar .actual-size:before {content:"\f24d"; font-family:'FontAwesome'}
.gallery_view .toolbar .counter {float:left; cursor:auto}

.gallery_view .img_slide {width:100%; height:100%; position:relative; z-index:10}
.gallery_view .img_slide > div {width:100%; height:100%; position:absolute; top:0; left:0; display:table; opacity:0; transition:transform 0.3s; -webkit-transition:transform 0.3s;}
.gallery_view .img_slide > div p {display:table-cell; vertical-align:middle; text-align:center;}
.gallery_view .img_slide > div p a {display:block;}
.gallery_view .img_slide > div.active {opacity:1}
.gallery_view .img_slide > div img {transition:transform 0.3s; -webkit-transition:transform 0.3s; max-width:80%; max-height:80%}

.gallery_view .actions {position:absolute; top:49%; left:0; width:100%; font-size:18px; color:#999; z-index:20;}
.gallery_view .actions li:hover {color:#fff; cursor:pointer}
.gallery_view .actions .prev {float:left; margin-left:20px}
.gallery_view .actions .prev:before {content:"\f060"; font-family:'FontAwesome';}
.gallery_view .actions .next {float:right; margin-right:20px;}
.gallery_view .actions .next:before {content:"\f061"; font-family:'FontAwesome';}

@media screen and (max-width:768px){
	.gallery_view .toolbar .counter {font-size:13px;}
}

@media screen and (max-width:1200px){
	#section3 .tit_box {margin-bottom: 40px;}
	#section3 .cont1 > div {width:100%;}
	#section3 .cont1 > p {width:100%;text-align:center;padding:30px 3% 0;word-break : keep-all;word-wrap : break-word;}
	#section3 .cont1 > div ul {width: 360px;border-right:0;border-left: 2px solid #ed0c46;}
	#section3 .cont1 > div ul li {text-align:left;}
}

@media screen and (max-width:768px){
	#section3 {padding:60px 0;}
	#section3 .cont2 > ul > li {width:49.5%;}
}
@media screen and (max-width:450px){
	#section3 {padding:40px 0;}
	#section3 .tit_box {margin-bottom: 20px;}
	#section3 .tit_box i {margin-bottom: 15px;}
	#section3 .cont1 > div {background-size: 70%;}
	#section3 .cont1 > div ul {width:85%;margin: 100px auto 0;padding-left: 15px;}
	#section3 .cont1 > div ul li {font-size:20px;}
	#section3 .cont1 > p {font-size:13px;padding: 25px 7% 0;text-align: justify;}
	#section3 .cont2 {margin-top: 30px;}
	#section3 .cont2 > ul > li {height:150px;}
}

/* section4 */
#section4 {width:100%; background:#363434; padding:120px 0;color:#fff;}
#section4 .tit_box {margin-bottom:70px;}
#section4 .tit_box h2 {color:#fff;}
#section4 .tit_box p {color:rgba(255,255,255,0.7);}

#section4 .cont1 {width:100%;max-width:1200px; margin:0 auto;}
#section4 .cont1 > ul {width:100%; overflow:hidden;margin-bottom:60px;}
#section4 .cont1 > ul > li {float:left; width:30%; height:420px; margin-right:5%;border:1px solid #ed0c46;-webkit-box-sizing: border-box; box-sizing:border-box; transition:all 0.3s; -webkit-transition: all 0.3s; -moz-transition:all 0.3s;-o-transition:all 0.3s;}
#section4 .cont1 > ul > li:hover, #section4 .cont1 > ul > li.active {background:#ed0c46;border:1px solid #ed0c46;cursor:pointer;}
#section4 .cont1 > ul > li:hover p, #section4 .cont1 > ul > li.active p {color:#fff;}

#section4 .cont1 > ul > li:last-child {margin-right:0;}
/*#section4 .cont1 > ul > li:nth-child(3n+3) {margin-right:0}*/
#section4 .cont1 > ul > li h3 {margin:70px 0 20px;font-size:30px;font-weight:400;}
#section4 .cont1 > ul > li strong {font-size:30px;font-weight:400;}
#section4 .cont1 > ul > li strong span {font-size:80px;color:#ffce00;font-weight:700;}
#section4 .cont1 > ul > li strong i {font-size:50px;color:#ffce00;font-weight:400;font-style: normal;}
#section4 .cont1 > ul > li p {color:rgba(255,255,255,0.7);margin-top: 25px;word-break : keep-all;word-wrap : break-word;}

@media screen and (max-width:1200px){
	#section4 .cont1 {width:100%;padding:0 1%;}
}

@media screen and (max-width:1024px){
	#section4 .cont1 > ul > li {width: 33%; height: 380px;margin-right: 0.5%;}
	#section4 .cont1 > ul > li h3 {font-size: 26px;}
	#section4 .cont1 > ul > li strong {font-size: 26px;}
	#section4 .cont1 > ul > li strong span {font-size: 64px;}
	#section4 .cont1 > ul > li strong i {font-size:40px;}
	#section4 .cont1 > ul > li p {font-size: 14px;}
}

@media screen and (max-width:768px){
	#section4 {padding:80px 0;}
	#section4 .tit_box {margin-bottom: 40px;}
	#section4 .cont1 > ul > li {width:100%;height: 300px;padding: 0 30px;margin: 0 0 7px 0;}
	#section4 .cont1 > ul > li h3 {font-size: 30px;margin:40px 0 0;}
	#section4 .cont1 > ul > li strong {font-size: 30px;}
	#section4 .cont1 > ul > li strong span {font-size: 70px;}
	#section4 .cont1 > ul > li strong i {font-size:46px;}
	#section4 .cont1 > ul > li p {font-size: 16px;margin-top:0;}
}
@media screen and (max-width:450px){
	#section4 {padding: 60px 0;}
	#section4 .tit_box {margin-bottom: 20px;}
	#section4 .cont1 > ul {margin-bottom: 0;}
	#section4 .cont1 > ul > li {height: auto; padding: 30px;margin: 0 0 5px 0;}
	#section4 .cont1 > ul > li h3 {font-size: 24px; margin: 0;}
	#section4 .cont1 > ul > li strong {font-size: 24px;}
	#section4 .cont1 > ul > li strong span {font-size: 56px; letter-spacing: 0.05em;}
	#section4 .cont1 > ul > li strong i {font-size:36px;}
	#section4 .cont1 > ul > li p {font-size: 14px;}
	#section4 .cont1 > p {font-size: 14px; padding: 20px 20px 0 20px; word-break : keep-all;word-wrap : break-word;}
}

/* section5 */
#section5 {width:100%;max-width:800px;margin:0 auto;padding:100px 0;-webkit-box-sizing: border-box; box-sizing:border-box; }
#section5 .tit_box {width:100%;max-width: 780px;margin:0 auto 44px;padding-bottom:60px;border-bottom:3px solid #666;padding-left:330px;background: url('../images/contact.png') no-repeat left top;text-align:left;}
#section5 .tit_box strong {font-size:22px;}
#section5 .tit_box strong span {color:#444;}
#section5 .tit_box h2 {font-size:56px;letter-spacing: -0.1em;}
#section5 .tit_box p {font-size:16px;}

#section5 .cont1 ul {overflow:hidden;}
#section5 .cont1 ul li {width:50%;float:left;padding:10px;}
#section5 .cont1 ul li.full_size{width:100%;}
#section5 .cont1 ul li label {display:block;text-align:left;margin-bottom: 5px;}
#section5 .cont1 ul li label.require:after {content:"*"; color:#ed0c46;}
#section5 .cont1 ul li label span {font-size:0;text-indent:-9999px;}
#section5 .cont1 ul li input, #section5 .cont1 ul li textarea  {width:100%;padding:12px 8px;font-family:'Noto Sans KR', '맑은 고딕', 'Dotum', sans-serif;font-size:18px;background:#f3f3f3;border-radius:3px;border:0;}
#section5 .cont1 ul li input[type="checkbox"] {width:auto;}
#section5 .cont1 ul li .contactForm_agree2 {text-align:left;}
#section5 .cont1 ul li .contactForm_agree2 label{display:inline;}
#section5 .cont1 ul li a.agree {color:#fa4b60;}
#section5 .cont1 ul li input[type="submit"] { width: 260px; height: 50px; padding:0;background: #ed0c46; border:0;border-radius: 25px; text-align: center; font-size: 20px; color: #fff; font-weight: 400;cursor:pointer;letter-spacing: -0.075em;line-height:50px;}
#section5 .cont1 ul li textarea.agree_text {font-size: 14px; background: 0; border: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px;}

@media screen and (max-width:800px){
	#section5 {padding: 60px 1%;}
	#section5 .tit_box {padding: 0 0 30px 310px;margin-bottom: 20px;}
	#section5 .tit_box strong {font-size: 18px;}
	#section5 .tit_box h2 {font-size: 46px;}
	#section5 .tit_box p {font-size:15px;margin-top:15px;}
}
@media screen and (max-width:450px){
	#section5 {padding: 40px 3%;}
	#section5 .tit_box {background:0;padding: 0 0 20px 0;text-align: center;}
	#section5 .tit_box strong {font-size: 16px;}
	#section5 .tit_box h2 {font-size: 36px; line-height: 1;}
	#section5 .tit_box p {font-size:13px;}
	#section5 .cont1 ul li {padding:1%;}
	#section5 .cont1 ul li label {font-size: 14px;}
	#section5 .cont1 ul li input, #section5 .cont1 ul li textarea {padding:8px 5px;}
	#section5 .cont1 ul li textarea {height:150px;}
	#contactForm .contactForm_agree2 {padding:0;}
	#section5 .cont1 ul li input[type="submit"] {width: 180px; font-size: 16px; font-weight: 700; line-height: 46px;}
}

/* footer */
#footer {width:100%; text-align:center; background:#333;color:#aaa;text-align:left;}
#footer > ul {width:100%;max-width:1200px;margin:0 auto;padding:60px 30px;overflow: hidden;}
#footer > ul > li {width:25%;padding-left:30px;border-left:1px solid #666;}
#footer > ul > li:first-child {width:50%;border:0;padding:0;}

#footer ul li {display:inline-block;float: left;-webkit-box-sizing: border-box; box-sizing:border-box; }
#footer ul li strong {letter-spacing: 0.1em; color: #ddd; font-size: 18px;}
#footer ul li p {font-size:14px;}

#footer .address {width:100%;}
#footer .address li {margin-right:20px;}
#footer .tnc li {display:block;width: 100%;}
#footer .tnc li a {color:#aaa;transition:all 0.3s; -webkit-transition: all 0.3s; -moz-transition:all 0.3s;-o-transition:all 0.3s;}
#footer .tnc li a:hover {color:#fff;text-decoration:underline;}

#footer > p {display:block;padding:20px 0;background:#111;text-align:center;font-size: 14px; color: #ddd;letter-spacing: 0em;}

@media screen and (max-width:1200px){
	#footer > ul {width:100%;}
}

@media screen and (max-width:1024px){
	#footer > ul > li {width: 50%;margin-top: 30px;}
	#footer > ul > li:first-child {width:100%;margin-top: 0;}

}
@media screen and (max-width:450px){
	#footer > ul {padding:30px 15px;font-size: 13px;}
	#footer > ul > li {padding-left: 10px;}
	#footer ul li p {font-size: 12px; word-break: keep-all; word-wrap: break-word;}
	#footer > p {font-size: 12px;}
	#footer ul li strong {letter-spacing: 0.05em;}
}


.bBG {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:99; display:none;}