@charset "utf-8";

/*공통*/
h2.btit{font-family:'Raleway', sans-serif; font-weight:600; font-size:45px;}
.left, .right{float:left; width:50%;}


/*content*/
#content{width:100%;}

/*mainvisual_bxslider*/
#content .bx-wrapper{border:none; box-shadow:none; background:none; margin-bottom:0;}
#content .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{display:none;}

/*MainVisual*/

/*img*/
.m1{background:url("../images/main/mv_img01.jpg") no-repeat center; background-size:cover; width:100%; height:600px;}
.m2{background:url("../images/main/mv_img02.jpg") no-repeat center; background-size:cover; width:100%; height:600px;}
.m3{background:url("../images/main/mv_img03.jpg") no-repeat center; background-size:cover; width:100%; height:600px;}

/*txt*/
.mv_txt_wrap{width:1100px; margin:0 auto; position:relative;}
.mv_txt{position:absolute; top:100px; left:0;}
.mv_txt span{display:block;}
.mtxt-img{margin-bottom:8px;}

.mv_txt h2{font-size:25px; font-family:'s-core-dream-extralight', sans-serif; color:#fff;}
.mv_txt h2 strong{font-family:'s-core-dream-regular', sans-serif;}

.mv_txt p{color:#fff; font-size:16px; line-height:1.5; padding-top:2%;}


/*Quick Menu*/
#quick{width:100%; position:relative;}
#quick article{background:rgba(0,0,0,0.5); position:absolute; width:100%; top:-77px;}
#quick article ul{width:1100px; margin:0 auto;}
#quick article ul li{float:left; width:25%; text-align:center; font-size:17px; line-height:4.5; position:relative; box-sizing:border-box; }
#quick article ul li::after{content:"";background:url("../images/main/mv_bar.png")no-repeat; position:absolute; top:10px; right:0; width:1px; height:53px;}
#quick article ul li:last-child::after{background:none;}
#quick article ul li a{color:#fff; display:block; padding-left:27px;}
#quick article ul li a:hover{background:rgba(140,0,0,0.5); display:block;}


#quick article ul li::before{content:""; position:absolute;}
#quick article ul li:first-child::before{background:url("../images/main/mv_icon1.png")no-repeat; width:47px; height:36px; top:22px; left:62px;}
#quick article ul li:nth-child(2)::before{background:url("../images/main/mv_icon2.png")no-repeat; width:48px; height:38px; top:22px; left:62px;}
#quick article ul li:nth-child(3)::before{background:url("../images/main/mv_icon3.png")no-repeat; width:44px; height:38px; top:19px; left:62px;}
#quick article ul li:last-child::before{background:url("../images/main/mv_icon4.png")no-repeat; width:45px; height:33px; top:22px; left:62px;}

/*cont1*/
#cont1{width:100%; position:relative;}
#cont1 article{width:1100px; margin:50px auto; height:457px !important;}
#cont1 article::after{content:""; display:block; clear:both;}

#cont1 article .left{padding-top:2%; float:right;}
#cont1 article .left p.tite{font-size:22px; font-weight:600; padding:5% 0 0 0;}
#cont1 article .left p{font-size:16px; line-height:1.5; padding-top:2%; color:#555;}
#cont1 article .left p span{display:block;}
#cont1 article .left p strong{color:#8c0000; font-family:'s-core-dream-medium', sans-serif;}
#cont1 article .left button{width:200px; height:57px; background:#8c0000; color:#fff; text-align:center; font-size:16px; margin:5% 0; font-family:'Raleway', sans-serif; }
#cont1 article .left button a{color:#fff; display:block;}

#cont1 article .right{position:relative; float:right;}
#cont1 article .right::after{content:""; background:url("../images/main/cont1_bg.png")no-repeat; width:171px; height:319px; position:absolute; bottom:-23px; right:0;}

/*banner_bxslider*/
#cont1 article .bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager{position:relative; z-index:60;}
#cont1 article .bx-viewport{height:457px !important;}
#cont1 article .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{display:block;}
#cont1 article .bx-wrapper .bx-pager{text-align:left; padding-top:0; position:absolute; width:35%; /*left:403px; bottom:93px;*/left:0%; top:-72px;}
#cont1 article .bx-wrapper .bx-pager.bx-default-pager a{background:#bebebe; width:22px; height:22px; margin:0 1px 0 0; border-radius:0;}
#cont1 article .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#8c0000 !important;}


/*cont2*/
#cont2{width:100%; position:relative; background:#f5f5f5;}
#cont2 article.wrap{height:447px;}

/*left*/
#cont2 article.wrap .left{position:relative;}
#cont2 article.wrap .left::after{content:""; background:url("../images/main/cont2_img01.jpg")no-repeat; position:absolute; width:960px; height:447px; top:0; right:0;}
#cont2 article.wrap .left .txt-box{position:relative; z-index:1; color:#fff; padding:25% 0 0 0;}
#cont2 article.wrap .left .txt-box p{font-size:16px; line-height:1.5; padding:5% 0;}
#cont2 article.wrap .left .txt-box p span{display:block;}
#cont2 article.wrap .left .txt-box button{width:200px; height:57px; border:solid 1px #fff; color:#fff; text-align:center; font-size:16px; font-family:'Raleway', sans-serif; }

#cont2 article.wrap .left .txt-box button{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;  -webkit-transition-property: color; transition-property: color;
-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
#cont2 article.wrap .left .txt-box button::before{content: ""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background: #8c0000;-webkit-transform: scaleX(0); transform: scaleX(0);-webkit-transform-origin: 50%;
transform-origin: 50%; -webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}

#cont2 article.wrap .left .txt-box button:hover, #cont2 article.wrap .left .txt-box button:focus, #cont2 article.wrap .left .txt-box button:active {color:#fff;}
#cont2 article.wrap .left .txt-box button:hover:before, #cont2 article.wrap .left .txt-box button:focus:before, #cont2 article.wrap .left .txt-box button:active:before {-webkit-transform: scaleX(1);  transform: scaleX(1);}

/*right*/
#cont2 article.wrap .right{position:relative;}
#cont2 article.wrap .right::after{content:""; background:url("../images/main/cont2_img02.jpg")no-repeat; position:absolute; width:20px; height:447px; top:0; left:0;}
#cont2 article.wrap .right .txt-box{position:relative; z-index:1; color:#333; padding:25% 0 0 16%;}
#cont2 article.wrap .right .txt-box p{font-size:16px; line-height:1.5; padding:5% 0;}
#cont2 article.wrap .right .txt-box p span{display:block;}
#cont2 article.wrap .right .txt-box button{width:200px; height:57px; border:solid 1px #333; color:#333; text-align:center; font-size:16px; font-family:'Raleway', sans-serif; }

#cont2 article.wrap .right .txt-box button{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;  -webkit-transition-property: color; transition-property: color;
-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}

#cont2 article.wrap .right .txt-box button::before{content: ""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background: #8c0000; -webkit-transform: scaleX(0); transform: scaleX(0);-webkit-transform-origin: 50%;
transform-origin: 50%; -webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}

#cont2 article.wrap .right .txt-box button:hover, #cont2 article.wrap .right .txt-box button:focus, #cont2 article.wrap .right .txt-box button:active {color:#fff;}
#cont2 article.wrap .right .txt-box button:hover:before, #cont2 article.wrap .right .txt-box button:focus:before, #cont2 article.wrap .right .txt-box button:active:before {-webkit-transform: scaleX(1);  transform: scaleX(1);}



/*cont3*/
#cont3{width:100%; position:relative;}
#cont3 article.wrap{/*overflow:hidden;*/ height:452px;}
#cont3 article.wrap::after{content:""; display:block; clear:both;}

/*left*/
#cont3 article.wrap .left{position:relative; width:641px; padding:4% 0 0 0;}
#cont3 article.wrap .left::after{content:""; background:url("../images/main/cont3_img01.jpg")no-repeat; width:91px; height:20px; position:absolute; top:0; right:0;}

/*notice*/
#cont3 article.wrap .left ul{overflow:hidden; margin:37px 90px 0 0;}
#cont3 article.wrap .left ul li{border:solid 1px #ddd; overflow:hidden; padding:3% 0; margin:0 0 2% 0;}
#cont3 article.wrap .left ul li {cursor:pointer; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow;}
#cont3 article.wrap .left ul li:hover, #cont3 article.wrap .left ul li:focus, #cont3 article.wrap .left ul li:active {box-shadow: inset 0 0 0 4px #dddddd, 0 0 1px rgba(0, 0, 0, 0);}

#cont3 article.wrap .left ul li .data{width:20%; float:left; text-align:center; border-right:solid 1px #ddd; box-sizing:border-box; color:#555;}
#cont3 article.wrap .left ul li .data p.year{font-size:12px; font-family:'s-core-dream-regular', sans-serif;}
#cont3 article.wrap .left ul li .data p.day{font-size:24px; font-family:'s-core-dream-medium', sans-serif; font-style:italic;}
#cont3 article.wrap .left ul li .txt{width:76%; margin-right:4%; float:left; line-height:2.8; padding-left:3%; box-sizing:border-box; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#cont3 article.wrap .left button{position:absolute; right:90px; top:25%; border:solid 1px #ddd; padding:2% 3%; font-size:14px; width:15%;}




/*right*/
#cont3 article.wrap .right{position:relative; width:459px;}
#cont3 article.wrap .right::after{content:""; background:url("../images/main/cont3_img02.jpg")no-repeat; width:860px; height:452px; position:absolute; top:0; left:0;}
#cont3 article.wrap .right .txt-box{position:relative; z-index:1; color:#fff; padding:25% 0 0 16%;}
#cont3 article.wrap .right .txt-box h2.tite{font-family: 'NanumGothic', sans-serif; font-size:30px;}
#cont3 article.wrap .right .txt-box p{font-size:16px; line-height:1.5; padding:5% 0;}
#cont3 article.wrap .right .txt-box p span{display:block;}

#cont3 article.wrap .right .txt-box button{width:200px; height:57px; border:solid 1px #fff; color:#fff; text-align:center; font-size:16px; font-family:'Raleway', sans-serif; position:relative;}
#cont3 article.wrap .right .txt-box button::after{content:""; background:url("../images/main/cont3_ico01.png")no-repeat; position:absolute; top:32%; left:13%; width:28px; height:19px;}

#cont3 article.wrap .right .txt-box button{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position:relative; -webkit-transition-property: color; transition-property: color;
-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}

#cont3 article.wrap .right .txt-box button::before{content: ""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background: #8c0000; -webkit-transform: scaleX(0); transform: scaleX(0);-webkit-transform-origin: 50%;
transform-origin: 50%; -webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}

#cont3 article.wrap .right .txt-box button:hover, #cont3 article.wrap .right .txt-box button:focus, #cont3 article.wrap .right .txt-box button:active {color:#fff;}
#cont3 article.wrap .right .txt-box button:hover:before, #cont3 article.wrap .right .txt-box button:focus:before, #cont3 article.wrap .right .txt-box button:active:before {-webkit-transform: scaleX(1);  transform: scaleX(1);}


/*cont4*/
#cont4{width:100%; position:relative;}
#cont4::after{content:""; background:url("../images/main/cont4_img01.jpg")no-repeat center; width:100%; height:424px; position:absolute; top:0; left:0;}
#cont4 article{width:1100px; height:424px; margin:0 auto;}
#cont4 article .box{position:relative; z-index:1; color:#fff;}
#cont4 article .box .txt-box{position:relative; z-index:1; color:#fff; padding:7% 0 0 0;}
#cont4 article .box .txt-box p{font-size:16px; line-height:1.5; padding:2% 0;}
#cont4 article .box .txt-box p span{display:block;}
#cont4 article .box .txt-box button{width:200px; height:57px; border:solid 1px #fff; color:#fff; text-align:center; font-size:16px; font-family:'Raleway', sans-serif;}

#cont4 article .box .txt-box button{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;  -webkit-transition-property: color; transition-property: color;
-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}

#cont4 article .box .txt-box button::before{content: ""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background: #8c0000; -webkit-transform: scaleX(0); transform: scaleX(0);-webkit-transform-origin: 50%;
transform-origin: 50%; -webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}

#cont4 article .box .txt-box button:hover, #cont4 article .box .txt-box button:focus, #cont4 article .box .txt-box button:active {color:#fff;}
#cont4 article .box .txt-box button:hover:before, #cont4 article .box .txt-box button:focus:before, #cont4 article .box .txt-box button:active:before {-webkit-transform: scaleX(1);  transform: scaleX(1);}


#cont4 article .cs-box{position:absolute; z-index:2; top:0; right:0; width:459px; height:100%; background:#282b32; box-sizing:border-box; padding:8% 5%; height:424px;}
#cont4 article .cs-box h4{font-size:20px; padding:0 0 8% 0;}
#cont4 article .cs-box .tel{font-size:30px; font-family:'s-core-dream-regular', sans-serif; font-style:italic; padding:0 0 3% 0; position:relative;}
#cont4 article .cs-box .tel::after{content:""; background:url("../images/main/cont5_icon01.png")no-repeat; width:82px; height:82px; position:absolute; top:0; right:0;}
#cont4 article .cs-box .tel span, #cont4 article .cs-box .email span{display:block;}
#cont4 article .cs-box .tel span.num{font-size:23px;}
#cont4 article .cs-box .time{font-size:14px; padding:0 0 8% 0; border-bottom:solid 1px #54575e; }
#cont4 article .cs-box .email{font-size:16px; font-family:'Raleway', sans-serif; padding:6% 0 0 0; line-height:1.6; letter-spacing:0;}



/*media_mobile*/

@media all and (max-width:1024px) {

/*mainvisual*/
.m1, .m2, .m3{height:590px;}

.mv_txt{top:115px; left:5%;}
.mv_txt_wrap{width:100%;}
.mtxt-img{width:45%;}
.mtxt-img img{width:100%;}

/*quick_menu*/
#quick article ul{width:100%;}

/*cont1*/
#cont1 article{width:100%; padding:0 5%; box-sizing:border-box;}
#cont1 article .right img{width:100%;}
#cont1 article .right::after{right:-24px;}

/*banner_bxslider*/
#cont1 article .bx-viewport{overflow:visible !important;}

/*cont2*/

/*left*/
#cont2 article.wrap .left .txt-box{padding:23% 0 0 8%;}
#cont2 article.wrap .left::after{width:100%; background-position:center;}

/*right*/
#cont2 article.wrap .right .txt-box{padding:23% 0 0 16%;}

/*cont3*/

/*left*/
#cont3 article.wrap .left{width:59%; padding:4% 0 0 5%; box-sizing:border-box;}
#cont3 article.wrap .left button{/*padding:3% 6%;*/ width:17%;}

/*right*/
#cont3 article.wrap .right{width:41%;}
#cont3 article.wrap .right::after{width:100%; background-position:center;}


/*cont4*/
#cont4 article{width:100%;}
#cont4 article .box .txt-box{padding:8% 0 0 5%;}
}

@media all and (max-width:800px){
/*공통css*/
h2.btit{font-size:38px;}


/*mainvisual*/
.m1, .m2, .m3{height:500px;}

.mv_txt{top:67px;}
.mtxt-img{width:40%;}

/*quick_menu*/
#quick article ul li{box-sizing:border-box; padding-left:2%; /*line-height:3.5;*/ font-size:14px;}
#quick article ul li:first-child::before{background-size:59%; top:22px; left:31px;}
#quick article ul li:nth-child(2)::before{background-size:72%; top:21px; left:27px;}
#quick article ul li:nth-child(3)::before{background-size:72%; top:19px; left:26px;}
#quick article ul li:last-child::before{background-size:72%; top:21px; left:25px;}
#quick article ul li a{padding-left:0;}
#quick article{top:inherit; bottom:0;}

/*cont1*/
#cont1{overflow:hidden;}
#cont1 article{height:333px !important;}

/*banner_bxslider*/
#cont1 article .bx-viewport{height:333px !important;}
#cont1 article .bx-wrapper .bx-pager{top:0;}

/*left*/
#cont1 article .left{box-sizing:border-box; padding-right:5%; padding-top:0;}
#cont1 article .left p span{display:inline;}
#cont1 article .left p.box span{display:block;}

/*right*/
#cont1 article .right::after{background-size:79%; right:-16%; bottom:-30%;}


/*cont2*/
#cont2 article.wrap{height:380px; overflow:hidden;}

/*left*/
#cont2 article.wrap .left{height:100%;}
#cont2 article.wrap .left::after{height:100%; background-position:80% 0;}
#cont2 article.wrap .left .txt-box button{width:159px;}


/*right*/
#cont2 article.wrap .right{height:100%; position:relative;}
#cont2 article.wrap .right::before{content:""; background:url("../images/main/line_pattern.png")repeat-x #8c0000; width:100%; height:20px; position:absolute; bottom:0; left:0;}
#cont2 article.wrap .right::after{height:100%;}
#cont2 article.wrap .right .txt-box{padding:23% 5% 0 16%;}
#cont2 article.wrap .right .txt-box p span{display:inline;}
#cont2 article.wrap .right .txt-box button{width:159px;}


/*cont3*/
#cont3 article.wrap{height:auto;}

/*left*/
#cont3 article.wrap .left{float:none; width:90%; margin:5%; padding:0;}
#cont3 article.wrap .left::after{background:none;}
#cont3 article.wrap .left ul{margin:5% 0 0 0;}
#cont3 article.wrap .left button{top:0; right:0;}
#cont3 article.wrap .left ul li{width:99.9%;}

/*right*/
#cont3 article.wrap .right{float:none; width:100%;}
#cont3 article.wrap .right .txt-box{padding:6% 5%;}
#cont3 article.wrap .right .txt-box p{padding:2% 0;}
#cont3 article.wrap .right::before{content:""; background:url("../images/main/line_pattern.png")repeat-x #8c0000; width:100%; height:20px; position:absolute; top:0; left:0; z-index:1;}
#cont3 article.wrap .right::after{height:100%; background-position:96% 91%;}


/*cont4*/
#cont4::after{height:100%;}
#cont4 article{height:350px; overflow:hidden;}

#cont4 article .box .txt-box p{padding:2% 0 4% 0;}
#cont4 article .box .txt-box button{width:159px;}

#cont4 article .cs-box{width:50%;}

}

@media all and (max-width:650px){
/*공통_css*/
h2.btit{font-size:2.800em;}

/*mainvisual*/
.m1, .m2, .m3{height:350px;}

.mv_txt{top:50px; left:inherit; text-align:center; margin:0 auto; width:100%;}
.mv_txt h2{font-size:17px; letter-spacing:-2.0px;}
.mv_txt p{font-size:15px;}
.mtxt-img{margin:0 auto 3%; width:28%;}

/*quick_css*/
#quick article ul li:first-child::before, #quick article ul li:nth-child(2)::before, #quick article ul li:nth-child(3)::before, #quick article ul li:last-child::before{background:none; top:0; left:0; display:none;}
#quick article ul li{padding-left:0;}
#quick article ul li::after{height:13px; top:18px;}
#quick article{top:inherit; bottom:0;}
#quick article ul li a{padding-left:0;}

/*cont1*/
#cont1 article{height:auto !important; margin:5% auto;}

/*banner_bxslider*/
#cont1 article .bx-viewport{height:650px !important;}
#cont1 article .bx-wrapper .bx-pager{top:-45px;}

/*left*/
#cont1 article .left{float:none; width:100%; padding-right:0;}
#cont1 article .left p.tite{font-size:2.000em; padding:2% 0 0 0;}
#cont1 article .left p{font-size:1.500em;}
#cont1 article .left button{width:100%;}

/*right*/
#cont1 article .right{float:none; width:100%; margin-bottom:5%;}
/*#cont1 article .right::after{right:-14%; bottom:-27%;}*/
#cont1 article .right::after{display:none;/*right:-8%; bottom:-7%; height:100%; background-size:96%;*/}

/*cont2*/
#cont2 article.wrap{height:auto;}

/*left*/
#cont2 article.wrap .left{float:none; width:100%; position:relative;}
#cont2 article.wrap .left::before{content: ""; background: url("../images/main/line_pattern.png")repeat-y #8c0000; width:20px;  height:100%; position:absolute; top:0; right:0; z-index:1;}
#cont2 article.wrap .left .txt-box{padding:12% 0 9% 11%;}
#cont2 article.wrap .left .txt-box p{font-size:1.600em; padding:2% 0 5% 0;}
#cont2 article.wrap .left .txt-box button{height:48px;}

/*right*/
#cont2 article.wrap .right{float:none; width:100%;}
#cont2 article.wrap .right::before{bottom: inherit;}
#cont2 article.wrap .right .txt-box{padding:12% 5% 6% 16%;}
#cont2 article.wrap .right .txt-box p{font-size:1.600em; padding:2% 0 5% 0;}
#cont2 article.wrap .right .txt-box button{height:48px;}

/*cont3*/

/*left*/
#cont3 article.wrap .left ul li{width:99%;}
#cont3 article.wrap .left button{width:29%;}

/*right*/
#cont3 article.wrap .right::after{background-size:cover; background-position:100% 50%;}
#cont3 article.wrap .right .txt-box h2.tite{font-size:2.400em;}
#cont3 article.wrap .right .txt-box{padding:10% 5% 10% 10%; position:relative;}
/*#cont3 article.wrap .right .txt-box::after{content:""; background: url("../images/main/line_pattern.png")repeat-y #8c0000; width:20px;  height:100%; position:absolute; top:0; left:0; z-index:1;}*/

#cont3 article.wrap .right .txt-box button{width:159px; height:48px;}
#cont3 article.wrap .right .txt-box button::after{top:35%; left:9%; background-size:82%;}



/*cont4*/
#cont4 article{height:auto;}
#cont4::after{background:none; top:0; left:0;}

#cont4 article .box .txt-box{position:relative; padding:10% 5% 10% 10%;}
/*#cont4 article .box .txt-box::before{content:"";background: url("../images/main/line_pattern.png")repeat-x #8c0000; width:100%;  height:20px; position:absolute; top:0; left:0; z-index:1;}*/
#cont4 article .box .txt-box::after{content:"";  background: url("../images/main/cont4_img01.jpg")no-repeat center; position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover;}
#cont4 article .box .txt-box p, #cont4 article .box .txt-box h2, #cont4 article .box .txt-box button{position:relative; z-index:1;}
#cont4 article .box .txt-box p{font-size:1.500em;}
#cont4 article .box .txt-box button{height:48px;}

#cont4 article .cs-box{position:static; width:100%; height:auto; padding:8% 10%;}
#cont4 article .cs-box h4{font-size:1.900em; padding:0 0 4% 0;}
#cont4 article .cs-box .tel{font-size:2.300em;}
#cont4 article .cs-box .tel::after{top:-70%;}
#cont4 article .cs-box .tel span, #cont4 article .cs-box .email span{display:inline;}
#cont4 article .cs-box .tel span.num{display:inline-block; padding-right:2%;}
#cont4 article .cs-box .time{padding:0 0 6% 0;}


}

@media all and (max-width:375px){

/*공통_css*/
h2.btit{font-size:2.400em;}

/*mainvisual*/
.m1, .m2, .m3{height:300px;}

.mv_txt{top:37px;}
.mv_txt p{font-size:1.200em;}

/*quick_menu*/
#quick article{top:-68px;}
#quick article ul li{font-size:1.5000em;}


/*cont1*/
#cont1 article .right::after{background:none; right:0; bottom:0; display:none;}

#cont1 article .bx-viewport{height:542px !important;}
#cont1 article .bx-wrapper .bx-pager{top:-20px;}

/*left*/
#cont1 article .left{padding-right:0;}


/*cont2*/

/*left*/
#cont2 article.wrap .left .txt-box{padding:12% 9% 8% 9%;}
#cont2 article.wrap .left .txt-box p, #cont2 article.wrap .right .txt-box p{font-size:1.500em;}
#cont2 article.wrap .left .txt-box p span{display:inline;}


/*cont4*/
#cont4 article .cs-box .tel::after{top:-39%; right:-10%; background-size:80%;}

}

@media (max-width: 320px){

#cont3 article.wrap .left ul li .data p.day{font-size: 1.800em;}
#cont3 article.wrap .left ul li .txt{font-size:1.400em;}

}