@charset"utf-8";

/* Font */
@import url(./font.css);

/* Guide
----------------------------------------------------------------------------------------------------------------------------------------------------------

▶사이즈
pc : 1280px
tablet : 980px ~
mobile : 767px ~ 320px

▶미디어쿼리는 (주석으로 구분 되어있는)파트마다 각각 작성함.
*/
/* Reset
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
blockquote, body, button, code, dd, div, dl,dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, select, td, textarea, textarea, th, ul{margin:0;padding:0; font-family:'ntkr',sans-serif;}
dl, li, menu, ol, ul{list-style:none;color:#666}
body{font-family:'ntkr',sans-serif; font-size:14px;letter-spacing:-0.5px;font-weight:normal;color:#666; font-weight:400;}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:focus{outline:0 !important}
iframe{border:none;width:100%}
a {font-family:'ntkr',sans-serif;color:inherit;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
a:active, a:focus, a:hover{text-decoration:none !important;color:#25428e}
img{max-width:100%}
textarea{max-width:100%;resize:none}
.hidden{font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

@media only screen and (min-width: 320px){
    body{overflow-x:hidden}
}

/* Parallax
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.parallax{background-position:0 0;background-repeat:no-repeat;background-size:100% auto;width:100%;background-size:cover;background-attachment:fixed}

/* Preloader
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.animationload{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999999}
.loader{width:200px;height:200px;font-size:24px;text-align:center;position:absolute;left:50%;top:50%;background-image:url("/images/basic_resp/img/preloader.gif");background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px}

/* Back to top (탑 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.back-to-top{width:40px;height:40px;position:fixed;bottom:40px;right:20px;display:none;text-align:center;z-index:10000;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#ea2828;box-shadow:0 8px 13px rgba(0,0,0,.4)}
.back-to-top i{color:#fff;font-size:15px;display:block;line-height:33px}

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#wrapper{min-width:1600px}
#header{z-index:1000;width:100%;background:#fff}
#header > .header_in{position:relative;padding:0;margin:0 auto;width:1200px;box-sizing:border-box;height:80px;}
#L_SITE_LOGO{float:left; height:80px}
#L_SITE_LOGO h1{font-size:0;line-height:80px}
#L_SITE_LOGO img{vertical-align:middle}

@media only screen and (max-width: 1600px){
    #wrapper{min-width:1280px}
	#header > .header_in{width:100%; padding:0 40px;}
	.navigation {padding-right:0px;}
}

@media only screen and (max-width: 1280px){
    #wrapper{min-width:320px}
    #header > div{width:100%}
	#header > .header_in{padding:0 20px;}
}

@media only screen and (max-width: 980px){
    #header > div{height:48px}
    #header > .header_in{height:48px}
    #header > .header_in h1{line-height:48px}
    #L_SITE_LOGO {text-align:left;margin-top:0;height:48px;}
    #L_SITE_LOGO a{display:inline-block;line-height:48px}
	#L_SITE_LOGO a img {width: 95px;}
}

@media only screen and (max-width: 767px){
	#header > .header_in{padding:0 10px;}
    #header > div {padding:0;height:50px}
    #L_SITE_LOGO a{line-height:50px}
}

/* Navigation (상단 메뉴)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#gnb {z-index:999; text-align:right;}
.gnb-bg, .m-menu-close, .m-menu-open{display:none}
.sub-menu{display:none}
.navigation .menu-item > a {display:block;font-weight:400;color:#333; letter-spacing:0;}
.navigation .menu-item {position:relative; display:inline-block; margin-left:80px}
.navigation .menu-item:first-child{margin-left:0}

@media only screen and (max-width: 1280px){
    #gnb .login-menu{display:none}
    .sub-menu ul{margin:0 auto;width:100%}
}
@media only screen and (max-width: 1120px){
	.navigation .menu-item {margin-left:60px}
    .sub-menu{margin-left:-80px;min-width:160px;}
    .sub-menu li a{padding:10px 12px; font-size:15px;}
}

@media only screen and (min-width: 980px){
    #gnb .login-menu{display:none}
    .navigation {line-height:80px; height: 80px;}
    .navigation .menu-item > a{line-height:80px; font-size:19px; font-weight: 500;}
    .sub-menu{z-index:999;position:absolute;top:80px;left:50%;margin-left:-100px;min-width:200px;border:1px solid #f1f1f1; border-top:4px solid #25428e}
    .sub-menu li{text-align:center;}
    .sub-menu li + li {border-top:1px solid #e2e2e2;}
    .sub-menu li:first-child{border-top:0}
    .sub-menu li a{position:relative; display:block; padding:12px 10px; font-weight:300; width:100%; box-sizing:border-box; text-align:center; line-height:130%;font-size:16px; color:#666; background:#fff;}
    .sub-menu li a:active,
    .sub-menu li a:hover{color:#25428e;background:#fbfbfb}
}

@media only screen and (max-width: 980px){
    #gnb{display:none;position:fixed;top:0;right:0;padding:48px 48px 0;width:100%;height:100%;box-sizing:border-box;background:#25428e}
    .m-menu-open{display:block;position:absolute;top:0;right:0;padding:15px 10px;width:48px;height:48px;cursor:pointer}
    .m-menu-open span{display:block;margin-top:6px;width:100%;height:2px;background:#25428e;}
    .m-menu-open span:first-child{margin-top:0}
    .m-menu-close{z-index:1000;display:block;position:absolute;top:0;right:0;width:48px;height:48px;cursor:pointer;padding:15px 11px}
    .m-menu-close span{position:relative;top:7px;left:0;display:block;width:25px;height:2px;background:#fff;transform:rotate(45deg)}
    .m-menu-close span:first-child{transform:rotate(-45deg);top:9px}
    .navigation{border-top:1px solid #25428e;}
    .navigation .menu-item{position:relative;display:block;margin-left:0;text-align:left}
    .navigation .menu-item > a{padding:0;width:100%;line-height:50px;font-size:17px;transition:none;border-bottom:1px solid #4463b6;color:#fff}
    .navigation .menu-item.on > a{}
    .sub-menu {width:100%;background:#4463b6; margin:0; min-width:auto;}
    .sub-menu li {border-bottom:1px solid #25428e}
    .sub-menu li a{display:block;padding:0 20px;line-height:40px;font-size:14px;color:#fff}
    .sub-menu li a:before{display:inline-block;content:"";position:relative;top:-4px;margin-right:7px;width:5px;height:1px;background:#fff}
    .gnb-bg{z-index:888;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
}

/* Button (공통 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.btn{font-family:'ntkr',sans-serif;text-transform:uppercase;border-radius:0;line-height:24px}
.btn:active, .btn:focus{outline:none;color:#fff}
.btn-custom{border-radius:3px;padding:0.8em 1.8em;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;text-transform:uppercase;background-color:#3d427c;border-color:#3d427c;color:#fff}
.btn-custom:focus, .btn-custom:hover{background-color:#36384e;border-color:#36384e;color:#fff}
.btn-custom-outline{border-radius:3px;padding:0.8em 1.8em;color:#fff;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;text-transform:uppercase;background-color:transparent;border-color:#fff}
.btn-custom-outline:focus, .btn-custom-outline:hover{color:#fff;background-color:rgba(255,255,255,.5)}
.btn-bar a{margin-right:10px}
.form-control{box-shadow:none;-webkit-box-shadow:none;border-radius:3px;height:38px}
.form-control:focus{outline:none;box-shadow:none;-webkit-box-shadow:none;border-color:#25428e}

/* Footer (하단메시지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer{width:100%; background-color:#333; padding:40px 0;}
.footer-area {position:relative; margin:0 auto;width:1600px;box-sizing:border-box; margin:0 auto; overflow:hidden;}
.footer-area h1 {float:left; width:220px; transition: .4s;}
.footer-area .desc {float:left; transition: .4s;}

.footer-menu {margin-bottom: 30px;}
.footer-menu li {font-size:15px; display:inline-block; margin-left:15px; padding-left:15px; line-height:10px; border-left:1px solid #c4c4c4;}
.footer-menu li:first-child {margin-left:0;padding-left:0;border-left:0; }
.footer-menu li a {line-height:10px; font-size:16px;color:#fff;}

.footer-info {display: flex; flex-wrap: wrap; margin-bottom: 5px;}
.footer-info:last-child {margin-bottom: 0;}
.footer-info li {font-size: 14px; color: #919191; position: relative; padding-right: 15px; margin-right: 15px;}
.footer-info li:last-child {padding-right: 0; margin-right: 0;}
.footer-info li:after {content: ''; display: block; width: 1px; height: 10px; background: #c1c1c1; position: absolute; right: 0; top: 50%; margin-top: -5px;}
.footer-info li:last-child:after {display: none;}
.footer-info li br {display: none;}

.footer-copy {font-size: 14px; color: #929292; margin-top: 20px;}
.footer-copy span {color: #5d96f7; font-weight: 700; text-transform: uppercase;}


@media only screen and (max-width:1600px){
    .footer-area{width:100%; padding:0 20px;}
	.footer-area .sns {right:20px;}
}

@media only screen and (max-width:980px){
	.footer-area h1 {float:none; width:100%; text-align:center; margin:0 0 20px;}
    .footer-area{box-sizing:border-box}
	.footer-area .desc {float:none; width:100%;}
    .footer-menu{text-align:center}
	.footer-info {display: block; margin-bottom: 0; text-align: center;}
	.footer-info li {padding-right: 0; margin-right: 0;}
	.footer-info li:after {display: none;}
	.footer-copy {text-align: center;}
}

@media only screen and (max-width:767px){
	#footer{padding:30px 0;}
    .footer-area{padding:0 15px;}
	.footer-area h1 {float:none; width:100%; text-align:center; margin:0 0 15px;}
    .footer-menu li{margin-left:5px;padding-left:5px;  line-height:6px;}
    .footer-menu li a{font-size:13px}
    .footer-info li {font-size:13px; margin-bottom: 3px;}
	.footer-info li br {display: block;}
	.footer-copy {font-size: 13px;}
}
@media only screen and (max-width:440px){
}

/* Main Visual (메인이미지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.main-visual .item {height:740px; position: relative;}
.main-visual .item:before {content: ''; display: block; background: rgba(0,0,0,0.3); position: absolute; left: 0; right: 0; top: 0; bottom: 160px;}
.main-visual .item.main-img01 {background:url("/images/kor09r-22-0461/main/main_visual1.jpg") no-repeat center center/cover;}
.main-visual .item.main-img02 {background:url("/images/kor09r-22-0461/main/main_visual2.jpg") no-repeat center center/cover;}
.main-visual .item.main-img03 {background:url("/images/kor09r-22-0461/main/main_visual3.jpg") no-repeat center center/cover;}
.main-visual .carousel-caption {top:50%; bottom: auto; padding-top: 0; padding-bottom: 160px; -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transition: .4s; text-shadow: none;}
.main-visual .carousel-caption p {font-size: 60px; font-family: 'yg-jalnan', sans-serif;}
.main-visual .carousel-caption h5 {font-size: 100px; font-family: 'yg-jalnan', sans-serif;}


@media screen and (max-width:1280px){
    .main-visual .item{height:680px}
	.main-visual .carousel-caption {left:0; width:100%; margin:0;}
    .main-visual .carousel-caption p {font-size:34px}
    .main-visual .carousel-caption h5 {font-size: 80px;}
}

@media screen and (max-width:980px){
    .main-visual .item{height:600px}
	.main-visual .item:before {bottom: 120px;}
	.main-visual .carousel-caption {padding-bottom: 120px;}
}

@media screen and (max-width:767px){
    .main-visual .item{height:450px}
	.main-visual .item:before {bottom: 100px;}
	.main-visual .carousel-caption {padding-bottom: 100px;}
    .main-visual .carousel-caption p {font-size:20px}
    .main-visual .carousel-caption h5 {font-size: 50px;}
}



/* Main Contents (메인 컨텐츠)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.container {width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 20px; padding-right: 20px; position: relative;}
.container:after {content: ''; display: table; clear: both;}

.main-contents {background:#fff;}
.main-contents h2 {font-size:40px; color:#25428e; margin:0 0 40px; line-height:100%; letter-spacing:-2px; font-weight:700; word-break:keep-all; transition: .4s;}
.main-contents h2 span {display:block; letter-spacing:10px; font-weight:300; color:#999; font-size:13.5px; text-transform: uppercase;}

.main-contents .button {text-align:center; transition: .4s;}
.main-contents .button a {display:inline-block; padding:12px 60px; color:#fff; border:2px solid #25428e; background:#25428e; font-size:20px; font-weight:500; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;}
.main-contents .button a:hover {background:#fff; color:#25428e;}

.main-quick {margin-top: -160px; background: rgba(9,87,183,0.9); position: relative;}
.main-quick ul {display: flex;}
.main-quick ul li {width: 25%;}
.main-quick ul li a {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 160px; color: #fff; font-size: 26px; font-weight: 500;}
.main-quick ul li a:before {content: ''; display: block; width: 53px; height: 50px; margin: 0 auto 20px;}
.main-quick ul li:nth-child(1) a:before {background:url(/images/kor09r-22-0461/main/main_quick2.png) no-repeat center center/cover;}
.main-quick ul li:nth-child(2) a:before {background:url(/images/kor09r-22-0461/main/main_quick3.png) no-repeat center center/cover;}
.main-quick ul li:nth-child(3) a:before {background:url(/images/kor09r-22-0461/main/main_quick4.png) no-repeat center center/cover;}
.main-quick ul li:nth-child(4) a:before {background:url(/images/kor09r-22-0461/main/main_quick1.png) no-repeat center center/cover;}

.special {position:relative; padding: 80px 0; transition: .4s;}
.special .list {overflow:hidden;}
.special .list li {float:left; width:32%; word-break:keep-all; text-align:center; font-weight:400; transition: .4s;}
.special .list li + li {margin-left:2%;}
.special .list li .img {position:relative; margin:0 0 20px; width:100%;}
.special .list li .img img {width:100%;}
.special .list li strong {display:block; margin:0 0 4px; font-size:24px; font-weight:500; color:#333;}
.special .list li p {font-size:16px; color:#666; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.banner {padding:100px 0; background:url(/images/kor09r-22-0461/main/main_cs.jpg) no-repeat center center/cover; transition: .4s;}
.banner .box {display: flex; align-items: center;}
.banner .box1 {width:35%; flex-shrink: 0; background:rgba(0,0,0,0.38); padding: 40px 30px;}
.banner .box1 h3 {color:#fff; font-size:26px; font-weight:500; text-align:left; word-break:keep-all; margin-bottom: 30px;}
.banner .box1 h3 a {float:right; font-size:30px; font-weight:100; line-height:1;}
.banner .box1 h3 a:hover {color:#fff;}
.banner .box1 ul {}
.banner .box1 ul li {margin-bottom: 15px; position: relative; padding-left: 10px; color: #fff;}
.banner .box1 ul li:last-child {margin-bottom: 0;}
.banner .box1 ul li:before {content: ''; display: block; width: 3px; height: 3px; background: #fff; position: absolute; left: 0; top: 10px; -webkit-border-radius: 50%; border-radius: 50%;}
.banner .box1 ul li a {color:#fff; font-size:16px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.banner .box2 {flex-grow: 1; padding-left: 60px;}
.banner .box2 h3 {font-size: 26px; color: #fff; text-transform: uppercase;}
.banner .box2 h4 {font-size: 50px; color: #0cd2f7; font-weight: 900; margin-top: 20px;}
.banner .box2 h5 {font-size: 35px; color: #fff; font-weight: 500; margin-top: 5px;}
.banner .box2 p {font-size: 16px; color: #fff; margin-top: 30px;}
.banner .box2 p br {display: none;}
.banner .box2 p:before {content: ''; display: inline-block; vertical-align: middle; margin-top: -4px; margin-right: 5px; width: 14px; height: 14px; background:url(/images/kor09r-22-0461/main/main_cs_time.png) no-repeat center center/cover;}
.banner .box3 {flex-shrink: 0; padding: 0 30px;}
.banner .box3 img {display: block; height: 190px;}

.gallery {position:relative; padding:80px 0; transition: .4s;}
.main-gallery {margin: 0 -55px; padding: 0 40px;}
.main-gallery .slick-arrow {width: 40px; height: 60px; position: absolute; top: 50%; margin-top: -60px; text-indent: -9999px; border: none; -webkit-appearance: none; appearance: none;}
.main-gallery .slick-prev {left: 0; background:url(/images/kor09r-22-0461/main/main_gallery_prev.png) no-repeat center center/20px auto;}
.main-gallery .slick-next {right: 0; background:url(/images/kor09r-22-0461/main/main_gallery_next.png) no-repeat center center/20px auto;}
.main-gallery__item {padding: 0 15px;}
.main-gallery__item a {display: block;}
.main-gallery__item a img {display: block; width: 100%;}
.main-gallery__item a p {margin: 20px 0; height: 20px; line-height: 20px; font-size: 18px; color: #000; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-gallery__item a em {display: block; padding-bottom: 70%;}

.main-bottom {padding: 60px 0; background:url(/images/kor09r-22-0461/main/main_bot_bg.jpg) no-repeat center center/cover;}
.main-bottom h2 {text-align: center;}
.main-bottom ul {display: flex; justify-content: center;}
.main-bottom ul li {padding: 0 40px;}
.main-bottom ul li a {display: block; width: 350px; padding: 10px; text-align: center; -webkit-box-shadow: 0px 0px 20px 0px rgba(112,48,0,0.3); box-shadow: 0px 0px 20px 0px rgba(112,48,0,0.3);}
.main-bottom ul li:nth-child(1) a {background: #fae100; color: #341e1e;}
.main-bottom ul li:nth-child(2) a {background: #fff; color: #000;}
.main-bottom ul li a img {}
.main-bottom ul li a h5 {font-size: 22px; font-weight: 700; margin-top: 5px;}
.main-bottom ul li a p {font-size: 14px;}




@media screen and (max-width:1260px){
	.main-gallery {margin: 0 -15px; padding: 0;}
}


@media screen and (max-width:1200px){
	.main-contents {}
	.main-contents h2 {font-size:30px; margin:0 0 30px;}
	.banner .box2 h3 {font-size: 20px;}
	.banner .box2 h4 {font-size: 40px; }
	.banner .box2 h5 {font-size: 30px;}
	.banner .box2 p {font-size: 14px;}
	.banner .box3 img {height: 160px;}
}

@media screen and (max-width:980px){

	.main-quick {margin-top: -120px;}
	.main-quick ul li a {height: 120px; font-size: 20px;}
	.main-quick ul li a:before {margin: 0 auto 10px;}

	.banner .box1 {width: 50%;}
	.banner .box2 {width: 50%;}
	.banner .box2 p br {display: block;}
	.banner .box3 {display: none;}

	.main-bottom ul li {padding: 0 10px;}
	.main-bottom ul li a {width: 300px;}
	.main-bottom ul li a h5 {font-size: 20px;}
}

@media screen and (max-width:767px){
	.main-contents h2 {font-size:24px; margin:0 0 30px; letter-spacing:0;}
	.main-contents h2 span {font-size:12px;}
	.main-contents .button a {padding:10px 40px; font-size:18px;}
	
	.main-quick {margin-top: -100px;}
	.main-quick ul {margin: 0 -20px;}
	.main-quick ul li a {height: 100px; font-size: 16px;}
	.main-quick ul li a:before {margin: 0 auto 5px; width: 43px; height: 40px;}
	
	.special {padding: 60px 0;}
	.special .list li {float:none; width: 100%; margin-bottom: 30px;}
	.special .list li:last-child {margin-bottom: 0;}
	.special .list li .img {margin:0 0 10px;}
	.special .list li strong {font-size:20px;}
	.special .list li p {font-size:14px;}

	.banner {padding: 40px 0;}
	.banner .box {display: block;}
	.banner .box1 {width: 100%;}
	.banner .box2 {width: 100%; margin-top: 40px; padding-left: 0; text-align: center;}
	.banner .box2 p br {display: block;}
	.banner .box3 {display: none;}

	.gallery {padding:60px 0;}
	.main-gallery__item a p {margin: 15px 0 0;}
	
	.main-bottom ul {display: block;}
	.main-bottom ul li {padding: 0; margin-bottom: 10px;}
	.main-bottom ul li:last-child {margin-bottom: 0;}
	.main-bottom ul li a {width: 100%; padding: 15px 0;}
	.main-bottom ul li a img {height: 40px;}
	.main-bottom ul li a h5 {font-size: 20px;}
}




.cs {padding:100px 0; background:url(/images/kor09r-22-0461/main/main_cs.jpg) no-repeat center center/cover; transition: .4s;}
.cs-wrap {width: 100%; max-width: 720px; margin: 0 auto;}
.cs-wrap > h3 {text-align: center; color: #fff; font-size: 40px; margin-bottom: 80px; font-weight: 700; text-transform: uppercase;}
.cs-info {display: flex; align-items: center; justify-content: space-between;}
.cs-info .box2 {flex-grow: 1;}
.cs-info .box2 h4 {font-size: 50px; color: #0cd2f7; font-weight: 900; margin-top: 20px;}
.cs-info .box2 h5 {font-size: 35px; color: #fff; font-weight: 500; margin-top: 5px;}
.cs-info .box2 p {font-size: 16px; color: #fff; margin-top: 30px;}
.cs-info .box2 p br {display: none;}
.cs-info .box2 p:before {content: ''; display: inline-block; vertical-align: middle; margin-top: -4px; margin-right: 5px; width: 14px; height: 14px; background:url(/images/kor09r-22-0461/main/main_cs_time.png) no-repeat center center/cover;}
.cs-info .box3 {flex-shrink: 0;}
.cs-info .box3 img {display: block; height: 190px;}
.cs-btn {display: flex; justify-content: center; margin: 0 -10px; padding-top: 50px;}
.cs-btn ul {display: flex; width: 100%;}
.cs-btn ul li {padding: 0 10px; width: 50%;}
.cs-btn ul li a {display: block; padding: 10px; text-align: center; -webkit-box-shadow: 0px 0px 20px 0px rgba(112,48,0,0.3); box-shadow: 0px 0px 20px 0px rgba(112,48,0,0.3);}
.cs-btn ul li:nth-child(1) a {background: #fae100; color: #341e1e;}
.cs-btn ul li:nth-child(2) a {background: #fff; color: #000;}
.cs-btn ul li a img {}
.cs-btn ul li a h5 {font-size: 22px; font-weight: 700; margin-top: 5px;}
.cs-btn ul li a p {font-size: 14px;}


@media screen and (max-width:1200px){
	.cs-info .box2 h4 {font-size: 40px; }
	.cs-info .box2 h5 {font-size: 30px;}
	.cs-info .box2 p {font-size: 14px;}
	.cs-info .box3 img {height: 160px;}
}

@media screen and (max-width:767px){
	.cs-wrap > h3 {font-size: 24px; margin-bottom: 0;}
	.cs-info .box2 {width: 100%; margin-top: 40px; padding-left: 0; text-align: center;}
	.cs-info .box2 p br {display: block;}
	.cs-info .box3 {display: none;}
	
	.cs-btn {margin: 0;}
	.cs-btn ul {display: block;}
	.cs-btn ul li {width: 100%; padding: 0; margin-bottom: 10px;}
	.cs-btn ul li:last-child {margin-bottom: 0;}
	.cs-btn ul li a {width: 100%; padding: 15px 0;}
	.cs-btn ul li a img {height: 40px;}
	.cs-btn ul li a h5 {font-size: 20px;}
}