@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/*main_slide*/
.main_slide{clear: both; height: 730px;}
.main_slide .slide{height: 730px;}
.main_slide .slide1{background: url('/images/main/main_slide1_bg.png') no-repeat center center; background-size: cover;}
.main_slide .slide2{background: url('/images/main/main_slide2_bg.png') no-repeat center center; background-size: cover;}
.main_slide .slide3{background: url('/images/main/main_slide3_bg.png') no-repeat center center; background-size: cover;}
.main_slide .slide.slick-active{}
.main_slide .slide .wrap{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 720px;}
.main_slide .slide .txt_area{width: 100%; text-align: center; color: #fff;}
.main_slide .slide .txt_area img{display: block; margin: 0 auto; margin-bottom: 25px;}
.main_slide .slide .txt_area .txt1{margin-bottom: 40px;}
.main_slide .slide .txt_area .txt1 b{display: block; font-size: 60px; font-weight: 900; letter-spacing: -0.1em;font-family:'Nanum Myeongjo', serif;}
.main_slide .slide .txt_area .txt2{font-size: 29px; color:#fff779; letter-spacing: -0.025em; line-height: 40px; margin-bottom: 40px;}
.main_slide .slide .go_btn{font-family:'NanumBarunGothic';display: block; width: 205px; height: 52px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 52px; text-align: center; color: white; font-size: 15px; font-weight: 900; letter-spacing: 0.1em; border: 1px solid white; border-radius: 3px; margin: 0 auto; -webkit-transition:all 0.2s; transition:all 0.2s;}
.main_slide .slide .go_btn span{margin-left: 30px; display: inline-block;}
.main_slide .slide .go_btn:hover{background: #fff; color: #000; -webkit-transition:all 0.2s; transition:all 0.2s;}

.slide_wrap{position: relative;}
.slide_wrap .slide_btn{width: 100%; position: absolute; left: 0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; height: 34px;}
.slide_wrap .slide_btn a{position: absolute;display: block; width: 20px; height: 34px;}
.slide_wrap .prev{left: 100px;}
.slide_wrap .prev{background: url('/images/main/main_slide_prev.png') no-repeat center center;}
.slide_wrap .next{right: 100px;}
.slide_wrap .next{background: url('/images/main/main_slide_next.png') no-repeat center center;}

.main_slide .slide .txt1, .main_slide .slide .txt2, .main_slide .slide .txt3{opacity: 0; position: relative; bottom: -10px;}

.main_slide .slide.slick-active .txt1{-webkit-animation: showin 0.5s;animation: showin 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}
.main_slide .slide.slick-active .txt2{-webkit-animation: showin 0.5s;animation: showin 0.5s; -webkit-animation-delay: 1s; animation-delay: 1s;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}
.main_slide .slide.slick-active .txt3{-webkit-animation: showin 0.5s;animation: showin 0.5s; -webkit-animation-delay: 1s; animation-delay: 1s;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}

@-webkit-keyframes showin {
  from {
    opacity:0;
    bottom: -10px;
  }

  to {
    opacity:1;
    bottom: 0;
  }
}

@keyframes showin {
  from {
    opacity:0;
    bottom: -10px;
  }

  to {
    opacity:1;
    bottom: 0;
  }
}
/*quick*/
.main_quick{overflow:hidden;width: 100%;max-width: 1200px;margin: 0 auto;}
.main_quick .inner_quick {-webkit-box-sizing: border-box;box-sizing: border-box;float:left;background:#444;max-width:33.3%;height:370px;padding:40px 50px;color:#fff;}
.main_quick .inner_quick .title{-webkit-box-sizing: border-box;box-sizing: border-box;}
.main_quick .inner_quick .title span{display: block; font-size: 12px; letter-spacing: 0.1em; margin-bottom: 3px; line-height: 1; font-family:'NanumBarunGothic';}
.main_quick .inner_quick .title strong{display: block; font-weight: bold; font-size: 30px;  font-family:'NanumBarunGothic'; font-weight: normal;margin-bottom: 20px;}
.main_quick .inner_quick .content{-webkit-box-sizing: border-box;box-sizing: border-box;}
.main_quick .inner_quick .content ul li{display: inline-block;margin-bottom:10px;}
.main_quick .inner_quick .content input.name{width: 120px; margin-right: 17px;}
.main_quick .inner_quick .content input, .quick .content select{display: inline-block;border: 0;}
.main_quick .inner_quick .content select{width: 70px;float: left;}
.main_quick .inner_quick .content li span{}
.main_quick .inner_quick .btn{display: inline-block; width: 120px; height: 40px; line-height: 40px; background: #ff6666;border-radius: 3px; text-align: center; font-size: 16px; letter-spacing: -0.05em; vertical-align: middle; cursor: pointer; font-family:'NanumBarunGothic';color:#fff;}
.main_quick .inner_quick p{margin-top: 13px;font-size: 16px; font-family:'NanumBarunGothic';}
.main_quick .inner_quick p a{color: #fff; font-family:'NanumBarunGothic'; padding-bottom: 0px; text-decoration:underline;}

.main_quick .inner_right {-webkit-box-sizing: border-box;box-sizing: border-box;float:left;width:66.6%;height:370px;padding:60px 0 0 50px;letter-spacing: -1.5px;}
.main_quick .inner_right .txt {width:50%;float:left;padding-top: 5px;}
.main_quick .inner_right .txt span {display: block; font-size:24px; margin-bottom: 7px; }
.main_quick .inner_right .txt strong {display: block; font-weight: bold; font-size: 33px; margin-bottom: 25px;}
.main_quick .inner_right .txt img {}
.main_quick .inner_right .txt .target_btn {-webkit-box-sizing: border-box;box-sizing: border-box;width:90%;overflow: hidden;padding:25px 0 25px 60px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background: url('/images/main/license_img.png') no-repeat center left;margin-top:35px;}
.main_quick .inner_right .txt .target_btn a {display:block;float:left;font-size:18px;color:#666;padding:0 18px;}
.main_quick .inner_right .txt .target_btn a:hover {color:#ff6666;-webkit-transition:all 0.2s; }
.main_quick .inner_right .txt .target_btn a:first-child {border-right:1px solid #ddd;}
.main_quick .inner_right .inner_license {overflow:hidden;float: left;width: 50%;}
.main_quick .inner_right .inner_license li {display:inline-block;padding:3%;width:100%;}
.main_quick .inner_right .inner_license li img {padding-top: 80px;}

.main_case {background:#f0f0f0;padding:60px 0;overflow: hidden;}
.main_case .main_case_list {overflow:hidden;margin-bottom:15px;}
.main_case .main_case_list li {-webkit-box-sizing: border-box;box-sizing: border-box;display: block; float: left; width: 23.5%; margin-right: 2%; height:160px;line-height:1.4;border: 1px solid #ccc; padding: 30px 25px;}
.main_case .main_case_list li:last-child {margin-right:0;}
.main_case .main_case_list li strong {display:block;font-size:20px;color:#444;margin-bottom:10px;}
.main_case .main_case_list li a {font-family:'NanumBarunGothic';color:#666;}
.main_case a.case_btn {display:block;background:#444;color:#fff;border-radius:3px;padding:12px 30px;float:right;}

/*main_con1*/
.main_con1{margin-top: 80px; }
.main_con1 .wrap{overflow: hidden; height: 100%; background: url('/images/main/con1_bg.png') no-repeat 200px bottom;}
.main_con1 .title{float: left; width: 530px;}
.main_con1 .title div{position: relative; margin-bottom: 30px;}
.main_con1 .title div::after{content: ""; display: block; width: 100%; max-width: 430px; height: 8px; background: #333333; margin-top: 20px; border-radius: 100px;}
.main_con1 .title div::before{content: ""; display: block; width: 60px;  height: 8px; background: #999999;  border-radius: 100px; position: absolute; bottom: 0; left: 0;}
.main_con1 .title div span{font-size: 24px; letter-spacing: -0.05em; color: #ff6666; display: block; margin-bottom: 5px;}
.main_con1 .title div strong{display: block; font-size: 48px; font-weight: bold; color: #222222; letter-spacing: -0.05em;}
.main_con1 .title p{font-size:18px; color: #666666; letter-spacing: -0.025em; line-height: 24px;}
.main_con1 .inner_wrap{ -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 530px;}
.main_con1 ul li{width: 33.33333%; float: left; margin-bottom: 46px;}
.main_con1 ul li a{display: block; width: 202px; height: 205px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #333333; font-size: 20px; font-weight: bold; letter-spacing: -0.05em;}
.main_con1 ul li a .img_area{text-align: center; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 9px;}
.main_con1 ul li:nth-of-type(1) a{background: url('/images/main/con1-1_bg.png') no-repeat center center;}
.main_con1 ul li:nth-of-type(2) a{background: url('/images/main/con1-2_bg.png') no-repeat center center;}
.main_con1 ul li:nth-of-type(3) a{background: url('/images/main/con1-3_bg.png') no-repeat center center;}
.main_con1 ul li:nth-of-type(4) a{background: url('/images/main/con1-4_bg.png') no-repeat center center;}
.main_con1 ul li:nth-of-type(5) a{background: url('/images/main/con1-5_bg.png') no-repeat center center;}
.main_con1 ul li:nth-of-type(6) a{background: url('/images/main/con1-6_bg.png') no-repeat center center;}
.main_con1 ul li:nth-of-type(1) a, .main_con1 ul li:nth-of-type(4) a{float: left;}
.main_con1 ul li:nth-of-type(3) a, .main_con1 ul li:nth-of-type(6) a{float: right;}

/*main_con2*/
.main_con2{background: #f0f2f6; padding: 80px 0;}
.main_con2 .title{float: left; font-size: 48px; font-weight: bold; letter-spacing: -0.05em; color: #222222;}
.main_con2 .content{-webkit-box-sizing: border-box;box-sizing: border-box; padding-left: 160px; position: relative;}
.main_con2 .content::before{content: ""; display: block; width: 8px; height: 100%; border-radius: 300px; background: #333333; position: absolute; left: 160px; top: 0;}
.main_con2 .content::after{content: ""; display: block; width: 8px; height: 60px; border-radius: 300px; background: #999999; position: absolute; left: 160px; top: 0;}
.main_con2 .content .inner{padding-left: 50px;}
.main_con2 .content p{font-size: 18px; color: #666666; line-height: 24px; letter-spacing: -0.025em; margin-bottom: 30px; font-family: "NanumBarunGothic";}
.main_con2 .content ul{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.main_con2 .content ul li{width: 31%; height: 216px;}
.main_con2 .content ul li a{display: block; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: white; font-size: 24px;  font-family: "NanumBarunGothic"; border-radius: 3px;}
.main_con2 .content ul li a:hover{text-decoration: underline;}
.main_con2 .content ul li:nth-of-type(1) a{background: url('/images/main/con3_img1.png') no-repeat center center; }
.main_con2 .content ul li:nth-of-type(2) a{background: url('/images/main/con3_img2.png') no-repeat center center; }
.main_con2 .content ul li:nth-of-type(3) a{background: url('/images/main/con3_img3.png') no-repeat center center; }

/*main_con3*/
.main_con3{padding: 60px 0;}
.main_con3 .wrap{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;;}
.main_con3 .recent_list{width: 48%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dddddd; padding: 40px 40px 30px;min-height: 340px;}
.main_con3 .recent_list .title{-webkit-box-sizing: border-box;box-sizing: border-box; padding-right: 40px; position: relative; margin-bottom: 25px;}
.main_con3 .recent_list .title b{display: block; font-size: 30px; font-weight: normal; color: #1b2436; line-height: 1; font-family: "NanumBarunGothic";}
.main_con3 .recent_list .title b::before{content: ""; display: block; width: 38px; height: 3px; background: #000000; margin-bottom: 18px;}
.main_con3 .recent_list .title .go_btn{display: block; width: 36px; height: 36px; background: url('/images/main/board_go.png') no-repeat center center; position: absolute; right: 0; top: 0;}
.main_con3 .recent_list  li{line-height: 32px;overflow: hidden;margin-bottom:5px;}
.main_con3 .recent_list  li a{color: #666666; font-size:18px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 11px; position: relative; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_con3 .recent_list  li a::before{content: ""; display: block; width: 4px; height: 4px; border-radius: 10px; background: #aaa; position: absolute; left: 0; top: 13px;}
.main_con3 .recent_list  li a:hover{color: #ff6666; text-decoration: underline;}
.main_con3 .recent_list .notice3 li a {width:70%;float:left;}
.main_con3 .recent_list .notice3 li .b_date01 {width: 25%;  float: right;}

/*반응형*/
@media all and (max-width:1200px) {
    .main_slide .slide .txt_area .txt1 b{font-size: 30px;}
    .main_slide .slide.slick-active .txt2{font-size: 17px; line-height: 24px;}

	.main_quick .inner_quick .content input[type='text'],.main_quick .inner_quick .content select {width:65px;}
	.main_quick .inner_quick .content input.quick_btn {width:100px;}
	.main_quick .inner_quick p {font-size: 14px;}

	.main_quick .inner_right .txt strong {font-size:26px;}
	.main_quick .inner_right .txt .target_btn {padding: 20px 0;margin-top: 30px;background:none;}
	.main_quick .inner_right .txt .target_btn a {font-size: 16px;}
	.main_quick .inner_quick, .main_quick .inner_right {height:340px;}


    .main_con1 .title{width: 430px;}
    .main_con1 .title div span{font-size: 17px;}
    .main_con1 .title div strong{font-size: 35px;}
    .main_con1 .title p{font-size: 15px;}
    .main_con1 .inner_wrap{padding-left: 500px;}
    .main_con1 ul li a{background-size: 150px !important; font-size: 16px; width: 150px; height: 160px;}

    .main_con2 .title{font-size: 35px;}
    .main_con2 .content{padding-left: 120px;}
    .main_con2 .content::before, .main_con2 .content::after{left: 140px;}
    .main_con2 .content p{font-size: 15px;}
    .main_con2 .content ul li a{font-size: 17px;}

    .main_con3 .recent_list{padding: 25px;}
    .main_con3 .recent_list .title b{font-size: 25px;}
    .main_con3 .recent_list .title b::before{margin-bottom: 15px;}
    .main_con3 .recent_list .title{margin-bottom: 20px;}
    .main_con3 .recent_list li a{font-size: 15px;}
}

@media all and (max-width:1024px) {
    .main_slide, .main_slide .slide{height: 400px;}
    .main_slide .slide .wrap{height: 360px}
    .main_slide .slide .txt_area img{width: 300px;}
    .main_slide .slide.slick-active .txt1{margin-bottom: 20px;}
    .main_slide .slide .txt_area .txt1 b{font-size: 25px;}
    .main_slide .slide.slick-active .txt2{margin-bottom: 20px;}
    .slide_wrap .next{right: 20px;}
    .slide_wrap .prev{left: 20px;}

	.main_quick .inner_quick, .main_quick .inner_right {max-width:50%;}
	.main_quick .inner_right .txt {width:100%;}
	.main_quick .inner_right .inner_license {display:none;}
	.main_quick .inner_quick .content input[type='text'], .main_quick .inner_quick .content select {width:90px;}

	.main_case .main_case_list li {height: 180px;}

    .main_con1 .title{width: 300px;}
    .main_con1 .wrap{background-size: 250px; background-position: 100px bottom}
    .main_con1 .inner_wrap{padding-left: 350px;}
    .main_con1 .inner_wrap ul{max-width: 500px; float: right;}
    .main_con1 .title p br{display: none;}
}

@media all and (max-width:900px) {
	.main_quick .inner_quick .content input[type='text'], .main_quick .inner_quick .content select {width:75px;}
	.main_case .main_case_list li:last-child {display:none;}
	.main_case .main_case_list li:nth-of-type(3) {margin-right: 0;}
	.main_case .main_case_list li {width:32%;}

    .main_con1 .wrap{background: none;}
    .main_con1 .title{float: none; width: 100%;}
    /* .main_con1 .title p br{display: block;} */
    .main_con1 .inner_wrap{float: none; padding: 0; margin-top: 30px;}
    .main_con1 .inner_wrap ul{width: 100%; max-width: 600px; float: none; margin: 0 auto;}
}

@media all and (max-width:768px) {
.main_slide .slide .go_btn{width: 180px; height: 40px; line-height: 40px;}

.main_quick .inner_quick, .main_quick .inner_right {max-width: 100%; width: 100%;}
.main_quick .inner_quick {height:240px;}
.main_quick .inner_quick .content ul li:last-child {margin-left:10px;}
.main_quick .inner_right .txt {width:50%;}
.main_quick .inner_right .inner_license {display: block;}
.main_quick .inner_right .txt strong {font-size: 24px;}
.main_quick .inner_quick, .main_quick .inner_right { padding: 40px 20px;}
.main_case .main_case_list li a {font-size: 15px;}

.main_con1 { margin-top: 40px;}
.main_con1 .title div::after{margin-top: 10px;}
.main_con1 .title div{margin-bottom: 20px;}

.main_con2{padding: 40px 0;}
.main_con2 .content .inner{margin-top: 10px; padding-top: 28px; padding-left: 0;}
.main_con2 .title{display: block; float: none; width: 100%;}
.main_con2 .content{padding-left: 0;}
.main_con2 .content::before, .main_con2 .content::after{left: 0;}
.main_con2 .content::before{width: 100%; height: 8px; max-width: 430px;}
.main_con2 .content::after{width: 60px; height: 8px;}
.main_con2 .content ul li{height: 160px;}

.main_con3{padding: 40px 0;}
.main_con3 .wrap{display: block;}
.main_con3 .recent_list{width: 100%; padding: 20px;min-height:0;}
.main_con3 .recent_list:first-of-type{margin-bottom: 20px;}
.main_con3 .recent_list .title b{font-size: 20px;}
.main_con3 .recent_list .title b::before{margin-bottom: 10px;}
.main_con3 .recent_list .title .go_btn {width: 20px; height: 20px;background-size: 20px; top: 7px;}
.main_con3 .recent_list li{line-height: 26px;}
.main_con3 .recent_list li a{font-size: 14px;}
.main_con3 .recent_list li a::before{top: 10px;}
}

@media all and (max-width:600px) {
    .main_slide .slide .wrap{max-width: 80%;}

	.main_quick .inner_right .txt {width: 100%; float: none;}
	.main_quick .inner_right {height: 290px;}
	.main_quick .inner_right .txt span {font-size: 20px;margin-bottom: 5px;}
	.main_quick .inner_right .txt strong {margin-bottom: 15px;}
	.main_quick .inner_right .txt .target_btn {padding: 20px 0 20px 50px; background: url(/images/main/license_img.png) no-repeat center left;margin-top: 20px;width: 100%;}
	.main_quick .inner_right .inner_license {display: none;}

    .main_con1 .inner_wrap ul{max-width: 400px;}
    .main_con1 ul li a{background-size: 120px !important; width: 120px; height: 130px;}
    .main_con1 ul li a .img_area img{max-width: 40px;}
    .main_con1 ul li a{font-size: 14px;}
    .main_con1 ul li{margin-bottom: 20px;}
    .main_con1{padding-bottom: 20px;}
}

@media all and (max-width:450px) {
    .main_slide .slide .txt_area img{width: 250px;}
    .main_slide .slide .txt_area .txt1 b{word-break: keep-all; font-size: 20px;}
    .main_slide .slide.slick-active .txt2{font-size: 14px; line-height: 20px;}
    .main_slide .slide.slick-active .txt2 .blank{display: block;}

	.main_quick .inner_quick {height: auto; text-align: center;padding: 25px 20px;}	
	.main_quick .inner_quick .content ul li:last-child {margin-left: 0; width: 100%;}
	.main_quick .inner_quick .content input.name {margin-right: 8px;}
	.main_quick .inner_quick .content input.quick_btn {width: 100%;}
	.main_quick .inner_quick p {margin-top: 0;}
	.main_quick .inner_quick .content input[type='text'], .main_quick .inner_quick .content select {width: 74px;height: 35px;}
	.main_quick .inner_quick .title strong {font-size: 24px;margin-bottom: 10px;}

	.main_case {padding: 40px 0;}
	.main_case .main_case_list li strong {font-size: 17px;margin-bottom: 5px;}
	.main_case .main_case_list li:nth-of-type(3) {display: none;}
	.main_case .main_case_list li:nth-of-type(2) {margin-right: 0;}
	.main_case .main_case_list li {width:49%; height: 180px;}
	.main_case a.case_btn {float: none; text-align: center;}
	.main_case .main_case_list li a {font-size: 14px;}

    .main_con1 .title div strong{font-size: 25px;}
    .main_con1 ul li a{background-size: 100px !important; width: 100px; height: 110px;}
    .main_con1 ul li a .img_area{height: 42px;}
    .main_con1 ul li a{font-size: 13px;}

    .main_con2 .title{font-size: 25px;}
    .main_con2 .content ul{display: block;}
    .main_con2 .content ul li{width: 100%; margin-bottom: 10px;}
    .main_con2 .content ul li:last-of-type{margin-bottom: 0;}
    .main_con2 .content ul li a{background-size: cover !important;}
}