@charset "utf-8";
 
body {font-size:13px;}
 
.wrapper {padding-left:20px; padding-right:20px;font-size:13px;}
.mgt0 {margin-top:0 !important;}
 
/* header */
header {height:50px;}
header h1 {width:80px; margin-top:14px;}
header h1 .newlogo img{width:130px; max-width:none; }
header .menu_etc {position:absolute; z-index:1; top:1vw; right:10px;}
header .menu_etc > * {display:inline-block; vertical-align:middle;}
header .menu_etc .head_call:before {content:''; display:inline-block; width:15px; height:20px; margin-right:8px; vertical-align:middle; background:url(221209_ico_call_m.png) no-repeat center top; background-size:15px;}
header .menu_etc .head_call {margin-right:2px; color:#150f96; font-size:17px; font-weight:700;}
header .menu_etc h2 {width:40px; height:50px; text-indent:-9999px; background:url(220329_ico_menubtn_m.png) no-repeat center; background-size:20px;}
 
/* 전체메뉴 */
.allmenu {display:none; position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.allmenu .menu_con {position:absolute; z-index:1; top:0; right:0; width:calc(100% - 106px); height:100%; background:#fff;}
.allmenu .menu_con > strong {display:block; height:50px; padding:10px 0; background:#150f96 url(220329_ico_menu_tit.png) no-repeat center left 20px; background-size:128px;}
.allmenu .menu_li {height:calc(100% - 50px); padding:23px 20px; overflow-y:auto;}
.allmenu .menu_li ul + ul {margin-top:5px;}
.allmenu .menu_li ul li a {display:block; padding:12px 0; color:#222; font-size:16px;}
.allmenu .menu_li ul li:first-child a {font-size:17px; font-weight:700;}
.allmenu .menu_li ul li:first-child ~ li:hover a {color:#150f96;}
.allmenu .close {position:absolute; z-index:1; top:0; right:6px; width:50px; height:50px; text-indent:-9999px; background:url(220329_ico_close_m.png) no-repeat center; background-size:19px;}
 
/* 컨텐츠 공통요소 */
 select {
    -webkit-appearance: none;
    border:0;
    border-radius:0;
    height: 35px;
    padding: 0;
    background-size: 0;
    color: #000;
    font-size:15px
}
.calc_form .number {display:flex;outline:none;color:#000;width:calc(100% - 138px);height:50px;padding:0 15px;margin-bottom:8px;border:1px solid #dce0e3;border-radius:5px;font-size:15px;background:#fff;align-items: center;}
input[type='number'] {
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
    height: 35px;
    color: #000;
    line-height: 100%;
    /* line-height: 35px; */
    vertical-align: middle;
    padding: 0 0 0 1vw;
    border: 0;
    font-size:15px;
    width:100%
}
input.phone::placeholder {
  font-size: 15px;
}

input.phone::-webkit-input-placeholder {
  font-size: 15px;
}

input.phone:-ms-input-placeholder {
  font-size: 15px;
}

input.phone::-ms-input-placeholder {
  font-size: 15px;
}

input.phone:-moz-placeholder {
  font-size: 15px;
}

input.phone::-moz-placeholder {
  font-size: 15px;
}
/*파란색 DB 공통*/
.blue_info {/* position:relative; *//* z-index: 999999999; */padding:30px 20px;border-radius:20px 20px 0 0;background:#f0f0f0;}
.blue_info img {display: block; width:70%; margin:0 auto; padding:0 0 5vw 0}
.blue_info h3 {margin-bottom:24px; color:#222; font-size:25px;}
.blue_info.one {padding:63px 20px 38px;}
 
.calc_form {display:flex; flex-wrap:wrap;}
.calc_form > *:nth-child(odd) {width:130px;margin-right:8px;}
.calc_form > input {color:#000; width:calc(100% - 138px);height:50px;padding:0 15px;margin-bottom:8px;border:1px solid #dce0e3;border-radius:5px;font-size:15px;background:#fff;}
.calc_form > input::placeholder {color:#666; font-size:15px;}
.calc_form > input:focus {padding-left:14px; border:2px solid #ffde00;}
.calc_form > input.on {color:#000; background-image:url(220329_ico_check.png); background-repeat:no-repeat; background-position:center right 9px; background-size:16px;}
.calc_form > input.on:focus {background-position:center right 8px;}
.calc_form .type_radio {display:flex; width:130px; height:50px; border:1px solid #ddd; border-radius:5px; background:#fff;}
.calc_form .type_radio label {flex:1; height:100%; text-align:center; background:#f9f9f9;}
.calc_form .type_radio label input {position:absolute; width:0; height:0; margin:0; clip:rect(0,0,0,0); border:0; overflow: hidden;}
.calc_form .type_radio label input:checked + span {position:relative; z-index:2; color:#fff;}
.calc_form .type_radio label input:checked + span:before {content:''; position:absolute; z-index:-1; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); border-radius:5px; background:#150f96;}
.calc_form .type_radio label span {display:inline-block; width:100%; height:100%; padding-top:13px; color:#666; font-size:15px;}
 
/* button sex */
.calc_form .sex {position:relative;border:1px solid #dce0e3;border-radius:5px;height:50px;}
.calc_form .sex a{width:64px;height:48px;font-size:15px;box-sizing:border-box;text-align:center;padding:3.6vw;float:left;background: #fff;color: #666;border-radius:0 5px 5px 0;}
.calc_form .sex a:first-child{background: #fff;color: #666;border-radius:5px 0 0 5px;}
.calc_form .sex a:first-child.on{background: #150f96;color: #fff;font-weight: bold; margin-right: 0;border-radius:5px 0 0 5px;}
.calc_form .sex a.on{background: #150f96;color: #fff;font-weight: bold}
 
/*버튼 공통*/
.btn_wrap {display:flex; width:100%; margin-top:12px; border-radius:5px; overflow:hidden;}
.btn_wrap > * {flex-grow:1; height:50px; color:#222; font-size:16px; font-weight:700; text-align:center;}
.btn_wrap .free {color:#fff; background:#535353; width:2%;}
.btn_wrap .calc {background:#ffde00;}
 
/*이미지 소 타이틀 공통*/
[class^="img_smtit"] {display:block; width:164px; height:18px; margin:0 auto 24px; text-indent:-9999px; background-repeat:no-repeat; background-size:100%; background-position:center;}
[class^="img_smtit"] img {width:100%;}
.img_smtit00 {background-image:url(221209_ico_tooth_tit.png);}
.img_smtit01 {background-image:url(221209_ico_step_tit01.png);}
.img_smtit02 {background-image:url(221209_ico_step_tit02.png);}
.img_smtit03 {background-image:url(221209_ico_step_tit03.png);}
.img_smtit04 {background-image:url(221209_ico_step_tit04.png);}
.img_smtit05 {background-image:url(221209_ico_qna_tit.png);}
 
 
/*노란줄*/
.line strong {position:relative;/* z-index:2; */}
.line strong:before {content:'';position:absolute;z-index:-1;bottom:0;left:50%;width:100%;height:12px;padding: 0 7px;background:#ffde00;transform:translateX(-50%);}
 
/* 테이블 공통 */
.comon_table thead th {padding:9px 0; background:#eef5ff; word-break:keep-all;}
.comon_table tbody th {border-bottom:1px solid #ddd; background:#f9f9f9;}
.comon_table tbody td {padding:12px 2px 12px 8px; border-bottom:1px solid #ddd; line-height:1.4; word-break:break-word;}
.comon_table tbody td + td {border-left:1px solid #ddd;}
 
.sm_table {margin-bottom:12px; border-top:2px solid #222; border-bottom:1px solid #222; text-align:center;}
.sm_table thead th {padding:5px 0; border-bottom:1px solid #222; background:#fff; word-break:keep-all;}
.sm_table thead th + th {border-left:1px solid #ddd;}
.sm_table tbody td {padding:4px 2px; word-break:keep-all;}
.sm_table tbody tr:last-child td {border-bottom:0;}
 
/*대타이틀*/
.con_tit {text-align:center;}
.con_tit h3 {width:320px; margin:0 auto;}
.con_tit h3 + p {margin-top:28px;}
.con_tit p {font-size:15px}
.con_tit .line strong {margin-left:8px; margin-right:8px; color:#150f96;}
.con_tit .line strong:before {bottom:-2px; height:25px;}
 
.con_tit.type02 p {line-height:1.6;}
.con_tit.type02 p span {color:#150f96;}
.con_tit.type02 .line {font-size:18px;}
.con_tit.type02 .line + p {margin-top:20px;}
.con_tit.type02 .line strong {color:#222;}
.con_tit.type02 .line strong:before {bottom:-4px; height:18px;}
 
/*텍스트 리스트 공통*/
.txt_li {margin-top:20px;}
.txt_li li {color:#777; line-height:1.5; word-break:keep-all;font-size:13px}
.txt_li li:before {content:''; display:inline-block; position:relative; width:2px; height:2px; margin-right:5px; border-radius:50%; vertical-align:middle; background:#777;}
.txt_li .em {margin-bottom:7px;}
.txt_li .em:before {content:'*'; top:2px; width:auto; height:auto; border-radius:0; background:transparent;}
.txt_li .em02:before {background:#e94a4a;}
.txt_li .em02 {color:#e94a4a; line-height:1.5;}
 
.txt_li.type02 {margin-top:14px;}
.txt_li.type02 li:before {display:none;}
 
.txt_li.type03 li {position:relative; padding-left:8px;}
.txt_li.type03 li:before {position:absolute; z-index:1; top:9px; left:0;}

.text_box{width:90%; margin:0 auto; padding:0 0 6vw 0}

/* 메인 */
.old_type [class^="img_smtit"] {margin-left:0; margin-bottom:8px;}
 
.old_type .old_tab {width:330px; padding:0 3px; margin:0 auto 42px; text-align:center; border-radius:14px; background:#ebf3ff;}
.old_type .old_tab li {display:inline-block; position:relative;}
.old_type .old_tab li a {display:block;width:100%;height:100%;padding:5px 12px;color:#acb1d9;font-size:15px;font-weight:700;}
.old_type .old_tab li.on a {color:#150f96;}
.old_type .old_tab li.on:after {content:''; position:absolute; bottom:-18px; left:50%; width:6px; height:6px; margin-left:-3px; border-radius:50%; box-shadow:0 0 15px 0 rgba(0,123,224,1); background:#150f96;}
 
.old_type .old_con .tit {position:relative; width:100%; font-size:22px; line-height:1.27;}
.old_type .old_con .tit:after {content:''; position:absolute; z-index:-1; top:-34px; right:0; width:92px; height:101px; background-size:100%; background-position:center; background-repeat:no-repeat;}
.old_type .old_con .tit strong:before {bottom:2px; padding:0 2px;}
.old_type .old_con .old01 .tit:after {background-image:url(220329_ico_tooth_m01.png);}
.old_type .old_con .old02 .tit:after {background-image:url(220329_ico_tooth_m02.png);}
.old_type .old_con .old03 .tit:after {background-image:url(220329_ico_tooth_m03.png);}
.old_type .old_con .old04 .tit:after {background-image:url(220329_ico_tooth_m04.png);}
 
.old_type .old_con ul {margin-top:11px; margin-bottom:15px;}
.old_type .old_con ul li {display:inline-block; padding:3px 7px; margin-right:7px; margin-bottom:7px; border:1px solid #666; color:#666; border-radius:5px;}
.old_type .old_con ul li:before {content:'#'; display:inline-block;}
 
/* 메인 상단 예상 보혐료 */
.result_charge {padding:25px 0; text-align:center; background:#fff;}
.result_charge > p {margin-bottom:6px; font-size:16px;}
.result_charge > p em {color:#150f96; font-weight:700;}
.result_charge .inp_box {font-size:27px;}
.result_charge .inp_box .inp {display:inline-block; position:relative; top:-1px; width:130px; height:43px; margin-right:4px; vertical-align:bottom;}
.result_charge .inp_box .inp:after {content:''; position:absolute; z-index:1; bottom:6px; left:50%; width:14px; height:26px; background:url(221209_ico_q.png); background-size:100%; margin-left:-7px;}
.result_charge .inp_box .inp.on:after {display:none;}
.result_charge .inp_box .inp input {width:100%; height:43px; color:#150f96; font-size:32px; font-weight:700; text-align:center; border:0; border-bottom:2px solid #150f96; border-radius:0; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
 
/* 상품 정보 탭 */
.info_tabwrap {position:relative; padding-top:60px;}
.info_tabwrap .tab:after {content:''; display:block; clear:both;}
.info_tabwrap .tab {position:absolute; z-index:99; top:0; left:0; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.info_tabwrap .tab.fixed {position:fixed;}
.info_tabwrap .tab li {float:left; position:relative; width:25%; text-align:center;}
.info_tabwrap .tab li a {display:block; width:100%; height:100%; padding:20px 0; font-size:15px; font-weight:700;color:#222;}
.info_tabwrap .tab li.on a {color:#150f96;}
.info_tabwrap .tab li.on a:after {content:''; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#150f96;}
 
.info_tabwrap .tab_con .con {padding:50px 0;}
.info_tabwrap .tab_con .con.two [class^="img_smtit"] {background-image:url(220329_ico_step_tit02.png);}
.info_tabwrap .tab_con .con + .con {border-top:1px solid #ddd;}
 
/* 보장내용 */
.tab_con .detail .con {padding:50px 0;}
.tab_con .detail .con + .con {padding-top:0; border-top:0;}
.tab_con .detail .dt_tit {margin-bottom:25px; font-size:17px;}
.tab_con .detail .dt_tit.mb01 {margin-bottom:12px;}
.tab_con .detail .dt_tit.mb02 {margin-bottom:23px;}
.tab_con .detail .comon_table + .g_txt {margin-top:22px;}
.tab_con .detail .g_txt {display:block; margin-bottom:15px; color:#666; line-height:1.5;}
.tab_con .detail .b_txt {display:block; margin-bottom:12px; font-size:16px; color:#150f96;}
.tab_con .detail .bk_txt {line-height:1.5;}
.tab_con .detail .bk_txt + .txt_li {margin-top:8px;}
.tab_con .detail .bk_txt02 {margin-bottom:12px; font-size:16px; font-weight:600;}
.tab_con .detail .num_li {margin-top:20px;}
.tab_con .detail .num_li li {color:#666; line-height:1.5;}
.tab_con .detail .txt_li + .comon_table {margin-top:20px;}
 
.tab_con .guide .comon_table tbody td {padding:6px 4px 6px;}
 
 
.bd_list:after {content:''; display:block; clear:both;}
.bd_list {padding-top:20px; margin:0 -4px -8px;}
.bd_list li {float:left; width:calc(33.33% - 8px); height:135px; padding-top:80px; margin:0 4px 8px;  border:1px solid #ddd; border-radius:10px; text-align:center; background-size:62px; background-position:center top 18px; background-repeat:no-repeat;}
.bd_list li strong {font-size:16px;}
.bd_list li.tooth01 {background-image:url(220329_ico_tooth_li01.jpg);}
.bd_list li.tooth02 {background-image:url(220329_ico_tooth_li02.jpg);}
.bd_list li.tooth03 {background-image:url(220329_ico_tooth_li03.jpg);}
.bd_list li.tooth04 {background-image:url(220329_ico_tooth_li04.jpg);}
.bd_list li.tooth05 {background-image:url(220329_ico_tooth_li05.jpg);}
.bd_list li.tooth06 {background-image:url(220329_ico_tooth_li06.jpg);}
 
.bd_list.type02 {margin:0 -5px -5px;}
.bd_list.type02 li {width:calc(50% - 10px); margin:0 5px 10px; height:170px; padding-top:97px;}
 
 
/* 임플란트 평균 비용 */
.progress {margin:50px 0; text-align:center;}
.progress .impla_tit p {font-size:15px;}
.progress .impla_tit > em {display:block; margin-top:4px; color:#e94a4a; font-size:20px;}
.progress .graph1 {position:relative; margin:21px 0;}
.progress .graph1 .txt {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.progress .graph1 .txt p {color:#150f96; font-size:26px; font-weight:700;}
.progress .graph1 .txt p strong {display:inline-block; position:relative; top:3px; margin-right:4px; font-size:40px;}
.progress .graph1 .txt em {font-size:19px; font-weight:700;}
.progress > p {color:#666; line-height:1.45;}
 
 
.impla_con .con_tit .txt:after {content:''; display:inline-block; position:relative; top:2px; width:14px; height:15px; margin-left:5px; background:url(221209_ico_hand.jpg) no-repeat center; background-size:100%;}
.impla_li {padding-top:48px;}
.impla_li li {background-position:center top 29px;}
.impla_li li p {margin-bottom:5px;}
.impla_li li.tooth01 {background-image:url(220329_ico_tooth_li01_2.jpg);}
.impla_li li.tooth02 {background-image:url(220329_ico_tooth_li02_2.jpg);}
.impla_li li.tooth03 {background-image:url(220329_ico_tooth_li03_2.jpg);}
.impla_li li.tooth04 {background-image:url(220329_ico_tooth_li04_2.jpg);}
 
 
/* 가입 만기 */
.period_graph {position:relative; left:50%; width:calc(100% + 40px); margin-top:20px; max-width:360px; transform:translateX(-50%);}
.period_graph > img {width:100%;}
.period_graph .period {position:absolute; z-index:1; left:calc(50% - 40px); bottom:0; width:83%; height:71%; transform:translateX(-50%); }
.period_graph .period:before {content:''; position:absolute; z-index:1; left:40px; top:0; width:100%; height:4px; border-radius:2px; background:#150f96;}
.period_graph .period .bar {position:absolute; z-index:1; left:40px; width:1px; height:83%; top:0; border-top:4px solid #150f96; background:rgba(141,136,255,0.1); overflow:visible !important;}
.period_graph .period .bar:before,
.period_graph .period .bar:after {content:''; position:absolute; z-index:1; width:20px; height:20px; border-radius:50%; border:6px solid #150f96; background:#fff; box-sizing:border-box;}
.period_graph .period .bar:before {left:-10px; top:-13px;}
.period_graph .period .bar:after {right:-10px; top:-13px;}
 
/* 왜 선택해야할까요? */
.why_selcon {margin-top:20px;}
.why_selcon > div {padding:29px 0; border-radius:5px; border:1px solid #ddd;}
.why_selcon > div + div {margin-top:11px;}
.why_selcon .tit {font-size:21px; text-align:center;}
.why_selcon .txt {font-size:14px; text-align:center; line-height:1.7;}
 
.why_selcon .blue_graph {margin:22px auto; text-align:center;}
.why_selcon .blue_graph:before {content:''; display:inline-block; width:100px; height:100px; margin-right:26px; vertical-align:middle; background:url(221209_pic_bluegraph.jpg) no-repeat center; background-size:100%;}
.why_selcon .blue_graph .percent {display:inline-block; vertical-align:middle;}
.why_selcon .blue_graph .percent p:before {content:''; display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:#150f96;}
.why_selcon .blue_graph .percent p {display:inline-block; position:relative; margin-bottom:6px; font-size:12px;}
.why_selcon .blue_graph .percent strong {display:block; padding-left:14px; color:#150f96; font-size:19px;}
 
.why_selcon .satisfy {height:77px; margin:48px 0 18px; text-indent:-9999px; background:url(221209_pic_click.jpg) no-repeat center; background-size:198px;}
 
/* click! 상담신청 */
.counsel_btn {display:block; position:relative; margin-top:-12px; margin-bottom:44px;}
.counsel_btn a {display:block; position:relative; width:100%; height:100%; padding:14px 0 10px 64px; border-radius:5px; background:#535353 url(221209_ico_bigcall.jpg) no-repeat center left; background-size:49px;}
.counsel_btn a:after {content:''; position:absolute; top:50%; right:16px; width:7px; height:12px; margin-top:-6px; background:url(220329_ico_btn_ar.png) no-repeat center; background-size:100%;}
.counsel_btn p {margin-bottom:4px; color:#fff; font-size:12px;}
.counsel_btn strong {color:#ffde00; font-size:26px;}
 
 
/* qna */
.qna_li {margin-top:28px; margin-bottom:14px;}
.qna_li li {padding:15px 20px; border:1px solid #ddd; border-radius:10px; word-break:keep-all; background-position:top 16px right 25px; background-repeat:no-repeat; background-size:49px;}
.qna_li li.qna01 {background-image:url(220329_ico_q_tooth01.jpg);}
.qna_li li.qna02 {background-image:url(220329_ico_q_tooth02.jpg);}
.qna_li li.qna03 {background-image:url(220329_ico_q_tooth03.jpg);}
 
.qna_li li + li {margin-top:20px;}
.qna_li li > p {position:relative; padding-left:34px;}
.qna_li li > p:before {position:absolute;/* Z-index:1; */top:0;left:0;width:25px;height:25px;border-radius:50%;text-align:center;line-height:25px;}
.qna_li li > p + p {border-top:1px solid #ddd;}
.qna_li li > .q_txt:before {content:'Q'; top:-3px; color:#150f96; background:#f9f9f9;}
.qna_li li > .a_txt:before {content:'A'; top:15px; color:#fff; background:#150f96;}
.qna_li li > .q_txt {padding-bottom:15px; font-size:16px; font-weight:700; line-height:1.38;}
.qna_li li > .q_txt strong {color:#150f96;}
.qna_li li > .a_txt {padding-top:15px; line-height:1.7;}
.qna_li li > .a_txt span {color:#150f96;}
 
.qna_li li .line strong:before {bottom:1px; height:9px; padding:0 2px;}
 
/* 플로팅 버튼 */
.float_btn {position:fixed; z-index:98; bottom:-131px; left:0; width:100%; flex-direction:column; align-items:end; transition:all .4s ease;}
.float_btn.show {bottom:0;}
.float_btn .btn_wrap {margin-top:0; border-radius:0;}
.float_btn .go_top {position:absolute;z-index:1;bottom:65px;right:14px;width:44px;height:44px;border:1px solid #150f96;border-radius:5px;text-indent:-9999px;background:#fff url(221209_ico_topbtn.png) no-repeat center;background-size:100%;}
 
/* 보험료계산팝업 */
.calc_pop {position:fixed; z-index:9999; bottom:-1000px; left:0; width:100%; height:100%; opacity:0; transition:all .5s ease;}
.calc_pop.open:before {content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.calc_pop.open {bottom:0; opacity:1;}
.calc_pop .blue_info {position:absolute; bottom:0; left:0; width:100%;}
.calc_pop .free {display:none;}
.calc_pop .pop_close {position:absolute; z-index:1; top:24px; right:15px; width:50px; height:50px; text-indent:-9999px; background:url(220329_ico_close_m.png) no-repeat center; background-size:19px;}
 
/* footer */
footer {color:#666; line-height:1.45;}
footer .blue,
footer .logo {display:inline-block; color:#150f96;}
footer .top {padding:22px 0; border-bottom:1px solid #ddd;}
footer .btm {padding:42px 20px 96px;}
footer .btm .ft_link {margin-bottom:8px;}
footer .btm .ft_link a {display:inline-block; padding:6px 10px; color:#222;}
footer .btm .ft_link a:first-child {padding-left:0;}
footer .btm address .logo + p {margin-top:18px;}
 
 
.s05m {display: flex; cursor: pointer; background-color: #fff; box-shadow : 0px -5px 5px 0px rgba(0,0,0,0.1);}
.s05m > div { width: 33.33%; }
.s05m > div.w50 { width: 50%; }
 
.footer {position: fixed;left:0px;bottom:0px;width:100%;z-index: 99;}
 
.consultForm div.popApplyWrap, .calcForm div.popApplyWrap {
    position:relative;
    border-radius:20px 20px 0 0;
    z-index: 9999999999;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 83vw;
    box-shadow : 0px -9999px 0px 9999px rgba(0,0,0,0.6);
    display: none;
}
.bottom_form_inner{background-color: white; height: 90vw;}
.bottom_form_close{width:6vw; position: absolute; margin-left:88vw; margin-top:9vw;}
.birthday {width: 25vw; margin-right:1.5vw;}
.birthday1 {width: 11vw; margin-left:1.5vw; margin-right:1.5vw;}
.name {width: 58.33vw;}
.name .name_footer { margin-top: 0; }
.margin_l4{margin-left: 4.4vw;}
.productInputBox ul { position:relative; padding-left: 5.5vw;}
.productInputBox ul:after {content:""; display:block; clear:both; }
.productInputBox ul li:after {content:""; display: block; clear: both; }
.productInputBox ul li {float:left; position: relative; top:-2vw; width:100%; }
.btn_area { padding: 0 0 5vw 0;}  
.btn_area > p {width: 78vw; text-align: center; cursor: pointer; margin: 0 auto;}
.form_bt {width: 38.47vw;}