header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;}
html,body,div,span,applet,object,iframe,video,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,address{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; list-style:none;}
span,a{display:inline-block;}a{text-decoration:none;font-style:normal;}
html,body{font-family: 'Noto Sans KR'; font-weight:100;margin:0; width:100%; height:100%; line-height:normal; -webkit-overflow-scrolling:touch;}
body{color:#000;letter-spacing:-1px;-webkit-text-size-adjust:none;/*아이폰가로 폰트확대 방지*/vertical-align:top;}img{border:0;max-width:100%;vertical-align:top;}form{display:inline;}fieldset{border:0;}legend{display:none;}input,select,radio,div{vertical-align:top;}input[type=submit],button{cursor:pointer;}input[type=radio]{padding:0;margin:0;vertical-align:middle;}input[type=checkbox]{margin:0; vertical-align:middle;}h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* guide */
.br320{display:block;}.br412,.br640,.br1200{display:none;}
.inner{width:90%; margin:0 auto;}

/* font */
html{ font-size:62.5%;word-break:keep-all}

/* margin,padding */

/*form*/
/* form validator */
p{display:block;}p.error{font-size:;margin-left:0;color:;}
.control-group{position:relative; display:inline-block;zoom:1;*display:inline;}
.control-group.warning>p,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c33434;}
.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#a11929;border-color:#c33434;}
.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#c33434;}
.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c33434;background-color:#c33434;border-color:#c33434;}
.control-group.error>p,.control-group.error .help-block,.control-group.error .help-inline{position:absolute; left: 15px; bottom: 2px; padding:4px 8px 0 24%; font-size:0.8rem; color:#999;}
.agree.control-group.error>p,.agree.control-group.error .help-block,.agree.control-group.error .help-inline{position:absolute; left: 3px; bottom: -1rem; padding:0.4rem 0.8rem 0 0;}
.control-group.error input,.control-group.error select,.control-group.error textarea{color:#c33434; background:#f9dad7;}
.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#fc9489;}
.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#c33434;background-color:#c33434;border-color:#c33434;}
.time .error { margin-bottom: 1.8rem; }
.time p{ position: absolute; left: 0px; bottom: -20px; font-size:0.8rem;}
.area p.error{position: absolute; left: 28%; bottom: 0; font-size:0.8rem; color:#999;}
.gender p.error{position: absolute; left: 24%; bottom: 0; font-size:0.8rem; color:#ffe5e6;}
.agree p.error{position: absolute; left: 2px; top: 10px; font-size:0.8rem; color:#ffe5e6;}
/* browser placeholder */
::-webkit-input-placeholder {color:#666;}:-moz-placeholder {color:#666;opacity:1;}::-moz-placeholder {color:#999;opacity:1;}:-ms-input-placeholder{color:#999;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
/* form setting */
.hope, .name, .brand, .model, .age, .phone, .email, .add, .money, .want, .area, .memo{background:#ffffff; border:1px solid #444; width:100%; height:52px; overflow:hidden; vertical-align:top;}
.hope input:focus, .name input:focus,.brand input:focus,.model input:focus,.age input:focus,.phone input:focus,.email input:focus,.memo textarea:focus,.money input:focus{background:#f5f5f5; outline:none;}
.memo{height:85px;}
.hope input, .name input,.brand input,.model input,.add input,.phone input,.email input,.want input,.memo textarea{
    outline:none; overflow:hidden; float:right; color:#666; font-size:1.6rem; padding:1.6rem 1.5rem 1.8rem; margin-top:-0.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.money span{float:right; font-size:1.6rem; color:#666; padding:1.6rem 2rem 1.6rem 0.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.time_select_wrap,.money_select_wrap,.job_select_wrap,.area_select_wrap{outline:none; overflow:hidden; float:right; padding:1.5rem 1.5rem 1.8rem 0; margin-top:-0.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.time select, .money_select, .job_select, .area_select{color:#666; font-size:1.6rem; width:100%; background:transparent;}
div.formLabel{font-size:1.6rem; color:#000; position:relative; vertical-align:top; float:left; padding:1.8rem 0 1.6rem 1.2rem; margin-top:-0.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gender label{display:inline-block; font-size:1.6rem; padding:1.5rem;}
.gender label span{cursor:pointer;}
.gender label input{display:inline-block; -webkit-border-radius:50%;-moz-border-radius:30px;border-radius:50%;}
.gender label span{display:inline-block; margin-left:3%;}
#user_name{background-position:13px 22px !important}
#user_name02{background-position:13px 22px !important}
#user_name03{background-position:13px 22px !important}
#user_age{background-position:13px -30px !important}
#user_age02{background-position:13px -30px !important}
#user_age03{background-position:13px -30px !important}
#user_phone{background-position:13px -78px !important}
#user_phone02{background-position:13px -78px !important}
#user_phone03{background-position:13px -78px !important}
#user_email{background-position:13px -328px !important}
#user_comment{background-position:13px -428px !important}
#user_hope{background-position:13px -378px !important}
#user_money{background-position:13px -228px !important}
.time_select_wrap{background-position:13px -178px !important}
input,select,textarea,button{font-family: 'Noto Sans KR'; font-weight:100; border:0; -webkit-border-radius:0;/*-webkit-appearance:none;*/}
.form_button{position:relative; text-align:center;}
.form_button button{outline:none; font-family: 'Noto Sans KR'; font-weight:300; /*-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;*/}
.agree{width:100%; font-size:1.4rem; cursor:pointer; color:#000; border-top:px solid #433830; margin:0; padding-top:;}
.agree a{margin:0 0 0 3px; color:#fff; padding:3px 7px; background:#444; font-size:1.2rem; display:inline-block;}
.agree a:link{color:#fff;}.agree a:visited,.agree a:active{color:#fff;}.agree a:hover{color:#fff; text-decoration:none;}
.agree input{width:16px; height:16px; margin-right:2px;}

/* footer */
.footerBg{width:100%; padding:7.5rem 0;}
.footerText{font-style:normal; font-size:1.2rem; line-height:1.8rem;}

@media screen and (min-width:412px){ /*galaxy note9*/
.br412{display:block;}.br320,.br640,.br1200{display:none;}
    
/* form validator */
.control-group.error>p,.control-group.error .help-block,.control-group.error .help-inline{position:absolute; left: 23px; bottom: 2px; padding:4px 8px 0 24%; font-size:1.0rem;}
.time .error { margin-bottom: 1.0rem; }
.time p{ position: absolute; left: 0px; bottom: -20px; font-size:1.0rem;}
.area p.error{position: absolute; left: 28%; bottom: 0; font-size:1.0rem;}
.gender p.error{position: absolute; left: 24%; bottom: 0; font-size:1.0rem;}
.agree p.error{position: absolute; left: 2px; top: 10px; font-size:1.0rem;}
}
@media screen and (min-width:600px){
.inner{width:41.2rem;}
}
@media screen and (min-width:640px){
/*footer*/
.footer{font-style:normal; font-size:1.4rem; line-height:1.4rem;}
}
@media screen and (min-width:1200px){
.inner{width:128rem;}
}



/*=========================start css=============================*/
/*preloader*/
.spinner-wrapper {position: fixed; z-index: 99999999; top: 0; right: 0; bottom: 0; left: 0; background: #19328d;}
.spinner {position: absolute; top: 50%; left: 50%; width: 3.75rem; height: 1.25rem; margin: -0.625rem 0 0 -1.875rem; text-align: center;}
.spinner > div {display: inline-block; width: 1rem; height: 1rem; border-radius: 100%; background-color: #fff; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0); }
	40% { -webkit-transform: scale(1.0); }
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% { 
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	} 40% { 
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
}

/*header*/
.header{width: 100%; height: 70px; transition: 0.3s; position: fixed; z-index:999999;border-bottom: 1px solid #ddd;display:none;}
.header .inner{width:100%;}
.header .inner .logo{padding-top:2.4rem; padding-left:5%;}
.header .inner .logo a{cursor:pointer; width:35%;}
.header .inner nav{width: 180px; height: 100%; background: #19328d; position: fixed; right:0px; top:0px; z-index: 999; box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.3);display: none}
#gnb{position: absolute; top:100px; right:10%; width:90%;}
#gnb li{margin: 0px 0 1.5rem; text-align:right;}
#gnb li:nth-of-type(1)::after{display: none;}
#gnb li:nth-of-type(5){margin-right: 0;}
#gnb li a{display: block;color: white;transition: 0.3s; cursor:pointer; font: 1.7rem/1.2em 'S-CoreDream-6bold'}
.header .inner .toggle{display:block;position:absolute;top:25px;right:5%;z-index:9999999;font-size:2rem;cursor:pointer;transition:.5s}
.header .inner .toggle i{color: black;}

/*main*/
.mainBg{width:100%; background-image: url(../img/main_Bg_mo1.png);background-size: auto; background-repeat: no-repeat;background-position: bottom;background-color: #98d7db}
.mainWrap{width:100%; position:relative;}
.main{position:relative; z-index:30;padding: 7rem 0 30rem;text-align: center;overflow: hidden}
.main br{display: none}
.main h1{font: italic 4rem 'Cafe24Ohsquare';color: #0a5cc1;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);word-break:keep-all}
.main h1::after{content: '';display: block;width: 100px; height: 5px; background: white;margin: 30px auto;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5)}
.main h3{font: italic 2.2rem 'Cafe24Ohsquare';color: white;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);margin-bottom: 10px}
.main h4{font: 1.9rem 'S-CoreDream-8Heavy';text-align: left;color: white;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);text-align: center} 
.main h4 span{color: #ff5555;font-size: 2rem}
.mainBg .btn{width: 200px; height: 50px; background: #ff4646;text-align: center;border-radius: 70px;color: white;font: 2rem 'S-CoreDream-4Regular';line-height: 49px;cursor: pointer;margin: 20px auto 0px}
.main_phone{position: absolute;top: 100px; right: 0px;display: none}




.conBg{width:100%; padding:10rem 0; background-size:cover;}

/*con01*/
#con01Bg{color: black;padding: 5rem 0 10rem}
#con01Bg h1{font: 4rem 'Cafe24Ohsquare';text-align: center;margin-bottom: 20px}
#con01Bg h1::before{content: '';display: block;width: 100px; height: 7px;background:#e73a3a;margin: 0px auto 40px}
#con01Bg h3{font: 1.7rem 'S-CoreDream-4Regular';text-align: center}
#con01Bg h2{font: 2rem 'S-CoreDream-6bold';text-align: center}
.cons .cons_case a{float: none;display: block;width: 300px; padding: 20px 0px;font: 2.4rem 'S-CoreDream-4Regular';text-align: center;border-radius: 50px;margin: 20px auto 0px}
.cons .cons_case:nth-of-type(1) a{background: #e73a3a;color: white;}
.cons .cons_case:nth-of-type(2) a{background: #fcce00;color: #1d1d1d;font-weight: 700}
#con01Bg ul{width: 70%;margin: 50px 15px 0px;position: relative}
#con01Bg ul::after{content: '';display: block;clear: both}
#con01Bg ul li{float: left;width: 100%;height: 120px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);margin: 12px 0px;padding: 20px 30px;transition: 0.5s;position: relative}
#con01Bg ul li br{display: none}
#con01Bg ul li:hover{transform: scale(1)}
#con01Bg ul li:nth-of-type(1){margin-left: 0px}
#con01Bg ul li:nth-of-type(5){margin-right: 0px;background:#e73a3a;}
#con01Bg ul li h3{color: #e73a3a;font: 3rem 'S-CoreDream-8Heavy';text-align: left}
#con01Bg ul li:nth-of-type(5) h3,
#con01Bg ul li:nth-of-type(5) p{color: white}
#con01Bg ul li p{color: black;font: 2.4rem 'S-CoreDream-4Regular';margin-top: 5px}
#con01Bg ul li .img{position: absolute;bottom: 20px;right: 20px;width: 50px}




/*con2*/
#con02Bg{background-image: url(../img/con02_Bg.png);background-repeat: no-repeat;background-attachment: fixed;background-position: center; position: relative;padding: 7rem 0 10rem;overflow: hidden;}
#con02Bg .inner{position: relative}
#con02Bg .pc_ver{display: none}
#con02Bg .mo_ver{display: block;position: relative}
#con02Bg .mo_ver h1{font: italic 4rem 'Cafe24Ohsquare';text-align: center;text-shadow: 2px 2px 0px black}
#con02Bg .mo_ver h1:nth-of-type(1){color: #e73a3a}
#con02Bg .mo_ver h1:nth-of-type(2){color: white}
#con02Bg .mo_ver h3{text-align: center;font: 2.5rem 'S-CoreDream-6bold';color: white;text-shadow: 2px 1px 0px black}
#con02Bg .mo_ver h3::before{content: '';display: block;width: 100px; height: 4px; background: white;margin: 30px auto ;box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.74)}
#con02Bg .mo_ver .innerBg{width: 100%;height: 1500px;margin: 50px auto 0px;background: white;padding: 20px 0px 50px}
#con02Bg .mo_ver .innerBg::after{content: '';display: block;clear: both}
#con02Bg .mo_ver .innerBg li{float: left;text-align: center;width: 100%;margin-top: 50px}
#con02Bg .mo_ver .innerBg li br{display: none}
#con02Bg .mo_ver .innerBg .icon{width: 100%;height: 100px}
#con02Bg .mo_ver .innerBg h2{color: #3cb6be;font: 1.7rem 'S-CoreDream-5Medium';margin: 10px 0px}
#con02Bg .mo_ver .innerBg p{color: black; font: 1.5rem 'S-CoreDream-4Regular';padding: 0px 20px}
#con02Bg .mo_ver .innerBg .left::after{content: 'X';display: block;font: 2.5rem 'S-CoreDream-2ExtraLight';color: #aaa;margin: 50px 0px 20px}
#con02Bg .mo_ver .innerBg .fir::after{content: 'X';display: block;font: 2.5rem 'S-CoreDream-2ExtraLight';color: #aaa;margin: 50px 0px}
#con02_phone{width: 320px;height: 600px; position: absolute;bottom: -18%;left: -6%;}
#con02_phone h4{color: black; font: 2.5rem 'S-CoreDream-6bold';text-align: center}
#con02_phone .img{margin: 50px auto ;                
                animation-name: big;
                animation-duration: 1s;
                animation-timing-function: linear;
                animation-iteration-count: infinite;
                animation-direction: alternate;
                animation-fill-mode: none;
                animation-play-state: running;}

@keyframes big {
                from {
transform: translateY(-20px)
                }
                to {
transform: translateY(0px)
                }
            }






/*con03*/
#con03Bg{background-image: url(../img/con03_Bg.png);background-repeat: no-repeat;background-position: center;padding-bottom: 50px}
#con03Bg h1{font: italic 3.4rem 'Cafe24Ohsquare';text-align: center;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5)}
#con03Bg h1:nth-of-type(1){color: #eb0000}
#con03Bg .brush_Bg{background-size: 100%; padding: 20px 0px;font: italic 2.2rem 'S-CoreDream-6bold';color: #19328d;text-align: center;margin: 10px 0px}
#con03Bg h3{font: italic 2.8rem 'Cafe24Ohsquare';text-align: center;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5)}
#con03Bg h3 span{color: #eb0000}

#con03Bg ul{width: 100%;margin-top: 50px}
#con03Bg ul::after{content: '';display: block;clear: both}
#con03Bg ul li{float: left;width: 100%;height: 370px;background: white;margin-top: 20px}
#con03Bg ul li .pic, #con03Bg ul li .title{width: 100%;}
#con03Bg ul li .pic img{width: 100%}
#con03Bg ul li .title{padding-top: 20px;text-align: center}
#con03Bg ul li .title h4{font: 1.9rem 'S-CoreDream-6bold'}
#con03Bg ul li .title p{font: 1.6rem 'S-CoreDream-4Regular';line-height: 1.2;margin-top: 10px}






/*form*/
#formBg{width:100%; background:#333;font-family: 'S-CoreDream-4Regular';padding: 70px 0px }
#formBg h1{margin-top:0;margin-bottom: 0.5rem;font: italic 4.5rem 'Cafe24Ohsquare';text-align: center;color: #eb0000;text-shadow: 0px 2px 0px black}
#formBg h3{text-align: center;font: 2.4rem 'S-CoreDream-4Regular';margin-bottom: 4rem}
div.formLabel{width:32%;}
.asterisk_name{position:absolute; top:4px; right:7%; color:#fa6969; font-size:1.8rem; z-index:1;}
.asterisk_phone{position:absolute; top:4px; right:7%; color:#fa6969; font-size:1.8rem; z-index:1;}
.name, .phone, .add, .want, .memo{position:relative; margin-bottom:15px;}
.name input{display:inline-block;width:68%;}
.phone input{display:inline-block; width:68%;}
.add input{display:inline-block;width:68%;}
.want input{display:inline-block; width:65%;}
.memo textarea{display:inline-block; width:68%; height:85px;}
.form_button{margin-top:1.5rem;}
.form_button button{background:#d00707; color:#fff; font-size:2.4rem; padding:1.5rem 5rem; display:inline-block;font: 3rem 'S-CoreDream-6bold'}



#last_intro{text-align: center;margin-top: 50px}
#last_intro h4{font: 2.5rem 'S-CoreDream-4Regular';margin-bottom: 30px}
#last_intro ul{width: 100%}
#last_intro ul li::after{content: ''; display: block;clear: both}
#last_intro ul li p{float: left;color: #19328d;font: 2.2rem 'S-CoreDream-6bold'}
#last_intro ul li p:nth-of-type(2){margin-left: 10px;line-height: 1.2}



/*footer*/
footer{background: #000;padding: 20px 0px}
footer p{text-align: center;color: white;font: 1.4rem 'S-CoreDream-4Regular';padding: 0px 20px}


/*floatMenu*/
.floatMenu{background:#eb0000; border-radius:50px; text-align:center; width:50px; height:50px; position:fixed; z-index:9999;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.51)}
.top{right:20px; bottom:20px;}
.blog{right:20px; bottom:80px;}
.talk{right:20px; bottom:140px;background:#fcce00;}
.tel{;display: block; right:20px; bottom:200px;}
.floatMenu i{font-size:2.2rem; color:#fff; padding-top:1.4rem; cursor:pointer;}
.floatMenu:nth-of-type(3) i{color:#1d1d1d;}

.active{color:#fa6969; border-bottom:3px solid #fa6969;}

@media screen and (min-width:375px){
    .main{padding: 7rem 0 33rem;}
    .main .br375{display: block}
    #con01Bg ul{width: 60%;margin: 50px 40px 0px;}
    #con01Bg ul li .img{position: absolute;bottom: 20px;right: 15px}
    #con02_phone{left: 2.5%}
    #con03Bg ul li{height: 400px;}
    #formBg h1{font-size: 5rem}
}

@media screen and (min-width:412px){
/*header*/    
.header .inner .logo{padding-top:2rem;}
    #con01Bg ul{margin: 50px 45px 0px;}
    #con02Bg .mo_ver .innerBg{width: 100%;height: 1130px;margin: 50px auto 0px;background: white;padding: 20px 0px 50px}
    #con02Bg .mo_ver .innerBg li{float: left;text-align: center;width: 39%; padding: 10px 20px;}
    #con02Bg .mo_ver .innerBg .left::after{content: 'X';display: none}
    #con02_phone{width: 320px;position: absolute;left: 7%;bottom: -13%}
#con03Bg h1{font: italic 4rem 'Cafe24Ohsquare';text-align: center;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5)}
#con03Bg h1:nth-of-type(1){color: #eb0000}
#con03Bg .brush_Bg{background-image: url(../img/con03_title_Bg.png);background-repeat: no-repeat;background-position: center;background-size: 100%; padding: 20px 0px;font: italic 1.7rem 'S-CoreDream-4Regular';color: white;text-align: center;margin: 10px 0px}
#con03Bg h3{font: italic 3rem 'Cafe24Ohsquare';text-align: center;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5)}
#con03Bg h3 span{color: #eb0000}
#con03Bg ul{width: 100%;margin-top: 50px}
#con03Bg ul::after{content: '';display: block;clear: both}
#con03Bg ul li{float: left;width: 47%;height: 270px;background: white;margin-top: 20px}
#con03Bg ul li:nth-of-type(odd){margin-right: 20px}

/*con04*/    
#con04-tab-con02 ul li p:last-child{margin-top:0.5rem;}
}
    
@media screen and (min-width:1200px){
/*header*/
.header{width: 100%; height: 100px; background:none; transition: 0.3s; position: fixed; z-index:999;}
.header .inner{width:auto; padding:0 8rem; position:relative;}
.header .inner .logo{position:absolute; left:80px; top:25px; padding:0;}
.header .inner .logo a{display:block; width:auto;}
.header .inner nav{background:none; box-shadow:none; right:0px; top:39px; width: 100%; height:auto; display:block;}
#gnb{width:auto; overflow:hidden; position:absolute; right: 80px; top: 0;}
#gnb li{ margin: 0px 2rem; text-align:left; float:left;}
#gnb li a{color: black}
#gnb li a:hover{color: #eb0000}
.header .inner .toggle{display: none;}

/*main*/
.mainBg{width:100%; background-image: url(../img/main_Bg.png);background-size: cover;background-repeat: no-repeat;background-attachment: fixed}
.mainWrap{width:100%; position:relative;}
.main{position:relative; z-index:30;padding: 20rem 0}
.main br{display: block}
.main .br375{display: none}
.main h1{font: italic 6.5rem 'Cafe24Ohsquare';text-shadow: 2px 2px 0px black;text-align: left;color: #1fe1ff;}
.main h1::after{content: '';display: block;width: 100px; height: 5px; background: white;margin: 30px 0px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4)}
.main h3{font: italic 3.3rem 'Cafe24Ohsquare';color: white;text-shadow: 2px 2px 0px black;margin-bottom: 10px;text-align: left}
.main h4{font: 3rem 'S-CoreDream-8Heavy';text-align: left;color: white;text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);} 
.main h4 span{font-size: 3.4rem;color: #f83030;}
.mainBg .btn{width: 200px; height: 50px; background: #19328d;text-align: center;line-height: 50px;border-radius: 70px;color: white;font: 2rem 'S-CoreDream-4Regular';line-height: 49px;cursor: pointer;margin: 20px 0px 0px}
.main_phone{position: absolute;top: 100px; right: 0;display: block}




.conBg{width:100%; padding:10rem 0; background-size:cover;}

/*con01*/
#con01Bg{color: black;padding: 5rem 0 10rem}
#con01Bg h1{font: 5rem 'Cafe24Ohsquare';text-align: left}
#con01Bg h1::before{content: '';display: block;width: 7px; height: 50px;background:#e73a3a;position: relative;top: 92px;left: -52%}
#con01Bg h3{font: 2.8rem 'S-CoreDream-4Regular';text-align: left}
#con01Bg h2{font: 3.2rem 'S-CoreDream-6bold';;text-align: left}
.cons::after{content: '';display: block;clear: both}    
.cons .cons_case a{float: left;display: block;padding: 20px 30px;font: 2.4rem 'S-CoreDream-4Regular';text-align: center;border-radius: 50px;margin-top: 20px;margin: 20px 0px 0px}
.cons .cons_case:nth-of-type(2) a{margin-left: 20px}
#con01Bg ul{width: 80%;margin: 70px auto 0; position: relative}
#con01Bg ul::after{content: '';display: block;clear: both}
#con01Bg ul li{float: left;width: 12%;height: 180px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);margin: 12px;padding: 20px 30px;transition: 0.5s;position: relative}
#con01Bg ul li br{display: block}
#con01Bg ul li:hover{transform: scale(1.1)}
#con01Bg ul li:nth-of-type(1){margin-left: 0px}
#con01Bg ul li:nth-of-type(5){margin-right: 0px;background:#e73a3a;}
#con01Bg ul li h3{color: #e73a3a;font: 3rem 'S-CoreDream-8Heavy'}
#con01Bg ul li:nth-of-type(5) h3,
#con01Bg ul li:nth-of-type(5) p{color: white}
#con01Bg ul li p{color: black;font: 2.4rem 'S-CoreDream-4Regular';margin-top: 10px}
#con01Bg ul li .img{position: absolute;bottom: 30px;right: 35px}




/*con2*/
#con02Bg{background-image: url(../img/con02_Bg.png);background-repeat: no-repeat;background-attachment: fixed;position: relative;padding: 7rem 0 10rem;overflow: hidden}
#con02Bg .inner{position: relative}
#con02Bg .mo_ver{display: none}
#con02Bg .pc_ver{display: block}
#con02Bg .pc_ver h1{font: italic 6rem 'Cafe24Ohsquare';text-align: center;text-shadow: 2px 2px 0px black}
#con02Bg .pc_ver h1:nth-of-type(1){color: #e73a3a}
#con02Bg .pc_ver h1:nth-of-type(2){color: white}
#con02Bg .pc_ver h3{position: absolute;left: 40.5%;top: 20%;text-align: center;font: 2.5rem 'S-CoreDream-6bold';color: white;text-shadow: 2px 1px 0px black}
#con02Bg .pc_ver h3::before{content: '';display: block;width: 120px; height: 6px; background: white;margin: 0 auto 30px;box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.74)}
#con02Bg .pc_ver .innerBg{background-image: url(../img/con02_inner_Bg.png);height: 700px;background-repeat: no-repeat;margin: 0 auto;background-size: cover;background-position: top;position: relative;text-align: center}
#con02Bg .pc_ver .innerBg .left{position: absolute;top: 15%; left: 10%}
#con02Bg .pc_ver .innerBg .right{position: absolute;top: 15%; right: 10%}
#con02Bg .pc_ver .innerBg h2{color: #3cb6be;font: 2.2rem 'S-CoreDream-5Medium';margin: 10px 0px}
#con02Bg .pc_ver .innerBg p{color: black; font: 1.7rem 'S-CoreDream-4Regular'}
#con02Bg .pc_ver .innerBg .fir::after{content: 'X';display: block;font: 2.5rem 'S-CoreDream-2ExtraLight';color: #aaa;margin: 50px 0px}

#con02_phone{width: 450px;height: 700px; position: absolute;top: 47%;left: 32%}
#con02_phone .img img{width: 100%}
#con02_phone h4{color: black; font: 2.7rem 'S-CoreDream-6bold';text-align: center}

/*con03*/
#con03Bg{background-image: url(../img/con03_Bg.png);background-repeat: no-repeat;background-position: center;padding-bottom: 50px}
#con03Bg h1{font: italic 6rem 'Cafe24Ohsquare';text-align: center;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5)}
#con03Bg h1:nth-of-type(1){color: #eb0000}
#con03Bg .brush_Bg{background-image: url(../img/con03_title_Bg.png);background-repeat: no-repeat;background-position: center;background-size: 100%; padding: 40px 0px;font: italic 4.8rem 'Cafe24Ohsquare';color: white;text-align: center;margin: 20px 0px}
#con03Bg h3{font: italic 4.2rem 'Cafe24Ohsquare';text-align: center;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5)}
#con03Bg h3 span{color: #eb0000}

#con03Bg ul{width: 100%;margin-top: 100px}
#con03Bg ul::after{content: '';display: block;clear: both}
#con03Bg ul li{float: left;width: 23.7%;height: 370px;background: white;margin: 10px}
#con03Bg ul li:nth-of-type(odd){margin: 10px}    
#con03Bg ul li:nth-of-type(1),#con03Bg ul li:nth-of-type(5){margin-left: 0px}
#con03Bg ul li:nth-of-type(4),#con03Bg ul li:nth-of-type(8){margin-right: 0px}
#con03Bg ul li .pic, #con03Bg ul li .title{width: 100%;}
#con03Bg ul li .pic img{width: 100%}
#con03Bg ul li .title{padding-top: 20px;padding-left: 20px;}
#con03Bg ul li .title h4{font: 2.2rem 'S-CoreDream-6bold';text-align: left}
#con03Bg ul li .title p{font: 1.6rem 'S-CoreDream-4Regular';line-height: 1.2;margin-top: 10px;text-align: left}


    
/*form*/    
.formBox{width:580px; margin:0 auto;}
div.formLabel{width:27%;}
.name, .phone, .add, .want, .memo{margin-bottom:1rem;}
.name{width:48.7%; margin-right:1%;}
.name input{width:72%;}
.phone{width:48.7%;}
.phone input{width:72%;}
.add{width:99%; }
.add input{width:72%;}
.want{width:99%;}
.want input{width:72%;}
.memo{width:99%;}
.memo textarea{width:72%;}
.form_button button{width:99%;}
    
/*footer*/

     
/*floatMenu*/
.floatMenu{width:60px; height:60px;}
.top{right:40px; bottom:40px;}
.blog{right:40px; bottom:120px;}
.talk{right:40px;bottom:200px;}
.tel{display: none;right:40px; bottom:200px;}
.floatMenu i{font-size:2.8rem; padding-top:1.5rem;}
}