/* slick-slider 필수 css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform: translate3d(0,0,0);}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

/*
font-family: 'Nanum Gothic', sans-serif;
font-family:'Noto Sans KR', 'Noto Sans Korean', dotum, sans-serif;
font-family: 'Kanit', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Titillium Web', sans-serif;
*/

#main {word-break: keep-all}
#mainVisual { position:relative;}
#mainVisual .visu {}
#mainVisual .visu article { height:920px; position:relative; overflow:hidden;}
#mainVisual .visu .bg { background-size:cover !important; height:100%;}
#mainVisual .visu .txt { position:absolute; top:48%;width:100%; z-index:10; text-align:left; padding:0 0px 0 15%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#fff; line-height:1.4; 
*text-shadow:2px 2px 4px rgba(0,0,0,0.75);
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}

#mainVisual .visu .txt dl {}
#mainVisual .visu .txt dl dt { font-size:22px;  line-height:1.2; letter-spacing:-0.06em; *font-family:'Noto Sans KR', 'Noto Sans Korean', dotum, sans-serif; font-weight:500;}
#mainVisual .visu .txt dl dd { font-size:50px; margin-top:20px;letter-spacing:-0.05em}
#mainVisual .visu .txt dl dd span{ font-weight:600; }
#mainVisual .visu01 .bg { background:url("/img/main/mainVisual03.jpg") no-repeat center top;}
#mainVisual .visu02 .bg { background:url("/img/main/mainVisual02.jpg") no-repeat center top;}
#mainVisual .visu03 .bg { background:url("/img/main/mainVisual01.jpg") no-repeat center top;}
#mainVisual .bg {
transform:scale(1.2);
-moz-transform:scale(1.2);
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
transition:all 1.2s;
-moz-transition:all 1.2s;
-webkit-transition:all 1.2s;
-o-transition:all 1.2s;
-ms-transition:all 1.2s;
}
#mainVisual .bg.on {
/* #mainVisual .slick-current .bg {  */
transform:scale(1);
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
}

#mainVisual .slick_dots { position:absolute; z-index:100; width:100%; text-align:center; bottom:70px; color:#fff; font-family: 'Kanit', sans-serif; font-size:20px;}
#mainVisual .slick_dots > div { display:inline-block; vertical-align:middle;}
#mainVisual .slick_dots .btns { margin:0 15px;}
#mainVisual .slick_dots .btns ul {}
#mainVisual .slick_dots .btns ul li { display:inline-block; vertical-align:text-top;  margin:0 2px; width:80px; height:auto;}
#mainVisual .slick_dots .btns ul li button { border:none; width:100%; height:3px; background:rgba(255,255,255,0.3); padding:0;}
#mainVisual .slick_dots .btns ul li.on button { background:#fff;}


@media screen and (max-width:1400px){
    #mainVisual .visu .txt { position:absolute; top:52%; padding:0 0px 0 3%;}
}

@media screen and (max-width:1200px){
	#mainVisual .visu article { height:780px;}
	#mainVisual .visu .txt dl dt { font-size:20px;}
	#mainVisual .visu .txt dl dd { font-size:40px;}
	#mainVisual .slick_dots { bottom:40px;}
}

@media screen and (max-width:960px){
    #mainVisual .visu article { height:580px;}
	#mainVisual .visu .txt dl dt { font-size:18px;	}
	#mainVisual .visu .txt dl dd { font-size:35px;}
	#mainContents .about_wrap .txt dl dt p { font-size:22px;}
}

@media screen and (max-width:767px){
    #mainVisual .visu .txt dl dt { font-size:15px; letter-spacing:0}
	#mainVisual .visu .txt dl dd { font-size:26px; letter-spacing:0}
	#mainVisual .slick_dots .btns ul li { width:80px;}
}

@media screen and (max-width:640px){
	#mainVisual .visu article { height:400px;}
	#mainVisual .visu .txt dl dt { font-size:14px;}
	#mainVisual .visu .txt dl dd { font-size:20px; margin-top:20px;}
}

/*
.tit_s1 { text-align:center; margin-bottom:60px;}
.tit_s1:before { content:""; width:1px; height:60px; background:#333; display:block; margin:0 auto 16px;}
.tit_s1 h2 { font-size:40px; color:#222; font-family: 'Titillium Web', sans-serif; font-weight:700;}
.tit_s1 h2 span { color:#c61821; }
.tit_s1 p { color:#888; font-size:16px; line-height:1.4; margin-top:15px;}
.tit_s1_w h2 { color:#fff;}
*/


/* m_tit */
.m_tit{width:100%; overflow:hidden}
.m_tit h4{font-size: 1.2rem; font-weight: 400; color: #005698; text-transform: uppercase; margin-bottom: 20px;}
.m_tit h3{color: #000; font-size: 2.5rem; font-weight: 400; line-height: 1.3em; letter-spacing: -0.01em; word-break: keep-all; font-family: 'DWImpactamin';}
.m_tit p{color: #666; font-size: 1.7rem; margin-top: 15px; font-weight: 300;}

@media all and (max-width:768px){
	.m_tit{}
	.m_tit h4{font-size: 1.2rem; margin-bottom: 12px;}
	.m_tit h3{font-size: 2.6rem; line-height: 1.4em; max-width: 83%; margin-left: auto; margin-right: auto;}
	.m_tit h3 br{display: none;}
	.m_tit p{font-size: 1.6rem;}
}
@media all and (max-width:480px){
	.m_tit h4{font-size: 0.8rem;}
	.m_tit h3{font-size: 2.0rem; max-width: 90%;}
}


#mainContents .busi_wrap {width:100%; padding:0px 0;  margin-top:6%} 
#mainContents .busi_wrap .biz {width:100%; margin:0 auto}
/* biz */
.biz{padding: 0px 0 60px; }
.biz .m_tit{text-align: center;}
.biz .biz_cont{display: flex; margin-top:4%}
.biz .biz_cont li{width: 25%; text-align: center; padding: 80px 40px 80px; border-right: 1px solid #eee; margin-top: 0px;}
.biz .biz_cont li:first-child{border-left: 0px solid #eee;}
.biz .biz_cont li .img{}
.biz .biz_cont li .img img{}
.biz .biz_cont li h3{font-size: 1.563rem; font-weight:600; color: #212121; line-height: 1.2em; margin-top: 40px; letter-spacing:-0.1em; margin-bottom: 25px; word-break: keep-all;}
.biz .biz_cont li p{font-size: 1.1rem; line-height: 1.6em; color: #5d5d5d; font-weight: 300;}
.biz .biz_cont .biz_btn3 a{display:inline-block; margin-top:14%; padding:0.6em 2em; font-size:14px !important; border:1px solid #ddd; color:#878787;  font-family: '맑은 고딕','Malgun Gothic';}
.biz .biz_cont .biz_btn3 a:hover {color:#ffffff !important; background:#18356d; border:1px solid #18356d; }
.biz .biz_cont li h3 br{display: none;}

@media all and (max-width:1400px){
	.biz .biz_cont li h3{font-size: 1.4rem;}
	.biz .biz_cont li h3 br{display: none;}
	.biz .biz_cont li p br{display: none;}
}
@media all and (max-width:1024px){
	.biz .biz_cont{flex-wrap: wrap; width:96%; margin:0 auto}
	.biz .biz_cont li{margin-top: 60px; padding-top: 40px; width: 50%; padding-bottom: 60px; padding-left: 40px; padding-right: 40px;}
	.biz .biz_cont li:nth-child(1){border-top: 1px solid #dedede; border-left: 1px solid #dedede; padding-top: 20px;}
	.biz .biz_cont li:nth-child(2){border-top: 1px solid #dedede; border-right: 1px solid #dedede; padding-top: 20px;}
	.biz .biz_cont li:nth-child(3){border-top: 1px solid #dedede; border-left: 1px solid #dedede;  border-bottom: 1px solid #dedede; margin-top: 0;}
	.biz .biz_cont li:nth-child(4){border-top: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede;margin-top: 0;}
	.biz .biz_cont li:nth-child(2),
	/*.biz .biz_cont li:nth-child(4){border-right: 0;}
	.biz .biz_cont li:nth-child(1){border-left: 0;}*/
	.biz .biz_cont li p{word-break: keep-all;}
}
@media all and (max-width:768px){
    #mainContents .busi_wrap {width:100%; padding:0px 0;  margin-top:4%} 
	.biz{padding: 6% 0 10%;}
	.biz .biz_cont li{padding-bottom: 40px; padding-left: 30px; padding-right: 30px; margin-top: 40px;}
	.biz .biz_cont li img{max-height: 60px;}
	.biz .biz_cont li h3{font-size: 1.6rem; margin-top: 25px; margin-bottom: 15px; line-height: 1.4em;}
	.biz .biz_cont li p{font-size: 1.0rem;}
}
@media all and (max-width:480px){
	.biz .biz_cont li{padding-bottom: 30px; padding-left: 20px; padding-right: 20px; margin-top: 30px;}
	.biz .biz_cont li h3{font-size: 1.2rem; font-weight: 500; margin-top: 20px; letter-spacing:-0.01em; }
	.biz .biz_cont .biz_btn3 a{display:inline-block; margin-top:4%; padding:0.6em 2em; font-size:13px !important;}
	.biz .biz_cont li h3 br{display: block;}
	.biz .biz_cont li p{display: none;}
}


#env_wrap { padding:4% 0; background:url("/img/main/env_backbg.png") no-repeat center 0; background-size:cover;}
#env_wrap .env_box {display:flex; justify-content:center; flex-wrap:wrap; align-items: center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#env_wrap .env_box > div {}
#env_wrap .img  {width:54%; padding-right:0%; }
#env_wrap .img img {width:100%; max-width:770px}
#env_wrap .cont {width:45%; color:#FFF}
#env_wrap .cont .em {font-size: 1rem; color:#fff; font-weight:400 !important; letter-spacing: 0.01em; }
#env_wrap .cont h3 {color: #fff; font-size: 2.6rem; margin-top: 12px;  font-weight: 400; line-height: 1.1em; letter-spacing: -0.01em; word-break: keep-all; font-family: 'DWImpactamin';}
#env_wrap .cont p {color: #fff; font-size: 1.2rem; margin-top: 40px; font-weight: 300; line-height: 1.5em;}
#env_wrap .cont  .more_s1 a{display:inline-block; background:#fff; margin-top:5%; padding:0.8em 2.2em; font-size:15px !important;  color:#555; }
#env_wrap .cont  .more_s1 a:hover {color:#fff !important; background:#18356d;}

@media all and (max-width:1600px){
	#env_wrap .cont {width:40%; padding-left:3%}
	#env_wrap .img {width:55%; padding-left:3%}
}

@media all and (max-width:1400px){
    #env_wrap { padding:4% 0; background:url("/img/main/env_backbg.png") no-repeat right 0; background-size:160%;}
	#env_wrap .cont {width:40%; padding-left:3%}
	#env_wrap .img {width:50%; padding-left:0%}
}

@media all and (max-width:1280px){    
	#env_wrap .cont {width:40%; padding-left:3%}
	#env_wrap .img {width:55%; padding-left:0%}
	#env_wrap .cont .eng {font-size: 0.9rem; }
    #env_wrap .cont h3 {font-size: 2.0rem; margin-top: 8px; }
    #env_wrap .cont p {font-size: 1.0rem; margin-top: 30px; }
	#env_wrap .cont  .more_s1 a{margin-top:3%; padding:0.6em 2.2em; font-size:13px !important; }
}

@media all and (max-width:1024px){
	#env_wrap .cont {width:45%; padding-left:3%}
	#env_wrap .img {width:50%; padding-left:0%}
}

@media all and (max-width:768px){
    #env_wrap { padding:4% 0; background:url("/img/main/env_backbg.png") no-repeat center 0; background-size:cover;}
	#env_wrap .cont {width:100%; padding:6% 5% 2%}
	#env_wrap .img {width:100%; padding-left:0%; text-align:center}
	#env_wrap .img img{width:60%;}
}

@media all and (max-width:480px){
    #env_wrap { padding:7% 0;}
	#env_wrap .cont em {display:none}
    #env_wrap .cont h3 {font-size: 1.8rem; margin-top: 8px; }
    #env_wrap .cont p {font-size: 1rem; margin-top: 20px; }
	#env_wrap .cont  .more_s1 a{margin-top:1%; padding:0.6em 2.2em; font-size:13px !important; }
	#env_wrap .img img{width:70%;}
}




.community {padding: 0; width:100%; max-width:1400px; margin:3% auto; padding-left:2%; overflow: hidden; font-family:'Noto Sans KR', sans-serif}
.community  div {display:inline-block; width:31%; margin:0 0%; padding:2.5% 2.5%; border:1px solid #dedede;}
.community  .com_tit{margin-right:2%;  vertical-align:middle;  letter-spacing:-0.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.community  .com_tit h4 {color: #000; font-size: 1.6rem; font-weight: 400; line-height: 1.3em;  margin-bottom:20px; letter-spacing: -0.01em; word-break: keep-all; font-family: 'DWImpactamin';}
.community  .com_tit h5 {font-size: 1.1rem; line-height:1.6em; color: #5e5e5e;}
.community  .com_tit h2 {color: #173a73; font-size: 2.4rem; font-weight: 500; line-height: 1.3em; padding-left:55px; letter-spacing: -0.01em; word-break: keep-all; font-family: 'Kanit', sans-serif;
                                 background: url("/img/main/icn_phone.png") no-repeat; margin-bottom:30px;}
/*.community  div  .com_tit p:before { content:""; width:20px; height:2px; background-color:rgba(0, 0, 0, 0.4); display:block; margin:24px auto;}*/
.community  .com_tit .com_btn a{display:inline-block; margin-top:14%; padding:0.6em 2em; font-size:14px !important; border:1px solid #ddd; color:#878787;  font-family: '맑은 고딕','Malgun Gothic';}
.community  .com_tit .com_btn a:hover {color:#ffffff !important; background:#18356d; border:1px solid #18356d; }


@media all and (max-width:1366px) {
    .community {width:95%; margin:3% auto; padding-left:2%; overflow: hidden;}
	.community  .com_tit h2 {color: #173a73; font-size: 1.8rem; font-weight: 500; line-height: 1.3em; padding-left:40px; margin-bottom:35px; background-size : 35px 35px }
	.community  .com_tit h5 {font-size: 1.0rem; line-height:1.6em; color: #5e5e5e;}
}

@media all and (max-width:1280px) {
    .community {width:95%; margin:3% auto; padding-left:2%; overflow: hidden;}
	.community  .com_tit h2 {color: #173a73; font-size: 1.8rem; font-weight: 500; line-height: 1.3em; padding-left:40px; margin-bottom:35px; background-size : 35px 35px }
	.community  .com_tit h5 {font-size: 0.9rem; line-height:1.6em; color: #5e5e5e;}
}

@media all and (max-width:1024px) {
    .community {width:96%; margin:7% auto 4%; padding-left:2%; overflow: hidden;}
	.community  .com_tit h2 {color: #173a73; font-size: 1.8rem; font-weight: 500; line-height: 1.3em; padding-left:40px; margin-bottom:10px; background-size : 33px 33px }
	.community  .com_tit h5 {font-size: 0.9rem; line-height:1.6em; color: #5e5e5e;}
	.community  .com_tit .com_btn a{display:inline-block; margin-top:7%; padding:0.6em 2em; font-size:13px !important; border:1px solid #ddd; color:#878787;  font-family: '맑은 고딕','Malgun Gothic';}
    .community  .com_tit h4 {color: #000; font-size: 1.5rem; margin-bottom:10px;}
    .community  div {display:inline-block; width:96%; margin:1% 0%; padding:4% 5%; border:1px solid #dedede;}
	.community  .com_tit .com_btn a{display:inline-block; margin-top:5%; padding:0.5em 1.5em; font-size:13px !important; border:1px solid #ddd; color:#878787;  font-family: '맑은 고딕','Malgun Gothic';}

}