﻿@charset "utf-8";
/* CSS Document */

/* common */
@import url('/theme/clearlign/new/font/font_NanumSquare.css');

* {margin: 0; padding: 0; font-family:'NanumSquare', sans-serif; 's-core_dream1_thin'; 's-core_dream2_extralight';'s-core_dream3_light'; 's-core_dream4_regular';'s-core_dream5_medium';'s-core_dream6_bold';'s-core_dream7_extrabold';'s-core_dream8_heavy'; 's-core_dream9_black';
    -webkit-text-size-adjust: none;}
ul, li, dl {list-style: none;}
html, body {min-width:1100px;}
a {text-decoration:none;}
fieldset, img {border:0; margin:0; padding:0;}
img.map, map area {outline: none;}
fieldset, img{border:0; margin:0; padding:0}
i, em, address{font-style:normal; font-weight:normal;}
input, textarea, select{border:0; background:#fff; padding:5px; box-sizing:border-box;}
.margin_none{margin:0 !important;}

/* style */
@charset "utf-8";
/* CSS Document */

body{margin:0;}

/* 공통 */

.implantLP {width:100%; text-align:center;}

img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}
/* 새로운 페이지 */
.imlpantLP_00{ background:url(../img/201006_top_bg.jpg) no-repeat center; background-size:cover;}
.imlpantLP_00 img {margin-bottom:150px;}
.imlpantLP_01{ background:url(../img/191129_implantbg_01.jpg) no-repeat center; background-size:cover;}
.imlpantLP_02{ background:url(../img/191129_implantbg_02.jpg) no-repeat center; background-size:cover;}
.imlpantLP_03{ background:url(../img/191129_implantbg_03.jpg) no-repeat center; background-size:cover;}
.imlpantLP_04{ background:url(../img/191129_implantbg_04.jpg) no-repeat center; background-size:cover;}
.imlpantLP_05{ background:url(../img/191129_implantbg_05.jpg) no-repeat center; background-size:cover;}
.imlpantLP_06{ background-color:#fff; background-size:cover;}
.imlpantLP_06 img {margin-bottom:100px;}
.imlpantLP_07{ background:url(../img/191129_implantbg_07.jpg) no-repeat center; background-size:cover;}
.imlpantLP_08{ background:url(../img/191129_implantbg_08.jpg) no-repeat center; background-size:cover;}
.imlpantLP_09{ background:url(../img/191129_implantbg_09.jpg) no-repeat center; background-size:cover;}

.event_home{ position:fixed; width:230px; top:150px; right:0px;}
.event_home img{width:230px;}

.event_form{bottom:0;  right:0;  height:auto; background:#8cbbff; width:100%;  box-sizing:border-box;  color:#434343; position: fixed;}

.event_form_L{ height:150px; width:1200px; margin:0 auto;}
.event_form_L img{width:70%;}
.event_form_L1{float: left; margin-top:-70px;}
.event_form_L2{float: left; margin:30px 0 0 -60px;}

.event_form_L3{float: left; width:300px; margin:10px 10px 10px -20px;}

.event_form_L3 input.db_name{padding:5px; margin-top:10px;}
.event_form_L3 input.db_tel{padding:5px; margin-top:10px;}
.event_form_L3 input.db_agree{margin-top:10px;}
.event_form_L3 select.db_slt2 {padding:5px; margin-top:10px;}

.event_form_L3 input.db_submit{float:left; background-color:rgba(0,0,0,0); background-image: url('../img/event_form_B.png'); background-size:140px 140px; border:none; width:140px; height:140px; margin:-150px 0 0 280px; cursor: pointer;}






/*모바일 1200*/
@media all and (max-width: 1200px){
.implantLP img {width:100%; margin:0; padding:0;}
.event_home img {width:100%;}
.event_home{width:180px; top:200px; right:0px;}
.event_form_L1 {width:30%; margin:-5% 0 0 0;}
.event_form_L2 {width:25%; margin:1% 1%;}
.event_form_L{ height:130px; width:900px; margin:0 auto;}

}


/*모바일 320*/
@media all and (max-width: 768px){
.implantLP img {width:100%; margin:0; padding:0;}
.event_home img {width:100px;}
.event_home{top:3px; right:3px;}
}

/* 모바일 이미지 변경 */
/* 높이÷640px×100=..% */

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

.imlpantLP_01 {height: 0; padding-top: 108.437%; background: url(../img/mobile/M_implant_e_01.jpg) no-repeat center; background-size: cover; }
.imlpantLP_03 {height: 0; padding-top: 117.81%; background: url(../img/mobile/M_implant_e_02.jpg) no-repeat center; background-size: cover; }
.imlpantLP_04 {height: 0; padding-top: 245.312%; background: url(../img/mobile/M_implant_e_03.jpg) no-repeat center; background-size: cover; }
.imlpantLP_05 {height: 0; padding-top: 173.125%; background: url(../img/mobile/M_implant_e_04.jpg) no-repeat center; background-size: cover; }
.imlpantLP_06 {height: 0; padding-top: 167.5%; background: url(../img/mobile/M_implant_e_05.jpg) no-repeat center; background-size: cover; }
.imlpantLP_07 {height: 0; padding-top: 126.09%; background: url(../img/mobile/M_implant_e_06.jpg) no-repeat center; background-size: cover; }
.imlpantLP_08 {height: 0; padding-top: 212.5%; background: url(../img/mobile/M_implant_e_07.jpg) no-repeat center; background-size: cover; }

/* PC용 이미지를 보이지 않게 처리 */
.imlpantLP_01 img, .imlpantLP_02, .imlpantLP_03 img, .imlpantLP_04 img, .imlpantLP_05 img, .imlpantLP_06 img, .imlpantLP_07 img, .imlpantLP_08 img, .imlpantLP_09 {display: none;}
 
.form_in{float: left; width:60%; margin:2% 0 2% 5%;}
.form_in input.db_submit{width:110px; height:110px; margin:-50% 0 0 100%; }

}


/* 모바일 이미지 변경 */
/* 높이÷640px×100=..% */

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

.imlpantLP_01 {height: 0; padding-top: 108.437%; background: url(../img/mobile/M_implant_e_01.jpg) no-repeat center; background-size: cover; }
.imlpantLP_03 {height: 0; padding-top: 117.81%; background: url(../img/mobile/M_implant_e_02.jpg) no-repeat center; background-size: cover; }
.imlpantLP_04 {height: 0; padding-top: 245.312%; background: url(../img/mobile/M_implant_e_03.jpg) no-repeat center; background-size: cover; }
.imlpantLP_05 {height: 0; padding-top: 173.125%; background: url(../img/mobile/M_implant_e_04.jpg) no-repeat center; background-size: cover; }
.imlpantLP_06 {height: 0; padding-top: 167.5%; background: url(../img/mobile/M_implant_e_05.jpg) no-repeat center; background-size: cover; }
.imlpantLP_07 {height: 0; padding-top: 126.09%; background: url(../img/mobile/M_implant_e_06.jpg) no-repeat center; background-size: cover; }
.imlpantLP_08 {height: 0; padding-top: 212.5%; background: url(../img/mobile/M_implant_e_07.jpg) no-repeat center; background-size: cover; }

.event_home img {width:80px;}
.event_home{top:3px; right:3px;}

.form_in{float: left; width:60%; margin:2% 0 2% 5%;}
.form_in input.db_submit{width:110px; height:110px; margin:-50% 0 0 100%; }

/* PC용 이미지를 보이지 않게 처리 */
.imlpantLP_01 img, .imlpantLP_02, .imlpantLP_03 img, .imlpantLP_04 img, .imlpantLP_05 img, .imlpantLP_06 img, .imlpantLP_07 img, .imlpantLP_08 img, .imlpantLP_09 {display: none;}
  
}

