@charset "utf-8";

#visual-section{position:relative;}
#visual-section .owl-carousel{width:100%;}
#visual-section .owl-carousel .item{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;}
#visual-section .owl-carousel .item:before{-webkit-backface-visibility:hidden;}
#visual-section .owl-carousel .item .container{height:100%; position:relative; min-height:inherit;}
#visual-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:650px; position:relative !important; overflow:hidden !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block;}
#visual-section .stretchy_wrapper > * {width:100%; height:100%; top:0; bottom:0; left:0; right:0; display:block; position: absolute !important;}
#visual-section .owl-carousel .owl-dots{width:100%; height:10px; bottom:40px; z-index:10000; text-align:center; position:absolute; display:none;}
#visual-section .owl-carousel .owl-dots .owl-dot{height:10px; margin:0 2px; display:inline-block; z-index:1000; position:relative;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:15px; height:15px; border-radius:30px; border:2px solid #fff; display:block; vertical-align:bottom;}
#visual-section .owl-carousel .owl-dots .active span{background:#fff;}
#visual-section .owl-carousel .owl-nav{display:none;}

#visual-section .visual-area{width:100%; top:140px; z-index:100; position:absolute;}
#visual-section .visual-area .visual-in-box{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#visual-section .visual-area .visual-in-box:after{clear:both; content:""; display:block;}
#visual-section .visual-area .vi-left{width:60%; height:510px; padding-top:80px; padding-right:20px; position:relative; float:left;}
#visual-section .visual-area .vi-right{width:40%; position:relative; float:left;}
#visual-section .visual-area .vi-right a{width:100%; height:100%; z-index:9999; display:block; position:absolute;}

#visual-section .visual-area .vtxt1{margin-bottom:20px; font-weight:400; font-size:25px; line-height:41px; color:#fff;}
#visual-section .visual-area .vtxt2{margin-bottom:40px; font-weight:300; font-size:35px; line-height:100%; color:#fff;}
#visual-section .visual-area .vtxt2 strong{font-family:'scoredreamBold'; font-size:40px;}
#visual-section .visual-area .vtxt2 strong:nth-child(1){color:#fffc00;}
#visual-section .visual-area .vtxt2 strong:nth-child(2){color:#ffbb19;}
#visual-section .visual-area .vtxt3{margin-bottom:5px; margin-right:-80px; padding:15px 30px; font-family:"scoredreamBold"; font-size:35px; line-height:41px; color:#fff; border-radius:50px; background:#1b1e87;}
#visual-section .visual-area .vtxt3 span{padding-left:10px; font-family:"scoredream"; font-size:20px; line-height:100%; color:#fff;}
#visual-section .visual-area .vimg{bottom:0; right:20px; position:absolute;}

@media screen and (max-width:1080px){
	#visual-section .visual-area .vi-left{padding-top:0; padding-right:20px; position:relative; float:left;}
	#visual-section .visual-area .vtxt1{margin-bottom:15px; font-weight:400; font-size:22px; line-height:41px; color:#fff;}
	#visual-section .visual-area .vtxt2 strong{font-size:35px;}
	#visual-section .visual-area .vtxt2{margin-bottom:20px; font-weight:300; font-size:30px; line-height:160%; color:#fff;}
	#visual-section .visual-area .vtxt3{margin-bottom:5px; margin-right:-80px; padding:15px 30px; font-family:"scoredreamBold"; font-size:30px; line-height:100%; color:#fff; border-radius:50px; background:#1b1e87;}
	#visual-section .visual-area .vtxt3 img{width:30px; vertical-align:top;}
}

@media screen and (max-width:950px){
	#visual-section .visual-area .vi-left{width:50%;}
	#visual-section .visual-area .vi-right{width:50%;}
	#visual-section .visual-area .vimg img{width:350px;}
}

@media screen and (max-width:820px){
	#visual-section .stretchy_wrapper{padding-bottom:810px;}
	#visual-section .visual-area .vi-left{width:100%; height:auto; padding-right:0; float:none;}
	#visual-section .visual-area .vi-right{width:100%; padding-left:0; float:none;}
	#visual-section .visual-area .vimg img{width:250px;}
}

@media screen and (max-width:700px){
	#visual-section .visual-area .vtxt1{margin-bottom:10px; font-size:18px; line-height:100%;}
	#visual-section .visual-area .vtxt2{margin-bottom:10px; font-size:25px;}
	#visual-section .visual-area .vtxt2 strong{font-size:30px;}
	#visual-section .visual-area .vtxt3{margin-right:0; padding:12px 25px; font-size:25px;}
	#visual-section .visual-area .vtxt3 span{padding-top:10px; padding-left:40px; font-size:16px; display:block;}
}

@media screen and (max-width:600px){
	#visual-section .visual-area .vtxt2{padding-right:180px;}
}

@media screen and (max-width:500px){
	#visual-section .visual-area{top:100px;}
	#visual-section .visual-area .vtxt3{margin-bottom:60px; padding:10px 25px;}
	#visual-section .visual-area .vtxt3 span{display:none;}
	#visual-section .visual-area .vtxt3 img{width:25px; vertical-align:bottom;}
	#visual-section .visual-area .vtxt2{padding-right:120px;}
	#visual-section .visual-area .vimg{right:0; bottom:-60px;}
	#visual-section .visual-area .vimg img{width:200px;}
}

.vi-right .request-box{}
.vi-right .request-box h2{padding:20px 15px 20px 35px; font-weight:600; font-size:25px; line-height:100%; color:#ffe900; border-radius:15px 15px 0 0; background:#381e1f;}
.vi-right .request-box .request-ibox{height:310px; border-radius:0 0 15px 15px; background:#fff; position:relative;}
.vi-right .request-box .request-ibox .in-box{width:100%; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); padding:0 20px; position:absolute;}
.vi-right .request-box .request-ibox table{width:100%;}
.vi-right .request-box .request-ibox table th{padding:5px 0; font-weight:500; font-size:18px;}
.vi-right .request-box .request-ibox table td{padding:5px; font-size:16px; position:relative;}
.vi-right .request-box .request-ibox table input{width:100%; height:45px; padding:0 10px; font-size:14px; border:1px solid #d7d7d7;}
.vi-right .request-box .request-ibox .price-info{margin-top:15px; padding:0 5px; font-family:'scoredreamBold'; font-size:16px; text-align:right;}
.vi-right .request-box .request-ibox .price-info input{width:100%; max-width:80px; height:25px; text-align:right; border:0; border-bottom:1px solid #ddd;}
.vi-right .selectric-wrapper{width:100%; display:inline-block;}
.vi-right .selectric-wrapper .selectric-items{}
.vi-right .selectric{background:#fff; text-align:left;}
.vi-right .selectric .label {width:100%; height:45px; margin:0; margin-right:0; margin-left:2px; font-weight:400; font-size:13px; text-align:left; line-height:45px; color:#888888;}
.vi-right .selectric .button {width:20px; height:45px; background:#fff;}
.vi-right .selectric-items li{text-align:left;}
.vi-right .selectric-items .selectric-scroll li{position: relative;}
.vi-right .selectric-items .selectric-scroll li em{position: absolute; top: 10px; right: 20px; font-style:normal;}
.vi-right .selectric-ws1{width:100% !important;}
.vi-right .request-box button{width:100%; height:65px; margin-top:10px; font-weight:300; font-size:20px; color:#fff; border:1px solid #ff0000;; border-radius:15px !important; background:#ff4545;}
.vi-right .searchPlaceBox{width:calc(100% - 10px); height:240px; top:47px; left:5px; z-index:99999; border:1px solid #444; background:#fff; position:absolute; display:none;}
.vi-right .searchPlaceBox .place-list{height:200px; padding:5px 10px; border-bottom:1px solid #ddd; overflow-y:scroll;}
.vi-right .searchPlaceBox .place-list ul{}
.vi-right .searchPlaceBox .place-list ul li{padding:8px 0; border-bottom:1px dashed #d7d7d7;}
.vi-right .searchPlaceBox .place-list ul li h5{height:20px; margin:0; padding:0 8px; font-family:'dotum' !important; font-weight:bold; font-size:12px; line-height:20px; color:#fff; border-radius:15px; background:#ff4545; display:inline-block;}
.vi-right .searchPlaceBox .place-list ul li span{font-family:'dotum'; font-size:11px; color:#444; display:inline-block;}
.vi-right .searchPlaceBox .place-list ul li span.jibun{margin-left:0; color:#999;}
.vi-right .searchPlaceBox .place-list ul li span.jibun em{height:18px; padding:0 5px; font-size:11px; line-height:18px; color:#fff; border-radius:30px; background:#999; display:inline-block;}
.vi-right .searchPlaceBox .paging{padding-top:7px; text-align:center;}
.vi-right .searchPlaceBox .paging a{margin:0 3px; padding:5px 8px; font-size:12px; line-height:100%; border:1px solid #ddd; display:inline-block;}
.vi-right .searchPlaceBox .paging a.on{color:#fff; border:1px solid #ff4545; background:#ff4545;}
.vi-right #wr_4,
.vi-right #wr_10{padding-right:25px; background-image:url("../img/search_icon.png"); background-repeat:no-repeat; background-position:right 10px center; background-size:20px;}
.vi-right .post-layer{position:relative;}
.vi-right .sel-box{}
.vi-right .sel-box:after{clear:both; content:""; display:block;}
.vi-right .sel-box .sel-ibox{width:50%; float:left;}
.vi-right .sel-box .sel-ibox:first-child{padding-right:2px;}
.vi-right .sel-box .sel-ibox:last-child{padding-left:2px;}

@media screen and (max-width:680px){
	#visual-section .stretchy_wrapper{padding-bottom:700px;}
	.vi-right .request-box h2{padding:15px 0 15px 25px; font-size:20px;}
	.vi-right .request-box .request-ibox{height:250px;}
	.vi-right .request-box button{height:45px; font-size:18px;}
}

@media screen and (max-width:600px){
	#visual-section .stretchy_wrapper{padding-bottom:720px;}
}

@media screen and (max-width:500px){
	.vi-right .request-box h2{padding:12px 0 12px 25px; font-size:18px;}
	.vi-right .request-box .request-ibox{height:250px;}
	.vi-right .request-box button{height:45px; font-size:18px;}
}

#mapp-section{padding:10px 0; background:#1c0e3d url("../img/app_bg.jpg?v1") no-repeat right top;}
#mapp-section .app-area{width:100%; max-width:600px; margin:0 auto; padding:0 10px;}
#mapp-section .app-area:after{clear:both; content:""; display:block;}
#mapp-section .app-area .left-box{width:35%; font-weight:500; font-size:18px; color:#fff; float:left;}
#mapp-section .app-area .left-box img{width:150px; vertical-align:middle;}
#mapp-section .app-area .right-box{width:65%; padding:18px 0 0 20px; float:right; position:relative;}
#mapp-section .app-area .right-box #app_phone{width:100%; height:35px; padding:0 90px 0 5px; color:#777; border:1px solid #ddd;}
#mapp-section .app-area .right-box input[type=submit]{width:85px; height:35px; top:18px; right:0; color:#fff; border:0; background:#5a5ff1; position:absolute;}
#mapp-section .app-area .right-box span{margin-top:6px; font-size:13px; color:#fff; display:block;}
#mapp-section .app-area .right-box span a{margin-left:10px; padding:0 8px; font-size:12px; line-height:20px; background:#fff; display:inline-block;}

@media screen and (max-width:590px){
	#mapp-section .app-area .left-box{width:100%; text-align:center; float:none;}
	#mapp-section .app-area .right-box{width:100%; margin-top:15px; padding-left:0; float:none;}
}

.main-title-box{}
.main-title-box h2{font-weight:300; font-size:35px; line-height:100%; text-align:center;}
.main-title-box h3{margin-top:10px; padding:0 20px; font-weight:300; font-size:18px; line-height:100%; text-align:center; color:rgba(0,0,0,.6);}

@media screen and (max-width:980px){
	.main-title-box h2{font-size:32px;}
	.main-title-box h3{font-size:17px;}
}

@media screen and (max-width:880px){
	.main-title-box h2{font-size:28px;}
	.main-title-box h3{font-size:16px;}
}

@media screen and (max-width:780px){
	.main-title-box h2{font-size:24px;}
	.main-title-box h3{font-size:16px;}
}

@media screen and (max-width:680px){
	.main-title-box h2{font-size:22px;}
	.main-title-box h3{font-size:15px; line-height:140%;}
}

.cont-area{width:100%; max-width:1200px; margin:0 auto; position:relative;}


#inquiry-wrap{padding:45px 10px; background:url("../img/inquiry_bg.gif?v1") no-repeat center center; background-size:cover;}
#inquiry-section{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#inquiry-section .inquiry-area{position:relative;}
#inquiry-section .inquiry-area:after{clear:both; content:""; display:block;}
#inquiry-section .inquiry-area .cs-zone{}

#inquiry-section .inquiry-area .cs-title{margin-bottom:10px; position:relative;}
#inquiry-section .inquiry-area .cs-title:after{clear:both; content:""; display:block;}
#inquiry-section .inquiry-area .cs-title h2{padding-top:13px; font-size:18px; display:inline-block; position:relative;}
#inquiry-section .inquiry-area .cs-title h2:after{width:60px; height:2px; top:0; left:0; background:#1d2088; content:""; display:block; position:absolute;}
#inquiry-section .inquiry-area .cs-title a{top:10px; right:0; position:absolute;}

#inquiry-section .inquiry-area .cs-zone .cs-box1{width:35%; float:left;}
#inquiry-section .inquiry-area .cs-zone .cs-box1,
#inquiry-section .inquiry-area .cs-zone .cs-box2,
#inquiry-section .inquiry-area .cs-zone .cs-box3{padding:25px; background:#fff;}
#inquiry-section .inquiry-area .cs-zone .cs-box1 .txt1{margin-top:15px; margin-bottom:5px; font-size:20px; color:#000; vertical-align:middle;}
#inquiry-section .inquiry-area .cs-zone .cs-box1 .txt1 span{width:127px; height:30px; margin-right:10px; font-weight:500; font-size:14px; line-height:30px; text-align:center; color:#fff; background:#1d2088; display:inline-block;}
#inquiry-section .inquiry-area .cs-zone .cs-box1 .txt2{margin-top:10px;}
#inquiry-section .inquiry-area .cs-zone .cs-box1 .txt2 ul{}
#inquiry-section .inquiry-area .cs-zone .cs-box1 .txt2 ul li{font-size:14px; line-height:210%; color:#999;}
#inquiry-section .inquiry-area .cs-zone .cs-box1 .txt2 ul li span{color:#ff4e00;}
#inquiry-section .inquiry-area .cs-zone .cs-box2{width:35%; float:left;}
#inquiry-section .inquiry-area .cs-zone .cs-box2 .board-list{padding-top:4px}
#inquiry-section .inquiry-area .cs-zone .cs-box2 .board-list ul{}
#inquiry-section .inquiry-area .cs-zone .cs-box2 .board-list ul li{font-size:15px; line-height:33px; border-bottom:1px dashed #ddd;}
#inquiry-section .inquiry-area .cs-zone .cs-box2 .board-list ul li:last-child{border-bottom:0;}
#inquiry-section .inquiry-area .cs-zone .cs-box2 .board-list ul li a{color:#999; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

#inquiry-section .inquiry-area .cs-zone .cs-box3{width:30%; float:left; background:#fff;}
#inquiry-section .cs_counter{width:100%; padding:15px 0 14px;}
#inquiry-section .cs_counter ul{}
#inquiry-section .cs_counter ul:after{clear:both; content:""; display:block;}
#inquiry-section .cs_counter ul li{width:50%; padding:3px 15px; text-align:center; float:left;}
#inquiry-section .cs_counter ul li:first-child{border-right:1px solid #000;}
#inquiry-section .cs_counter ul li span{padding:0; font-size:13px; color:#8d8d8d;}
#inquiry-section .cs_counter ul li em{margin-top:5px; font-weight:300; font-size:30px; color:#000; display:block;}

@media screen and (max-width:1030px){
	#inquiry-section .inquiry-area .cs-zone .cs-box1,
	#inquiry-section .inquiry-area .cs-zone .cs-box2,
	#inquiry-section .inquiry-area .cs-zone .cs-box3{width:33.333%;}

}

@media screen and (max-width:980px){
	#inquiry-wrap{padding:35px 10px;}
	#inquiry-section .tit-box{margin-bottom:15px; font-size:20px;}
}

@media screen and (max-width:940px){
	#inquiry-section .inquiry-area .cs-zone .cs-box1{width:50%;}
	#inquiry-section .inquiry-area .cs-zone .cs-box2{width:50%;}
	#inquiry-section .inquiry-area .cs-zone .cs-box3{width:100%;}
}

@media screen and (max-width:880px){
	#inquiry-wrap{padding:25px 10px;}
	#inquiry-section .tit-box{margin-bottom:12px; font-size:18px;}
}

@media screen and (max-width:740px){
	#inquiry-section .inquiry-area .cs-zone{padding-right:0;}
	#inquiry-section .inquiry-area .cs-zone .box1{width:100%; height:190px; padding-top:20px;}
	#inquiry-section .inquiry-area .cs-zone .box1 .cbox01{top:73px;}
	#inquiry-section .inquiry-area .cs-zone .box1 .cbox02{top:73px;}

	#inquiry-section .inquiry-area .cs-zone .box2{width:100%; height:237px; top:auto; right:auto; position:relative;}
}

@media screen and (max-width:680px){
	#inquiry-section .inquiry-area .list-head ul li{font-size:14px; line-height:45px;}

	#inquiry-section .inquiry-area .cs-zone .cs-box1,
	#inquiry-section .inquiry-area .cs-zone .cs-box2,
	#inquiry-section .inquiry-area .cs-zone .cs-box3{width:100%; float:none;}
}

@media screen and (max-width:580px){
	#inquiry-section{padding:0;}
	#inquiry-section .tit-box span{padding-left:10px;}
	#inquiry-section .inquiry-area .list-head ul li{font-size:13px; line-height:40px;}
}



#list-section{padding:45px 10px; background:url("../img/list_bg.gif") no-repeat center center; background-size:cover;}
#list-section .ttt{font-weight:300; font-size:30px; line-height:160%; text-align:center;}
#list-section .stt{margin-top:10px; padding:0 20px; font-weight:300; font-size:18px; line-height:100%; text-align:center; color:rgba(0,0,0,.6);}
#list-section .cont-area{margin-top:35px;}
#list-section .box{padding:25px; border:1px solid #222; background:#fff;}
#list-section .box .txt-1box{padding-bottom:10px; border-bottom:1px solid #ddd; position:relative;}
#list-section .box .txt-1box:after{clear:both; content:""; display:block;}
#list-section .box .txt-1box h3{font-family:'scoredream'; font-size:16px; color:#333; float:left;}
#list-section .box .txt-2box{padding-top:10px;}
#list-section .box .txt-2box:after{clear:both; content:""; display:block;}
#list-section .box .txt-2box .ibox{width:50%; height:43px; margin:10px 0; text-align:left; float:left;}
#list-section .box .txt-2box .ibox span{width:65px; padding:2px 5px; font-size:12px; text-align:center; color:#8a8a8a; border-radius:30px; border:1px solid #ddd; background:#fff; display:inline-block;}
#list-section .box .txt-2box .ibox div{padding-top:5px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#list-section .box .status{top:0; right:0; padding:5px 10px; font-size:12px; text-align:center; border-radius:5px; display:block; position:absolute;}
#list-section .box .sts1{color:#fff; background:#b1b1b1;}
#list-section .box .sts2{color:#fff; background:#ff8034;}
#list-section .box .sts3{color:#fff; background:#444;}
#list-section .box .sts4{color:#fff; background:#248e98;}
#list-section .box .sts5{color:#fff; background:#ff4545;}
#list-section .box .sts6{color:#fff; background:#2db400;}
#list-section .box .sts7{color:#fff; background:#3b5998;}

@media screen and (max-width:880px){
	#list-section .ttt{font-size:27px;}
	#list-section .stt{font-size:16px;}
}

@media screen and (max-width:680px){
	#list-section .box{padding:20px;}
	#list-section .ttt{font-size:24px;}
	#list-section .stt{font-size:15px;}
}

@media screen and (max-width:580px){
	#list-section .box{padding:15px;}
	#list-section .ttt{font-size:22px;}
	#list-section .box .txt-1box h3{font-size:14px;}
	#list-section .box .txt-2box .ibox div{font-size:13px;}
}

@media screen and (max-width:500px){
	#list-section .box{padding:10px;}
	#list-section .box .txt-2box .ibox div{font-size:12px;}
}


#list-section #sliderList{margin-left:-10px; margin-right:-10px;}
#list-section #sliderList .slick-slide{padding:0 5px; text-align:center;}
#list-section #sliderList .slick-arrow{width:46px; height:46px; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-indent:-9000px; border:0; position:absolute; display:none !important;}
#list-section #sliderList .slick-next{left:-60px; background:url("../img/rec_slick_prev.png") no-repeat;}
#list-section #sliderList .slick-prev{right:-60px; background:url("../img/rec_slick_next.png") no-repeat;}
#list-section #sliderList .slick-dots{margin-top:20px; text-align:center;}
#list-section #sliderList .slick-dots li{margin:0 2px; display:inline-block;}
#list-section #sliderList .slick-dots li button{width:15px; height:15px; text-indent:-9000px; border-radius:50% !important; border:0; background:#fff;}
#list-section #sliderList .slick-dots li.slick-active button{background:#1d2088;}

@media screen and (max-width:1350px){
	#list-section #sliderList .slick-arrow{display:none !important;}
	#list-section #sliderList .slick-dots{display:block !important;}
}

@media screen and (max-width:1060px){
	#list-section #sliderList{margin-left:-5px; margin-right:-5px;}
	#list-section #sliderList .slick-slide{padding:0 5px;}
}

#system-section{padding:55px 0; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:url("../img/system_pattern.gif") repeat;}
#system-section .title{font-family:'scoredreamBold'; font-size:35px; text-align:center; color:#000;}
#system-section .system-box{margin-top:50px;}
#system-section .system-box ul{}
#system-section .system-box ul:after{clear:both; content:""; display:block;}
#system-section .system-box ul li{width:20%; text-align:center; float:left;}
#system-section .system-box .icon{}
#system-section .system-box .txt{margin-top:25px;}
#system-section .system-box .txt h3{font-family:'scoredreamBold'; font-size:18px;}
#system-section .system-box .txt h4{margin-top:15px; font-size:14px; color:#8e8e8e;}

@media screen and (max-width:980px){
	#system-section{padding:50px 0;}
	#system-section .title{font-size:32px;}
	#system-section .system-box{margin-top:30px;}
	#system-section .system-box ul li{width:33.333%; padding:20px 10px;}
	#system-section .system-box ul li:nth-child(4){margin-left:16.666%;}
}

@media screen and (max-width:880px){
	#system-section .title{font-size:30px;}
}

@media screen and (max-width:780px){
	#system-section .title{font-size:27px;}
}

@media screen and (max-width:640px){
	#system-section .system-box ul li{width:50%; padding:20px 10px;}
	#system-section .system-box ul li:nth-child(4){margin-left:0;}
	#system-section .system-box ul li:nth-child(5){margin-left:25%; padding-bottom:0;}
	#system-section .system-box .txt h3{font-size:16px;}
	#system-section .system-box .txt h4{height:35px; font-size:13px;}
	#system-section .system-box .txt h4 br{display:none;}
}

#mcont2-section{margin-top:50px; padding:85px 0 0; background:#f1f1f1 url("../img/mcont2_bg.gif") no-repeat top center;}

@media screen and (max-width:980px){
	#mcont2-section{padding:75px 0 0;}
}

@media screen and (max-width:880px){
	#mcont2-section{padding:65px 0 0;}
}

@media screen and (max-width:780px){
	#mcont2-section{padding:55px 0 0;}
}

@media screen and (max-width:680px){
	#mcont2-section{padding:45px 0 0;}
}

@media screen and (max-width:580px){
	#mcont2-section{padding:40px 0 0;}
}


#gallery-section{width:100%; max-width:1220px; margin:0 auto; padding:30px 10px;}
#gallery-section .title{border-bottom:1px solid #efefef;}
#gallery-section .title h1{padding-bottom:5px; font-weight:500; font-size:18px; color:#222; border-bottom:1px solid #f05907; display:inline-block;}
#gallery-section #gallery-slider{margin-top:20px; margin-left:-10px; margin-right:-10px;}
#gallery-section #gallery-slider .slick-slide{padding:0 10px; text-align:center;}
#gallery-section #gallery-slider .slick-slide img{max-width:100%;}
#gallery-section #gallery-slider .slick-arrow{display:none !important;}

@media screen and (max-width:1000px){
	#gallery-section #gallery-slider{margin-left:-5px; margin-right:-5px;}
	#gallery-section #gallery-slider .slick-slide{padding:0 5px;}
}

#gallery-section #gallery-slider .slick-dots{margin:10px auto 0; padding:0; text-align:center;}
#gallery-section #gallery-slider .slick-dots li{width:auto; padding:0 3px; text-align:center; display:inline-block; float:none;}
#gallery-section #gallery-slider .slick-dots li button{width:15px !important; height:15px !important; margin:0 auto; padding:0; text-indent:-9000em; border-radius:50% !important; border:1px solid #999; background:#999; display:block;}
#gallery-section #gallery-slider .slick-dots .slick-active button{border:1px solid #2e3192; background:#2e3192;}

#mbbanner-section{width:100%; padding:30px 0;}
#mbbanner-section .cont-area{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#mbbanner-section .cont-area ul{margin-right:-4px; margin-left:-4px;}
#mbbanner-section .cont-area ul:after{clear:both; content:""; display:block;}
#mbbanner-section .cont-area ul li{width:20%; padding:0 4px; float:left;}
#mbbanner-section .cont-area ul li img{max-width:100%;}

@media screen and (max-width:980px){
	#mbbanner-section .cont-area ul{margin-right:-5px; margin-left:-5px;}
	#mbbanner-section .cont-area ul li{padding:0 5px;}
}

@media screen and (max-width:780px){
	#mbbanner-section .cont-area ul li{width:33.333%;}
	#mbbanner-section .cont-area ul li:nth-child(4){margin-left:16.6666%;}
	#mbbanner-section .cont-area ul li:nth-child(4),
	#mbbanner-section .cont-area ul li:nth-child(5){margin-top:10px;}
}

#app-section{height:350px; margin-top:0; padding:40px 10px; text-align:center; background:url("../img/app_info.jpg?v1") no-repeat center center; position:relative;}
#app-section .cont-area{position:relative;}
#app-section h2{font-family:'scoredreamBold'; font-size:40px; color:#fff; display:inline-block;}
#app-section h3{margin-top:30px; font-size:20px; color:#f6ff00;}
#app-section a{margin-top:30px; display:inline-block;}
#app-section .app-img{bottom:-120px; right:0; position:absolute;}

@media screen and (max-width:1020px){
	#app-section{height:auto; margin-top:0; padding:50px 10px;}
	#app-section .app-img{bottom:-80px;}
	#app-section .app-img img{width:400px;}
}

@media screen and (max-width:880px){
	#app-section h2{font-size:35px;}
	#app-section h3{margin-top:25px; font-size:18px;}
	#app-section a{margin-top:20px;}
	#app-section .app-img img{width:350px;}
}

@media screen and (max-width:760px){
	#app-section{margin:0; padding:30px 10px; text-align:center;}
	#app-section h2{font-size:30px;}
	#app-section h3{margin-top:20px; font-size:16px;}
	#app-section .app-img{display:none;}
}

@media screen and (max-width:500px){
	#app-section{padding:20px 10px;}
	#app-section h2{font-size:25px;}
	#app-section h3{margin-top:20px; font-size:16px;}
	#app-section .app-img{display:none;}
}

#cartype-section{padding:50px 15px; overflow:hidden; position:relative;}
#cartype-section .title{font-family:'scoredreamBold'; font-size:35px; text-align:center; color:#000;}

#cartype-section .cartype-wrap{width:100%; max-width:1230px; margin:0 auto; padding:0 15px; z-index:10; position:relative;}

@media screen and (max-width:980px){
	#cartype-section .title{font-size:32px;}
}

@media screen and (max-width:880px){
	#cartype-section .title{font-size:30px;}
}

@media screen and (max-width:780px){
	#cartype-section .title{font-size:27px;}
}


#cartype-section .cartype-list-box{margin-top:50px;}
#cartype-section .cartype-list-box ul{margin:0 -10px;}
#cartype-section .cartype-list-box ul li{padding:0 10px;}
#cartype-section .cartype-list-box .box{border-radius:10px; border:1px solid #ddd; background-color:#fff; overflow:hidden;}
#cartype-section .cartype-list-box .box:after{clear:both; content:""; display:block;}
#cartype-section .cartype-list-box .box .img{padding:20px 0 10px; position:relative;}
#cartype-section .cartype-list-box .box .img img{max-width:100%;}
#cartype-section .cartype-list-box .box .img h2{top:5px; left:5px; padding:5px 10px; font-size:13px; color:#fff; border-radius:4px; background-color:#111; position:absolute;}
#cartype-section .cartype-list-box .box .txt{padding:10px;}
#cartype-section .cartype-list-box .box .txt h2{margin-bottom:10px; font-weight:500; font-size:18px; text-align:center; display:block;}
#cartype-section .cartype-list-box .box .txt table{width:100%;}
#cartype-section .cartype-list-box .box .txt table th{width:40%; padding:5px 0; font-weight:500; font-size:14px; }
#cartype-section .cartype-list-box .box .txt table td{padding:10px; font-size:14px;}
#cartype-section .cartype-list-box .box .txt table tr:first-child th,
#cartype-section .cartype-list-box .box .txt table tr:first-child td{border-top:0;}
#cartype-section .cartype-list-box .box .txt table tr:last-child th,
#cartype-section .cartype-list-box .box .txt table tr:last-child td{border-bottom:0;}
#cartype-section .cartype-list-box .box .txt table th span{padding:5px 10px; text-align:center; border-radius:30px; border:1px solid #eee; background-color:#f7f7f7; display:block;}
#cartype-section .cartype-list-box .slick-dots{margin-top:15px; text-align:center;}
#cartype-section .cartype-list-box .slick-dots li{margin:0 2px; padding:0; display:inline-block;}
#cartype-section .cartype-list-box .slick-dots li button{width:15px; height:15px; text-indent:-9000px; border-radius:50px !important; border:1px solid #ddd;; background-color:#fff;}
#cartype-section .cartype-list-box .slick-dots li.slick-active button{width:40px; border:1px solid #0073bf; background:#0073bf;}
#cartype-section .cartype-list-box .slick-next,
#cartype-section .cartype-list-box .slick-prev{border: 0; text-indent: -9999px; display: block; background-color:transparent; width: 60px; height: 60px; position: absolute; margin: 0 auto;}
#cartype-section .cartype-list-box .slick-next{background: url("../img/slider_next.png") no-repeat center center; right: -100px; top: 50%; transform: translate(-50%, -50%);}
#cartype-section .cartype-list-box .slick-prev{background: url("../img/slider_prev.png") no-repeat center center; left: -40px; top: 50%; transform: translate(-50%, -50%);}

@media screen and (max-width:1400px){
	#cartype-section .cartype-list-box .slick-prev,
	#cartype-section .cartype-list-box .slick-next{display:none !important;}
	#cartype-section .cartype-list-box .slick-dots{display:block !important;}
}

@media screen and (max-width:780px){
	#cartype-section .cartype-list-box .box .img{width:100%; padding:20px 5px 10px; text-align:center; position:relative; float:none;}
	#cartype-section .cartype-list-box .box .img img{margin:0 auto;}
	#cartype-section .cartype-list-box .box .txt{width:100%; padding:10px; float:none;}
}

@media screen and (max-width:500px){
	#cartype-section .cartype-list-box ul{margin:0 -5px;}
	#cartype-section .cartype-list-box ul li{padding:0 5px;}
}

@media screen and (max-width:480px){
	#cartype-section .cartype-list-box .box .txt table th span{padding:3px 5px; border-radius:10px;}
}