html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend input, textarea, button, select{
 vertical-align: baseline;
 font-family: inherit;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 outline: 0;
 padding: 0;
 margin: 0;
 border: 0;
 }


* { margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul, li {list-style:none; }
html { width:100%; }
body { width:100%; height:100%; line-height:100%; color:#1b1b1a; font-size:1em; font-family: 'Pretendard'; overflow-y:visible!important; box-sizing:border-box; }
img { vertical-align:middle; border:none; }
a { text-decoration:none; cursor:pointer; }
p { }
div, input, button { vertical-align:middle; border:none; font-family: 'Pretendard'; }
textarea { border:none; }
.red {color:#ee0000; font-weight:500; }

.blinking{
  -webkit-animation: blink 1s ease-in-out infinite alternate;
  -moz-animation: blink 1s ease-in-out infinite alternate;
  animation: blink 1s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 0;}
}

@-moz-keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes bell {
  0% { transform:rotate(-15deg);}
  50% {transform:rotate(25deg);}
  75% { transform:rotate(0);}
  100% { transform:rotate(-15deg);}
}

#main {
animation: fadein 5s ease 3s;
  -webkit-animation: fadein 3s; /* Safari and Chrome */
}
#main img{
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* PC 
------------------------------------------------------------------------------------------------------------*/

.wrap { width:100%; min-width:1200px; overflow:hidden; }
.wrap .contents { position:relative; top:0; left:50%; margin-left:-960px; width:1920px; text-align:center; }

.wrap { width:100%; min-width:1200px; overflow:hidden; }
.wrap .contents { position:relative; top:0; left:50%; margin-left:-960px; width:1920px; text-align:center; }

.wrap .top { position: relative; width:100%; height:80px; top:0; z-index:99999; background-color:#1f1f1f; color:#fff; overflow:hidden; }
.wrap .top.on { width:100%; transition: all 0.5s; position: fixed; margin-top: 0; }
.wrap .top { width:100%; margin: 0 auto; }

.wrap .top_in {width:1120px; margin:0 auto; height:80px; }

.wrap .top_btn { width:100%; float:right; margin: 0 auto; list-style:none; }
.wrap .top_btn li { float:left; padding:37px 68px; font-size:18px; font-weight:500; }
.wrap .top_btn li > a { color:#fff; }

.wrap .top_btn > li > h1 { margin-right:100px; float:left; text-align:center; padding:0; line-height:100%; }


.wrap .top_btn > li:hover > a,
.wrap .top_btn > li:focus > a,
.wrap .top_btn > li:active > a,
.wrap .top_btn > li.active >a { color: #dfbe88; }



.wrap h1 { font-size:78px; font-weight:800; line-height:120%; letter-spacing:-4px; text-align:center; color:#fff; }
.wrap h2 { font-size:60px; font-weight:700; line-height:140%; letter-spacing:-2px; text-align:center; color:#fff; }
.wrap h3 { font-size:46px; font-weight:500; line-height:120%; color:#fff; }

.wrap h4 { font-size:28px; font-weight:700; line-height:180%; text-align:left; }

.gold1 { color:#dfbe88; }
.gold2 { color:#916235; }
.orange { color:#ff640e; }
.yellow { color:#fff100; }
.white { color:#fff; }
.black { color:#1b1b1a; }


.go_button { width:320px; border:1px solid #fff; padding:18px 0; color:#fff; font-size:22px; display:inline-block; border: 1px solid #ffffff;  transition: all ease 1s; }
.go_button:hover { color:#62462b; background-color:#fff; font-weight:600; }
.go_button::before {
  content: '';
  position: absolute;
  left: 0px;
  bottom:0px;
  z-index:-1;
  width: 320px;
  height:100%;
  background: transparent;
  box-shadow: inset 0px 0px 0px #fff;
  display: block;
  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1)
}

.go_button:hover::before {
 box-shadow: inset 0px 0px 0px #fff;
 color:#62462b; 
}

.go_button i { transition: all ease 1s; }
.go_button:hover i { color:#62462b; transform: rotate( 360deg )}


.start_button { background-color:#e0b979; border-radius:15px; padding:25px 40px; color:#fff; font-size:32px; font-weight:700; display:inline-block;  transition: all ease 1s;}

.start_button i { transition: all ease 1s; }
.start_button:hover i {  transform: translateX( 10px ) }


.wrap .concept1 { height:550px; width:33%; float:left; padding-top:80px; }
.wrap .concept2 { width:67%; float:left; padding:40px; }
.wrap .concept2 p { font-size:20px; line-height:140%; text-align:left; margin:0 0 60px 40px; }

.wrap .ex_list li { padding-bottom:40px; }
#type01 { padding:50px 0; overflow:hidden; line-height:22px; }
#type01 h2{ font-size:26px; padding:25px 0 7px 0; color:#fff; }

#type01 ul li{ display: inline-block; background-color:#1d1d1d; text-align:center ; margin: 10px; width: 320px;}
#type01 ul li:after{margin-right:0} 
#type01 ul li img { width:50%; display:block; margin:0 auto; }
#type01 button{ border:1px solid #f46760; background:#fff; padding:10px 70px; color:#f46760; cursor:pointer}


figure.snip1384 {position: relative;overflow: hidden;margin: 0px;color: #333; cursor:pointer; height:320px; font-size:20px; display:block; }
figure.snip1384 * {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
figure.snip1384 img {max-width: 100%;backface-visibility: hidden;vertical-align: top;}
figure.snip1384:after,figure.snip1384 figcaption {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
figure.snip1384:after {content: '';-webkit-transition: all 0.35s ease;transition: all 0.35s ease;opacity: 0;}
figure.overgray:after { background-color:#fff; color:#333; }

  
figure.snip1384 figcaption { z-index: 1;padding: 10px; }
figure.snip1384 figcaption img { padding-top:6px; }
figure.snip1384 .ty_overtxt { font-size:18px; padding-top:20px; opacity: 0; -webkit-transform: translateY(20px);transform: translateY(20px);}
 
figure.snip1384 a {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}

figure.snip1384:hover:after,figure.snip1384.hover:after {opacity: 1;position: absolute; }
figure.snip1384:hover h3,figure.snip1384.hover h3,figure.snip1384:hover p,figure.snip1384.hover p,figure.snip1384:hover i,figure.snip1384.hover i {-webkit-transform: translate(0px, 0px);transform: translate(0px, 0px);opacity: 1;}




.wrap .job_list { height:440px; margin:0 auto; padding:30px 0; }
.wrap .job_list li { width:22%; float:left; transition:0.4s; margin:1.5%; overflow:hidden; }
.wrap .job_list li:hover { opacity:1; transition:0.4s; }
.wrap .job_list p { color:#fff; font-size:20px; padding-top:20px; display:inline-block; }

.wrap .job_img { width:100%; height:300px; float:left; transition:0.4s; }
.wrap .job_list li:hover .job_img { background: linear-gradient(rgba(0, 0, 0, 0.2)!important, rgba(0, 0, 0, 0.2)); background-size:cover; transition:0.4s; transform: scale(1.06); }


.wrap .job_list .job1 { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(img/section5_img1.png); background-size:cover; }
.wrap .job_list li:hover .job1 { background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),url(img/section5_img1.png); background-size:cover; }

.wrap .job_list .job2 { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(img/section5_img2.png); background-size:cover; }
.wrap .job_list li:hover .job2 { background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),url(img/section5_img2.png); background-size:cover; }

.wrap .job_list .job3 { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(img/section5_img3.png); background-size:cover; }
.wrap .job_list li:hover .job3 { background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),url(img/section5_img3.png); background-size:cover; }

.wrap .job_list .job4 { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(img/section5_img4.png); background-size:cover; }
.wrap .job_list li:hover .job4 { background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),url(img/section5_img4.png); background-size:cover; }


.wrap .job_list .job5 { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(img/section7_img1.png); background-size:cover; }
.wrap .job_list li:hover .job5 { background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),url(img/section7_img1.png); background-size:cover; }

.wrap .job_list .job6 { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(img/section7_img2.png); background-size:cover; }
.wrap .job_list li:hover .job6 { background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),url(img/section7_img2.png); background-size:cover; }

.wrap .job_list .job7 { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(img/section7_img3.png); background-size:cover; }
.wrap .job_list li:hover .job7 { background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),url(img/section7_img3.png); background-size:cover; }

.wrap .job_list .job8 { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(img/section7_img4.png); background-size:cover; }
.wrap .job_list li:hover .job8 { background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),url(img/section7_img4.png); background-size:cover; }






.wrap .slick_btn {display:inline-block; width:50px; height:50px; line-height:46px; font-size:25px; background-color:#f2f2f2; border-radius:50px; cursor:pointer;  }
.wrap .prev { position:absolute; left:-5%; top:32%; } 
.wrap .next { position:absolute; right:-5%; top:32%; }


.wrap ul.main_counter { width:660px; margin:0 auto; }
.wrap ul.main_counter li { width:33.3333%; float:left; padding:10px; padding-top:60px;}

.wrap ul.main_counter li i { font-size:50px; padding:20px 10px 10px 10px; }
.wrap ul.main_counter > li > p { font-size:20px; font-weight:600; line-height:40px; border:2px solid #000; border-radius:20px; padding:0 5px; margin-top:15px; }
.wrap ul.main_counter li > span { font-size:62px; margin-top:40px; display:block; }


.wrap ul.point { width:690px; margin:0 auto; clear:both; }
.wrap ul.point li { width:33.3333%; float:left; color:#000; text-align:center; padding-left:20px; padding-top:60px;}
.wrap ul.point li img { padding-bottom:20px; }
.wrap ul.point li > p:nth-child(2) { font-size:22px; line-height:26px; font-weight:600; padding-bottom:10px; letter-spacing:-1px; }
.wrap ul.point li > p:nth-child(3) { font-size:15px; line-height:20px; }




/*form */

/*form */

.section5{
	background: #f7f7f7;
}

.section5 article{
	display: flex;
	flex-wrap: wrap;
	box-shadow: rgba(0,0,0,0.2) 0 0 15px;
}

.section5 article > div{
	width: 50%;
	box-sizing: border-box;
	padding: 50px 50px;
}

.section5 article .selfBox{
	background-color:#1d150d;
	position: relative;
}

.section5 article .selfBox h3{
	color: #fff;
	border-bottom-color: #fff;
}

.section5 article .selfBox p{
	color: #fff;
	line-height: 1.5;
	font-size: 18px;
	margin: 20px 0 ;
	font-weight: 300;
}

.section5 article .selfBox ul li h5{
	color: #fff;
}

.section5 article .selfBox .radioBox{
	display: flex;
	border-left: 2px solid #081231;
}

.section5 article .selfBox .radioBox input{
	display: none;
}

.section5 article .selfBox label{
	background: #fff;
	color: #081231;
	width: calc(100%/3);
	box-sizing: border-box;
	display: block;
	height: 45px;
	line-height: 41px;
	border-top: 2px solid #081231;
	border-bottom: 2px solid #081231;
	border-right: 2px solid #081231;
	text-align: center;
	transition: all 0.3s;
}

.section5 article .selfBox .radioBox input:checked + label{
	background: #dfbe88;
	color: #1d150d;
	font-weight: 400;
}

.section5 article .selfBox .sendBtn{ display:inline-block; height: 60px; line-height:60px; width:250px; text-align:center; font-weight:600; font-size:28px;letter-spacing:-2px; margin-top:20px; cursor:pointer; background-color:#dfbe88; color:#1d150d; 
}

.section5 article .selfBox .step1{
	position: relative;
	transition: all 0.3s;
	z-index: 2;
}

.section5 article .selfBox.on .step1{
	opacity: 0;
	z-index: 1;
}

.section5 article .selfBox form{
	position: relative;
}

.section5 article .selfBox .resultBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center;
	padding-bottom: 100px;
	opacity: 0;
	transition: all 0.3s;
	z-index: 1;
}

.section5 article .selfBox.on .resultBox{
	opacity: 1;
	z-index: 2;
}

.section5 article .selfBox .resultBox p{
	font-size: 18px;
	width: 100%;
	line-height: 1.7;
}

.section5 article .selfBox .resultBox p strong{
	font-size: 1.4em;
}

.section5 article .selfBox .resultBox .sendBtn{
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,0);
	width: 70%;
	max-width: 250px;
}

.section5 article .formBox{
	background: #fff;
}

.section5 article .formBox .telBox h4 { background-color: #f8f4ee; padding:20px 0; font-weight:600; line-height:130%; 
	text-align: center;
	margin: 20px 0 20px;
	animation: onoff 2s infinite;
}

@keyframes onoff{
	0%{opacity: 1;}
	5%{opacity: 0;}
	25%{opacity: 0;}
	30%{opacity: 1;}
	50%{opacity: 1;}
	55%{opacity: 0;}
	75%{opacity: 0;}
	80%{opacity: 1;}
	100%{opacity: 1;}
}

.section5 article .formBox .telBox span{
	display: block;
	text-align: center;
	margin-bottom: 10px;
	font-size: 13px;
	color: #666;}

.section5 article .formBox .telBox a{
	font-size: 26px;
	color: #fff;
	font-weight: 600;
	width: 100%;
	max-width: 250px;
	padding: 5px 0 7px;
	background: #2f69df;
	display: block;
	margin: 0 auto 40px;
	text-align: center;}

.section5 article .formBox .inBox{
	background: #f7f7f7;}

.form2 { text-align:center; padding:20px 0; }
.form2 .inner { width:100%; margin:0 auto;}
.form2 .formArea { width:100%; margin:0 auto; overflow: hidden; background-color:#fff; }
.form2 .formGroup { text-align:center; }

.form2 .form_table2 { width:100%; border-collapse:collapse; font-size:1em; }
.form2 .form_table2 tbody th { padding:10px 10px; vertical-align:middle; text-align:left; line-height:100%; font-size:20px; color:#fff; font-weight:500; }
.form2 .form_table2 tbody td { padding:10px 10px; vertical-align:middle; text-align:left; line-height:100%; font-size:18px; color:#fff; }
.form2 .input_style { width:100%; padding-left:10px; height:38px; border:1px solid #ccc; font-size:18px; }


.form1 { text-align:center; }
.form1 .inner { width:100%; margin:0 auto;}
.form1 .formArea { width:100%; margin:0 auto; overflow: hidden; background-color:#fff; }
.form1 .formGroup { text-align:center; }

.form1 .form_table { width:100%; border-collapse:collapse; font-size:1em; }
.form1 .form_table tbody tr { }
.form1 .form_table tbody th { padding:10px 10px 10px 50px; vertical-align:middle; text-align:left; line-height:100%; font-size:18px; font-weight:600;  letter-spacing:-2px; }
.form1 .form_table tbody td { padding:10px 50px 10px 10px; vertical-align:middle; text-align:left; line-height:100%; font-size:18px; }

.form1 .input_style:focus, .wrap .sel_style:focus, .wrap .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}

.form1 label { float:left; padding:10px 0; width:33%; }
.form1 .input_style { width:100%; padding-left:10px; height:42px; font-size:18px; background-color:#f8f8f8; }
.form1 .sel_style { width:100%; padding-left:10px; height:42px; background-color:#f8f8f8; font-size:18px; vertical-align:middle;}
.form1 .textarea_style { width:100%; padding:10px; height:90px; border:1px solid #ccc; font-size:18px; resize:none; }

.form1 .submit_box { width:100%; padding-top:10px; }
.form1 .submit_box .btn01 { width:250px;text-align:center; font-weight:600; font-size:28px;letter-spacing:-2px; margin-top:20px; cursor:pointer; background-color:#62462b; height: 60px; line-height:60px; color:#fff; }
.form1 .submit_box .btn01 img { width:100%; }





.wrap #dbdb1 { position:fixed; width:100%; bottom:0; z-index:1000; text-align:center; height:120px; }


.wrap #dbdb1 .inner { width:1100px; display:inline-block;  background-color:#2f2f2f; }
.wrap #dbdb1 .formArea { width:100%; margin:0 auto; overflow: hidden; }
.wrap #dbdb1 .formGroup { text-align:center; }

.wrap #dbdb1 .form_table { width:100%; border-collapse:collapse; font-size:1em; }
.wrap #dbdb1 .form_table tbody td { padding:2px 5px; vertical-align:middle; text-align:left; font-size:16px; color:#fff; line-height:180%; }

.wrap #dbdb1 .input_style:focus, .sel_style:focus, .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}
.wrap #dbdb1 .textarea_style:focus { }

.wrap #dbdb1 .input_style { width:100%; padding:5px; height:34px; font-size:14px; background-color:#fff; }
.wrap #dbdb1 .sel_style { width:100%; padding:0 5px; height:34px; font-size:14px; vertical-align:middle; background-color:#f8f8f8;}
.wrap #dbdb1 .textarea_style { width:100%; padding:5px; height:100px; font-size:14px; background-color:#fff; }

.wrap #dbdb1 .btn01 { width:100%; text-align:center; font-size:24px; font-weight:600; cursor:pointer; background:none; color:#fff; background-color:#62462b; padding:15px 0; }


.wrap .show-on-scroll { visibility: hidden; transition:0.5s; }
.wrap .show-on-scroll.shown { visibility: visible; transition:0.5s; }


.wrap .comm_tab1 {display:block;clear:both;*zoom:1; width:1100px; margin:0 auto; padding:70px 0; }
.wrap .comm_tab1:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both}
.wrap .comm_tab1>.tab_menu {width:100%; margin:0 auto;  }
.wrap .comm_tab1>.tab_menu > li {float:left; text-align:center; font-size:28px; background-color:#fff; letter-spacing:-1px; width:50%; box-sizing: border-box; } 

.wrap .comm_tab1>.tab_menu .tit { display:block;padding:30px 0;font-weight:bold;color:#ffdbd0; border:3px solid #ffdbd0;cursor:pointer; height:76px; }
.wrap .comm_tab1>.tab_menu .on {  }
.wrap .comm_tab1>.tab_menu .on .tit {background-color:#ff640e; color:#fff; border:3px solid #ff640e; height:76px;}
.wrap .comm_tab1>.tab_cont { float:left;width:100%; clear:both; }
.wrap .comm_tab1>.tab_cont > .cont {  }
.wrap .comm_tab1>.tab_cont > .cont:first-child {  }
.wrap .comm_tab1>.tab_cont > .cont img { width:auto; }
.wrap .comm_tab1 .comm_refer {  }





/* MOBILE
------------------------------------------------------------------------------------------------------------*/



.m_wrap { width:100%; overflow:hidden; max-width:640px; min-width:320px; text-align:center; margin:0 auto;}
.m_wrap .contents img { width:100%; }

.m_wrap  .show-on-scroll { visibility: hidden; transition:0.5s; }
.m_wrap  .show-on-scroll.shown { visibility: visible; transition:0.5s; }


.m_wrap #product { position:relative; } 
.m_wrap .product_inner{width:80%; margin:0 auto; position:relative; } 
.m_wrap .slidewidth{position:relative; height:auto; overflow:hidden; } 
.m_wrap .slidewidth img{display:inline-block; width:100%; } 
.m_wrap .slick-list {margin:-10px;} 
.m_wrap .slick-slide > div + div { }

.m_wrap .slick_btn {display:inline-block; width:30px; height:30px; line-height:26px; font-size:22px; background-color:#f2f2f2; border-radius:50px; cursor:pointer;  }
.m_wrap .prev { position:absolute; left:-10%; top:36%; } 
.m_wrap .next { position:absolute; right:-10%; top:36%; }


.m_wrap h1 { font-size:38px; line-height:120%; text-align:center; padding-bottom:20px; letter-spacing:-2px; display:block; }
.m_wrap h2 { font-size:22px; line-height:120%; text-align:center; padding-bottom:20px; letter-spacing:-2px; }
.m_wrap h3 { font-size:16px; line-height:120%; text-align:center; }
.m_wrap h1 span {  }


.m_wrap ul.main_counter { width:90%; margin:0 auto; display:block; }
.m_wrap ul.main_counter li { width:33.3333%; float:left; padding:40px 1%;}

.m_wrap ul.main_counter li i { font-size:50px; padding:20px 10px 10px 10px; }
.m_wrap ul.main_counter > li > p { font-weight:600; border:2px solid #000; border-radius:20px; padding:4px; margin-top:10px; font-size:12px; line-height:120%; }
.m_wrap ul.main_counter li > span { font-size:30px; margin-top:20px; display:block; }


.m_wrap ul.point { width:90%; margin:0 auto; clear:both; }
.m_wrap ul.point li { width:50%; height:220px; float:left; color:#000; text-align:center; padding:0 1%; padding-top:6%; }
.m_wrap ul.point li img { width:80%; max-width:110px; }
.m_wrap ul.point li > p:nth-child(2) { font-size:17px; line-height:120%; font-weight:600; padding-bottom:10px; letter-spacing:-1.5px; }
.m_wrap ul.point li > p:nth-child(3) { font-size:14px; line-height:120%; }




.m_wrap .comm_tab1 { display:block;clear:both;*zoom:1; width:90%; margin:0 auto; padding:20px 0; }
.m_wrap .comm_tab1:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both}
.m_wrap .comm_tab1>.tab_menu {width:100%; margin:0 auto;  }
.m_wrap .comm_tab1>.tab_menu > li {float:left; text-align:center; font-size:16px; background-color:#fff; letter-spacing:-1px; width:50%; box-sizing: border-box; } 

.m_wrap .comm_tab1>.tab_menu .tit { display:block; font-weight:bold;color:#ffdbd0; border:2px solid #ffdbd0;cursor:pointer; line-height:42px; }
.m_wrap .comm_tab1>.tab_menu .on {  }
.m_wrap .comm_tab1>.tab_menu .on .tit {background-color:#ff640e; color:#fff; border:2px solid #ff640e; height:46px; line-height:42px;}
.m_wrap .comm_tab1>.tab_cont { float:left;width:100%; clear:both; }
.m_wrap .comm_tab1>.tab_cont > .cont { padding-top:10px;  }
.m_wrap .comm_tab1>.tab_cont > .cont:first-child {  }
.m_wrap .comm_tab1>.tab_cont > .cont img { width:auto; }
.m_wrap .comm_tab1 .comm_refer {  }


/*form */

.m_wrap #dbdb1 { position:fixed; width:100%; bottom:0; z-index:1000; text-align:center; min-width:320px; max-width:640px; }

.m_wrap #dbdb1 .inner { width:100%; display:inline-block; padding:0 5px; }
.m_wrap #dbdb1 .formArea { width:100%; margin:0 auto; overflow: hidden; }
.m_wrap #dbdb1 .formGroup { text-align:center; }

.m_wrap #dbdb1 .form_table { width:100%; border-collapse:collapse; font-size:15px; }
.m_wrap #dbdb1 .form_table tbody th { padding:4px; vertical-align:middle; text-align:right; font-size:15px; color:#fff;font-weight:600; letter-spacing:-1px;}
.m_wrap #dbdb1 .form_table tbody td { padding:4px; vertical-align:middle; text-align:left; font-size:15px; color:#fff;}

.m_wrap #dbdb1 .input_style:focus, .sel_style:focus, .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}
.m_wrap #dbdb1 .textarea_style:focus { }

.m_wrap #dbdb1 .input_style { width:100%; padding:5px; height:28px; font-size:13px; background-color:#f2f2f2; }
.m_wrap #dbdb1 .sel_style { width:100%; padding:0 5px; height:28px; font-size:13px; vertical-align:middle; background-color:#f2f2f2; }
.m_wrap #dbdb1 .textarea_style { width:100%; padding:5px; height:60px; font-size:13px; background-color:#f2f2f2; }

.m_wrap #dbdb1 button.btn01 { width:100%; text-align:center; font-size:15px; line-height:20px; cursor:pointer; background:none; color:#fff; background-color:#333; padding:14px 0;}



.m_wrap #dbdb2 { background:url(img/db_bg.jpg)no-repeat center; background-size:cover; width:100%; bottom:0; z-index:1000; text-align:center; min-width:320px; max-width:640px; }

.m_wrap #dbdb2 .inner { width:96%; display:inline-block; padding:20px; background-color:#fff; box-shadow: rgb(0 0 0 / 40%) 0px 12px 10px -10px; border-radius:20px; }
.m_wrap #dbdb2 .formArea { width:100%; margin:0 auto; overflow: hidden; }
.m_wrap #dbdb2 .formGroup { text-align:center; }

.m_wrap #dbdb2 .form_table { width:100%; border-collapse:collapse; font-size:15px; }
.m_wrap #dbdb2 .form_table tbody th { padding:4px; vertical-align:middle; text-align:right; font-size:15px; font-weight:600; letter-spacing:-1px;}
.m_wrap #dbdb2 .form_table tbody td { padding:4px; vertical-align:middle; text-align:left; font-size:15px; }

.m_wrap #dbdb2 .input_style:focus, .sel_style:focus, .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}
.m_wrap #dbdb2 .textarea_style:focus { }

.m_wrap #dbdb2 .input_style { width:100%; padding:5px; height:28px; font-size:13px; border:1px solid #ccc; }
.m_wrap #dbdb2 .sel_style { width:100%; padding:0 5px; height:28px; font-size:13px; vertical-align:middle; border:1px solid #ccc; }
.m_wrap #dbdb2 .textarea_style { width:100%; padding:5px; height:60px; font-size:13px; border:1px solid #ccc; }

.m_wrap #dbdb2 .submit_box { margin-top:10px; }
.m_wrap #dbdb2 button.btn01 { width:100%; text-align:center; font-size:16px; line-height:20px; cursor:pointer; background:none; color:#fff; background-color:#333; padding:10px 0; margin-top:5px;}


.diagnosis-wrap {
}

.diagnosis-wrap .chk-wrap {

}
.diagnosis-wrap .chk-wrap > form {
	height:100%;
}
.diagnosis-wrap .chk-wrap .tabcnt {
	display:none;
	height:100%;
	padding-bottom:90px;
}
.diagnosis-wrap .chk-wrap .tabcnt0 {
	display:block;
}
.diagnosis-wrap .chk-wrap .tabcnt-inner {
	position:relative;
	height:100%;
	font-size:12px;
}
.diagnosis-wrap .chk-wrap .move_btn {
	left: 38%;
    position: absolute;
    bottom: 110px;
    width: 54%;
}
.diagnosis-wrap .chk-wrap .move_btn a {
	display:inline-block;
	width:50%;
	height:50px;
	background:#e0b979;
	color:#fff;
	font-size:20px;
	font-weight:500;
	letter-spacing:-0.04rem;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	vertical-align:top;
}
.diagnosis-wrap .chk-wrap .move_btn a.block {
	width:100%;
}
.diagnosis-wrap .chk-wrap .move_btn a.white {
	background:#fff;
	color:#d7d7d7;
	border:1px solid #d7d7d7;
}
.diagnosis-wrap .chk-wrap .btn01
{
	display:block;
	height:50px;
	background:#dfbe88;
	color:#fff;
	font-size:20px;
	font-weight:500;
	letter-spacing:-0.04rem;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	width: 100%;
}
.diagnosis-wrap .chk-wrap .first-tem {
	position:absolute; top:50%; left:0;
	width:100%;
	padding:0 50px;
	text-align:center;
	-ms-transform: translate(0,0);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(0,-50%);
}
.diagnosis-wrap .chk-wrap .first-tem h3 {
	padding-top:170px;
	color:#1a1a1a;
	font-size:52px;
	font-weight:300;
	line-height:64px;
}
.diagnosis-wrap .chk-wrap .first-tem h3 strong {
	display:block;
	font-weight:700;
}
.diagnosis-wrap .chk-wrap .first-tem p {
	padding-top:40px;
	color:#1a1a1a;
	font-size:30px;
	font-weight:300;
	letter-spacing:-0.04rem;
	line-height:58px;
}
.diagnosis-wrap .chk-wrap .first-tem p span {
	color:#dfbe88;
	font-weight:400;
}

.diagnosis-wrap .chk-wrap .title-back .back {
	position:absolute; top:7%; right:50px;
	display:block;
	width:100px; height:30px;
	margin-top:-20px;
	border:1px solid #e6e6e6;
	border-radius:20px;
	background:#fff;
	color:#666666;
	font-size:16px;
	font-weight:300;
	text-align:center;
	letter-spacing:-0.04rem;
	line-height:30px;
	cursor:pointer;
}
.diagnosis-wrap .chk-wrap .step-wrap { position:relative; 
	padding:0 50px 0;
}
.diagnosis-wrap .chk-wrap .step-wrap .step {
	position:relative;
	font-size:0;
	margin-bottom:25px;
}
.diagnosis-wrap .chk-wrap .step-wrap .step:after {
	position:absolute; top:20px; left:0;
	width:100%; height:1px;
	background:#e0e0e0;
	content:'';
}
.diagnosis-wrap .chk-wrap .step-wrap .step li {
	display:inline-block;
	position:relative;
	width:20%;
	padding-top:50px;
	color:#808080;
	font-size:16px;
	letter-spacing:-0.04rem;
	line-height:1;
	text-align:center;
	vertical-align:top;
}
.diagnosis-wrap .chk-wrap .step-wrap .step li.active,
.diagnosis-wrap .chk-wrap .step-wrap .step li.fin {
	color:#dfbe88;
	font-weight:500;
}
.diagnosis-wrap .chk-wrap .step-wrap .step li:after {
	position:absolute; top:5px; left:50%; z-index:1;
	width:30px; height:30px;
	margin-left:-15px;
	border-radius:50%;
	background-color:#b2b2b2;
	background-repeat:no-repeat;
	background-position:center;
	content:'';
}

.diagnosis-wrap .chk-wrap .step-wrap .step li.active:after {
	background-color:#dfbe88;
}
.diagnosis-wrap .chk-wrap .step-wrap .step li.fin:after {
	background-color:#dfbe88;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list h3 {
	padding-bottom:15px;
	color:#1a1a1a;
	font-size:30px;
	font-weight:700;
	letter-spacing:-0.06rem;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list h3 span {
	font-size:18px;
	font-weight:300;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul {
	overflow-y:auto;
	width:calc(100% + 100px);
	height:440px;
	margin-left:-50px;
	padding:0 50px 20px;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li + li {
	margin-top:12px;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg {
	position:relative;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=radio],
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=checkbox] {
	display:none;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=radio] + label,
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=checkbox] + label {
	display:block;
	min-height:40px;
	border:1px solid #e0e0e0;
	border-radius:25px;
	padding:0 50px 0 30px;
	background:url('./img/chkbtn.png') no-repeat right 20px center;
	color:#1a1a1a;
	font-size:20px; 
	letter-spacing:-0.04rem;
	cursor:pointer; 
	line-height:40px;
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=radio]:checked + label,
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=checkbox]:checked + label {
	background-color: #f8f8f8;
	background-image:url('./img/chkbtn_on.png');
}
.diagnosis-wrap .chk-wrap .step-wrap .chk-list ul li .check_chg input[type=text] {
	position:absolute; top:50%; left:75px;
	width:320px; height:28px;
	margin-top:-14px;
	padding:0 8px;
	border:1px solid #e0e0e0;
	color:#999;
	font-size:16px;
	font-weight:300;
	letter-spacing:-0.04rem;
}
.diagnosis-wrap .last-tem {
	padding:20px 50px 0;
}
.diagnosis-wrap .last-tem .text {
	text-align:center;
}
.diagnosis-wrap .last-tem .text h3 {

	color:#1a1a1a;
	font-size:36px;
	font-weight:700;
}
.diagnosis-wrap .last-tem .text h5 {
	padding-top:10px;
	color:#1a1a1a;
	font-size:20px;
	font-weight:300;
	letter-spacing:-0.04rem;
	line-height:28px;
}
.diagnosis-wrap .last-tem .text p {
	font-size:18px;
	font-weight:300;
	line-height:30px;
}
.diagnosis-wrap .last-tem .text h5 span {
	color:#dfbe88;
}
.diagnosis-wrap .last-tem .text .box {
	margin-top:35px;
	padding:27px 0;
	background:#f7f7f7;
	color:#1a1a1a;
	font-size:20px;
	font-weight:300;
	letter-spacing:-0.04rem;
}
.diagnosis-wrap .last-tem .text .box span {
	color:#dfbe88;
}
.diagnosis-wrap .last-tem .table {
	padding-top:30px;
}
.diagnosis-wrap .last-tem .table li {
	position:relative;
	padding-left:140px;
}
.diagnosis-wrap .last-tem .table li + li {
	margin-top:18px;
}
.diagnosis-wrap .last-tem .table li label {
	position:absolute; top:0; left:0;
	color:#1a1a1a;
	font-size:20px;
	font-weight:300;
	line-height:38px;
	letter-spacing:-0.04rem;
}
.diagnosis-wrap .last-tem .table li .input {
	width:100%; height:38px;
	border:1px solid #e0e0e0;
	padding:0 8px;
	color:#999;
	font-size:14px;
	font-weight:300;
	letter-spacing:-0.04rem;
}

/* popup CSS */
.complete_wrap { position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 3; z-index:99999;display:none;} 
.complete_wrap .bg { position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.8);z-index: 1; }
.complete_wrap .popup { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); height: 365px; max-height: 90vh;background: #fff;z-index: 2; }
.complete_wrap .popup { width:90%; overflow:hidden; border-bottom:0px solid #000; background-color:none;color:#fff; font-size:14px; line-height:0; max-width:500px; margin:0 auto;}
.complete_wrap .popup .close { position: absolute;top: 20px;right: 20px; width:20px; font-weight:600; }
.complete_wrap .popup .close img { width: 100%;height: 100%; }
.complete_wrap .popup .iframe { height:100%;width:100%;border:0; overflow:hidden;}