@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

body{margin: 0;}
ul{
	margin: 0;
	padding: 0;
}
ul li{
	list-style: none;
}
table, th, td {
	border-collapse: collapse;
	border-spacing: 0;
}
.m_view {
	display: none
}

/* ==========================================================================
Base styles: popup_layer css
========================================================================== */
/* ========================모달팝업======================= */
	.modal-wrap{overflow: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;display:none;position: fixed;top:0;left:0;bottom:0;width:100%;height:100%;z-index:10001;box-sizing:border-box;}
	.modal-wrap .is_wrap{margin:0 auto;width:100%;min-width:320px;background:#fff;-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-perspective:1000;-moz-perspective:1000;-o-perspective:1000;perspective:1000;border-radius:0}
	.overlay {display:block;position:fixed;left:0;top:0;width:100%;bottom:0;background:#000;opacity: 0.6;z-index:10000; filter: alpha(opacity=60);}
	.overlay.up {z-index:10001;}
	.modal-wrap .modal_cont{padding:24px 24px 44px;}
	#compareHospitalPc .modal_cont{padding: 0;}
	.modal-wrap .modal_cont.ty2{padding:44px 24px 44px;}
/* layer_popup */
	.modal_popup_close,.layer_merge_close{position:absolute;right:20px;top:50%;margin-top:-15px;;display:block;width:30px;height:30px;background:url(../images/popup/popup_close.png) no-repeat center center;background-size:30px 30px;text-indent:-99999px;z-index:10002}
	.modal_head{position:relative;font-size:24px;color:#fff;font-weight:500;height:64px;line-height:64px;border-top:4px solid #33C1FF;background:#008BC8;text-align: center;border-bottom:1px solid #e2e6e9;}
/* ========================== 팝업 ===========================*/

/* 알림 */
.modal-wrap.modal_alert .is_wrap{max-width:440px}
/*.modal-wrap.modal_alert .modal_cont{padding:24px 24px 44px}*/
.modal_alert .modal_cont{text-align: center;font-size:18px;}
.modal_alert .modal_cont .alert_tit{text-align: center;font-size:18px}

/* 기업체 검색 */
	.modal-wrap.modal_companySch .is_wrap{max-width:440px}
	/*.modal-wrap.modal_companySch .modal_cont{padding:24px 24px 44px}*/
	.sch_area{position:relative;padding-right:132px;margin-bottom:25px;}
	.sch_area dd{position:absolute;right:0;top:0;}
	.sch_area dd a{width:120px;height:44px;line-height:44px;color:#fff;font-size:18px;background:#9cb4c7;display:block;border-radius:20px;text-align: center;font-weight: 500;}
	.result_list{border-top:1px solid #dcecf5;border-bottom:1px solid #dcecf5;}
	.result_list ul{overflow:auto;max-height:250px;}
	.result_list li{padding:6px 3px;border-top:1px solid #e2e6e9;}
	.result_list li:first-child{border-top:0 !important;}
	.result_list li dl{position:relative;padding-right:85px}
	.result_list li dl dt{padding:7px 0 7px 15px;font-size:18px;color:#464646;font-weight: 400;}
	.result_list li dl dd{position:absolute;right:0;top:50%;margin-top:-18px;}
	.result_list li dl dd a{width:72px;height:36px;line-height:36px;color:#008BC8;font-size:16px;background:#fff;display:block;border-radius:20px;text-align: center;font-weight: 500; border: 1px solid #008BC8;}

/* 가족 예약 현황 */
	.modal-wrap.modal_familyRes .is_wrap{max-width:440px}
	/*.modal-wrap.modal_familyRes .modal_cont{padding:24px 24px 44px}*/
	.family_reslist{border-top:2px solid #dcecf5;border-bottom:2px solid #dcecf5;}
	.family_reslist ul{overflow:auto;max-height:250px}
	.family_reslist li{padding:6px 0;border-top:1px solid #e2e6e9;}
	.family_reslist li:first-child{border-top:0 !important;}
	.family_reslist li dl{position:relative} 
	.family_reslist li dl dt{padding:7px 0 7px 25px;font-size:18px;color:#464646;font-weight: 400;}
	.family_reslist li dl dd{position:absolute;right:25px;top:50%;margin-top:-12px;}

/* 검사항목 평가기준 */
	.modal-wrap.modal_standard .is_wrap{max-width:920px}
	/*.modal-wrap.modal_standard .modal_cont{padding:24px 24px 44px}*/
	.checkup_standard{font-size:18px;color:#464646;font-weight: 400;line-height:1.5;padding:25px 25px;border-top:2px solid #dcecf5;border-bottom:2px solid #dcecf5}

/* 검진 전 주의사항 */
	.modal-wrap.modal_checkupCare .is_wrap{max-width:920px}
	.modal-wrap.modal_checkupCare .modal_cont{/*padding:24px 24px 44px*/max-height:700px;overflow:auto;}
	.modal-wrap.modal_checkupCare .care_mal{margin:35px auto 80px}

/* 검진 전 주의사항 */
	.modal-wrap.modal_yearRes .is_wrap{max-width:1200px}
	/*.modal-wrap.modal_yearRes .modal_cont{padding:24px 24px 44px;}*/


/* 최근 3년간 예약현황 */
	.yearRes_top{text-align: center;font-size:18px;color:#464646;font-weight: 400;line-height:1.5;margin-bottom:12px;}
	.trans_cg,.trans_area{display:table;text-align: center;width:100%;}
	.trans_cg dd{display:table-cell;text-align: center;height:60px;padding:5px 5px;background:#f7f7f7;font-size:18px;color:#464646;font-weight: 500;vertical-align:middle;text-align: center;}
	.trans_area dd{display:table-cell;text-align: center;height:60px;padding:5px 5px;background:#fff;font-size:18px;color:#464646;font-weight: 400;vertical-align:middle;text-align: center;}
	.trans_cg{display:table;text-align: center;}
	.trans_table{border-top:2px solid #a4d8ea;border-bottom:2px solid #dcecf5;}
	.trans_table li{border-top:1px solid #e2e6e9;}
	.trans_table li:first-child{border-top:0}
	.trans_table .day{width:150px}
	.trans_table .user{width:115px}
	.trans_table .hp{width:240px}
	.trans_table .choice{width:647px}
	.mUser{border:8px solid #e2e6e9;padding:0 8px;margin:20px auto 15px;display:none}
	.mUser dt{height:46px;line-height:46px;text-align: center;font-size:17px;color:#5793c1;font-weight: 700;border-bottom:1px solid #eceef0;}
	.mUser dd{height:66px;line-height:66px;text-align: center;font-size:16px;color:#464646;font-weight: 400;}
	.mUser dd span{font-size:20px;font-weight: 500;}

/* 본인부담 가족 추가 */
    .modal-wrap.modal_addSelf .is_wrap{max-width:760px}
	.modal-wrap.modal_addfamily .is_wrap{max-width:760px}
	.table_cg dl{display:table;width:100%;border-top:2px solid #a4d8ea;border-bottom:1px solid #edeff0;}
	.table_cg dd{display:table-cell;vertical-align:top;padding:12px 6px;text-align: center;font-size:18px;font-weight: 500;background:#f7f7f7}
	.cgname{width:135px}
	.cgbday{width:150px}
	.cgsex{width:165px}
	.cgphone{width:155px}
	.cgaddrbtn{width:465px}
	.cgaddr{width:420px}
	.cgdel{width:40px;vertical-align:middle !important;}
	.cgdel a{width:28px;height:28px;display:block;background:url(../images/popup/cell_del.png) no-repeat;background-size:28px 28px;text-indent:-99999px;margin:0 auto;}

	.table_cgbody{border-bottom:1px solid #e2e6e9;}
	.table_cgbody > ul > li{border-top:2px solid #dcecf5;}
	.table_cgCell{display:table;width:100%;padding:0 10px;}
	.table_cgCell > dd{display:table-cell;vertical-align:top;padding:14px 6px;text-align: center;}
	.table_cgCell > dd input[type="text"],.table_cgCell > dd input[type="tel"]{text-align: center;}
	.table_cgCell > dd .addr_inner input[type="text"]{text-align:left;}
	.cgsex ol li{display:inline-block;padding:10px 5px}

	.addr_inner{position:relative;padding-left:112px;}
	.addr_inner .addr1{position:absolute;left:0;top:0;width:100px}
	.addr_inner ol > li{margin-top:10px;}
	.addr_inner ol > li:first-child{margin-top:0;}
	.btn_scaddr{height:44px;line-height:44px;color:#fff;font-size:18px;background:#5793c1;display:block;width:100%}
	.add_btn{width:100%;height:58px;line-height:58px;text-align: center;font-size:20px;font-weight: 700;border-bottom:2px solid #dcecf5;position:relative;margin-bottom:45px;background: #f7f7f7;background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );}
	.add_btn a{width:30px;height:30px;display:block;text-indent:-99999px;background:url(../images/popup/cell_add.png) no-repeat center center;background-size:25px 25px;position:absolute;right:15px;top:50%;margin-top:-15px;}
	.pop_btnArea ul{text-align: center;}
	.pop_btnArea ul li{display:inline-block;margin:0 4px;}
	.pop_btnArea a{width:200px;height:50px;line-height:50px;color:#fff;text-align: center;border-radius:25px;background:#06A5EA;display:inline-block;font-size:20px;}


	/* 1차 검진 예약일 선택 */
		.mres h3{font-size:18px;font-weight: 500;text-align: center;padding:15px 0;border-top:1px solid #dcecf5;border-bottom:1px solid #dcecf5;margin-bottom:22px;}
		.mres .select_time{margin-left:-18px;margin-bottom:35px;}
		.mres .select_time li{float:left;padding-left:18px;width:50%;}
		.mres .select_time li a{width:100%;height:40px;line-height:40px;border-radius:20px;display:block;color:#fff;font-size:16px;background:#4abfe7;text-align: center;}
		.mres .select_time li a.after{background:#e08383}
		.no_choice{border-top:2px solid #a4d8ea;border-bottom:2px solid #e8f2f8;}
		.no_choice li{padding:15px 20px;font-size:16px;font-weight: 400;border-top:1px solid #eceef0;}
		.no_choice li:first-child{border-top:0 !important}


	/* 병원 비교 모바일 */
		.layer_merge{position:fixed;left:0;top:0;right:0;bottom:0;background:#fff;z-index:10000;display:none}
		.merge_fix .merge_top{margin:0 17px}
		.layer_merge .is_wrap{top:420px;height:calc(100vh - 420px)}
		.layer_merge .is_wrap.on{top:260px;height:calc(100vh - 260px)}
		.layer_merge .is_wrap .modal_cont{padding:0 17px 40px}
		.merge_top{height:172px;background:#f7f7f7;position:absolute;top:0;left:0;right:0;border-top:2px solid #c2e5f1;border-bottom:2px solid #dcecf5;z-index:100}
		
		.merge_list{margin:0 auto;max-width:326px}
		.merge_slider{padding-top:35px}
		.merge_slider .slick-dots{position:absolute;left:0;right:0;top:0;}

		.merge_top{position:relative;}
		.merge_top ul.merge_hp li{float:left;width:33.33%;border-left:1px solid #e2e6e9;height:170px}
		.merge_top ul.merge_hp li:first-child{border-left:0;}
		.merge_top ul.merge_hp li dl{padding:12px 4px}
		.merge_top ul.merge_hp li dl dd{margin-top:12px;}
		.merge_top ul.merge_hp li dl dd:first-child{margin-top:0;}
		.merge_top ul.merge_hp li dl dd a{width:100%;height:40px;line-height:40px;text-align: center;color: #fff;font-size:16px;display:block;background:#5793c1}
		.merge_top ul.merge_hp li dl select{font-size:13px;background:#fff url(../images/common/select_arrow_01.gif) no-repeat right center;background-size:auto 8px}


        .tail_info{position:absolute;left:0;top:170px;right:0;z-index:3;background:#fff}
		.tail_info a{width:100%;display:block;position:relative;height:40px;line-height:40px;text-align: center;border-bottom:1px solid #edeff0;;background: #f7f7f7; /* Old browsers */background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */}
		.tail_info a:after{content:'';width:18px;height:8px;background:url(../images/common/v_arrow.png) no-repeat;display:block;position:absolute;right:10px;top:50%;margin-top:-4px;}
		.tail_info li{float:left;width:33.33%;height:160px;}
		.tail_info li:after{content:'';width:1px;height:100%;position:absolute;left:0;top:0;bottom:0;background:#eceff1;display:block}
		.tail_info li:first-child:after{content:none}
		.tail_info li dl{padding:15px 2px}
		.tail_info li dl dd{font-size:13px;font-weight: 700;text-align: center;margin-top:7px;}
		.tail_info li dl dd:first-child{margin-top:0;}
		.tail_info li dl dd + dd{color:#5793c1}
		.tail_info li dl dd + dd + dd{color:#66c982}
		.tail_info li dl dd + dd + dd + dd{color:#ea941a}
		.tail_info li dl dd + dd + dd + dd + dd{color:#e08383}
		.tail_info li dl dd + dd + dd + dd + dd + dd{color:#af8dda}
		
		
		
		.comp_info{position:absolute;left:0;top:170px;right:0;z-index:5;background:#fff}
		.comp_info a{width:100%;display:block;position:relative;height:40px;line-height:40px;text-align: center;border-bottom:1px solid #edeff0;;background: #f7f7f7; /* Old browsers */background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */}
		.comp_info a:after{content:'';width:18px;height:8px; display:block;position:absolute;right:10px;top:50%;margin-top:-4px;}
		.comp_info li{float:left;width:33.33%;position:relative;height:160px;border-bottom:1px solid #e1eff6;}
		.comp_info li:after{content:'';width:1px;height:100%;position:absolute;left:0;top:0;bottom:0;background:#eceff1;display:block}
		.comp_info li:first-child:after{content:none}
		.comp_info li dl{padding:15px 2px; text-align: center;}
		.comp_info li dl dd{font-size:13px;font-weight: 700;text-align: center;margin-top:7px;}
		.comp_info li dl dd:first-child{margin-top:0;}
		.comp_info li dl dd + dd{color:#5793c1}
		.comp_info li dl dd + dd + dd{color:#66c982}
		.comp_info li dl dd + dd + dd + dd{color:#ea941a}
		.comp_info li dl dd + dd + dd + dd + dd{color:#e08383}
		.comp_info li dl dd + dd + dd + dd + dd + dd{color:#af8dda}
		
		
		
		.hav_btn dl{margin-left:-2px;margin-top:8px}
		.hav_btn dd{vertical-align:middle;float:left;border-radius:5px;width:33.33%;display:block;padding-left:2px;padding-bottom:2px}
		.hav_btn dd a{display:table-cell;font-size:14px;font-weight: 400;background:#9cb4c7;text-align: center;width:110px;height:46px;vertical-align:middle;color:#fff;border-radius:5px}
		.allview a{background:#4abfe7 !important}
		.result_merge{border-top:2px solid #a4d8ea;margin-bottom:30px;}
		.result_merge li > p{width:100%;display:block;position:relative;height:40px;line-height:40px;text-align: center;border-bottom:1px solid #edeff0;;background: #f7f7f7; /* Old browsers */background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */}
		.result_merge p:after{content:'';width:21px;height:11px;background:url(../images/common/v_arrow2.png) no-repeat;background-size:contain;display:block;position:absolute;right:15px;top:50%;margin-top:-5.5px;}

		.result_merge table{width:100%;}
		.result_merge thead th{background:#f7f7f7;text-align: center;font-size:13px;font-weight: 500;height:40px;vertical-align:middle;border-left:1px solid #f0f1f2;border-bottom:1px solid #f0f1f2;}
		.result_merge thead th:first-child{border-left:0;}
		.result_merge tbody td{background:#fff;text-align: center;font-size:13px;font-weight: 500;height:49px;vertical-align:middle;border-left:1px solid #f0f1f2;border-bottom:1px solid #f0f1f2;}
		.result_merge tbody td:first-child{border-left:0;}
		.result_merge tbody td img{width:18px;vertical-align:middle;}
		.result_merge tbody td .mark{vertical-align:middle;}
		.result_merge tbody td + td .button_Marea{margin-left:-110px}
		.result_merge tbody td + td + td .button_Marea{margin-left:-180px}
		.result_merge tbody td + td + td + td .button_Marea{margin-left:-250px}

		.layer_merge .slick-dots{text-align: center;margin-top:15px;}
		.layer_merge  .slick-dots li{display:inline-block;margin:0 2px;}
		.layer_merge  .slick-dots li button{width:22px;height:4px;display:inline-block;background:#ccc;border-radius:3px;text-indent:-99999px}
		.layer_merge  .slick-dots li.slick-active button{display:inline-block;background:#5793c1}
		.layer_merge  .slick-prev{position:absolute;left: -12px;top: 45%;text-indent: -99999px;width:10px;height:20px;display:block;background:url(../images/common/slider_arrow.png) no-repeat 0 0;background-size:contain;transform:rotate(180deg);}
		.layer_merge  .slick-next{position:absolute;right: -12px;top: 45%;text-indent: -99999px;width:10px;height:20px;display:block;background:url(../images/common/slider_arrow.png) no-repeat 0 0;background-size:contain;}

/* modal_mergeWeb */
		.modal_mergeWeb .is_wrap{max-width:1200px;/*overflow:auto;*/}
		.modal_mergeWeb table{width:100%;table-layout:fixed;border-top:2px;}
		.modal_mergeWeb table th{background:#f7f7f7;font-size:18px;font-weight: 700;text-align: center;padding:15px 10px;border-left:1px solid #e2e6e9;border-bottom:1px solid #e2e6e9;}
		.modal_mergeWeb table td{background:#fff;font-size:14px;font-weight:400;text-align: center;padding:15px 10px;border-left:1px solid #e2e6e9;border-bottom:1px solid #e2e6e9;}
		.modal_mergeWeb table th button{vertical-align:baseline;}
		.modal_mergeWeb table td b{font-size:18px;font-weight:700}
		.modal_mergeWeb table th:first-child,.modal_mergeWeb table td:first-child{border-left:0;}
		.modal_mergeWeb table th ul li{margin-top:12px;}
		.modal_mergeWeb table th ul li:first-child{margin-top:0;font-weight: 400;color: #222;}
		.modal_mergeWeb table th a{width:100%;height:44px;line-height:44px;font-weight: 400;background:#5793c1;color:#fff;display:block;position:relative;}
		.modal_mergeWeb table th a:after{content:'';width:28px;height:26px;background:url(../images/common/arrow_blue.gif) no-repeat;display:block;position:absolute;right:11px;top:50%;margin-top:-13px;}
		.modal_mergeWeb table td dt{font-size:16px;}
		.modal_mergeWeb .down_tb table{border-top:0;}
		.modal_mergeWeb .down_tb table td img{width:28px;vertical-align:middle;}
		.modal_mergeWeb .down_tb table td .mark{vertical-align:middle;}
		.modal_mergeWeb .down_tb table td{font-size:14px;text-align: center;vertical-align:middle;}
		.modal_mergeWeb .chkweb_info{padding:0 2px}
		.modal_mergeWeb .chkweb_info li{font-size:12px;font-weight: 500;text-align: center;margin-top:4px;}
		.modal_mergeWeb .chkweb_info li:first-child{margin-top:0; color: #222;}
		.modal_mergeWeb .chkweb_info li + li{color:#06a5ea}
		.modal_mergeWeb .chkweb_info li + li + li{color:#66c982}
		.modal_mergeWeb .chkweb_info li + li + li + li{color:#ff7562}
		.modal_mergeWeb .chkweb_info li + li + li + li + li{color:#4fb3bc}
		.modal_mergeWeb .chkweb_info li + li + li + li + li + li{color:#637ecf}
		.vt_t{vertical-align: top !important}


		.modal-wrap.modal_checkq .is_wrap{max-width:440px}
		.modal-wrap.modal_checkq .is_wrap dd{font-size:14px;line-height:1.6}
		.modal-wrap.modal_checkq .is_wrap dd.tit{margin-bottom:15px}
		.modal-wrap.modal_checkq .is_wrap dt{font-size:18px;font-weight: 700;margin-bottom:10px}

    /*comparehospital pc thead 고정*/
        .modal_mergeWeb #scroller{width: 100%; height: 100vh; position: relative;}
        .modal_mergeWeb .modal_cont{overflow-x: hidden; overflow-y: auto; height: 100%;}
        .modal_mergeWeb .modal_cont >:first-child {position: sticky;top:0;}

	/* plan_popinner */
		.plan_popinner{margin-bottom:44px}
		.plan_popinner > ul > li{border-top:1px solid #e2e6e9;}
		.plan_popinner > ul > li:first-child{border-top:0 !important}
		.plan_popinner > ul > li > dl{padding:22px 0 22px 34px;position:relative;}
		.plan_popinner > ul > li > dl dt{font-size:18px;font-weight: 400;}
		.plan_popinner > ul > li > dl dd{position:absolute;right:34px;top:22px;text-align: center;}
		.plan_popinner{border-top:2px solid #dcecf5;border-bottom:2px solid #dcecf5}
		.modal-wrap .plan_popinner > ul > li > dl dd{right:24px}
		.modal-wrap .plan_Listcell > li > dl{padding:22px 24px 22px 24px}

		.modal-wrap.modal_experience .is_wrap{max-width:920px}
		.modal_experience .plan_popinner > ul > li > dl dd{position:inherit;right:inherit;top:inherit;}
		.modal_experience .inner_center{display:inline-block;}
		.modal_experience .inner_center li{margin:0 30px;display:inline-block;}
		.modal-wrap.modal_smoke .is_wrap{max-width:920px}
		.modal-wrap.modal_sool .is_wrap{max-width:920px}

	/* modal_impchoice */
		.modal-wrap.modal_impchoice .is_wrap{max-width:920px}
		.modal-wrap.modal_impchoice .table_inner table th{padding:25px 0}
		.modal-wrap.modal_impchoice .table_inner table td{padding:25px 0;line-height:1.6}


	/* is_wrap.alltype */
		.modal-wrap .is_wrap.alltype{max-width:920px}
		.modal-wrap .is_wrap.alltype label{color:#464646 !important}
		.modal-wrap .is_wrap.alltype .plan_Listcell > li > dl dt{background:#fff}
		.modal-wrap .is_wrap.alltype .plan_Listcell > li > dl dt input[type="checkbox"] + label:after{top:50%;margin-top:-12px;}

		.modal-wrap.modal_disres .is_wrap{max-width:440px}
		.modal-wrap.modal_mainsv .is_wrap{max-width:1200px}
		.modal-wrap.modal_mainsv .is_wrap img{width:100%;}
		.modal-wrap.modal_mainsv .is_wrap .modal_cont{padding:0 0 0 0}

	/* modal_satiPoint */
		.modal-wrap.modal_satiPoint .is_wrap{max-width:440px}
		.sati_pinfo{text-align: center;padding:20px 0;text-align: center;font-size:18px;font-weight: 400;line-height:1.6;border-top:2px solid #dcecf5;border-bottom:2px solid #dcecf5}

	/* modal_hs_where */
		.modal-wrap.modal_hs_where .is_wrap{max-width:440px}
		.hs_mwhere{text-align: center;padding:20px 0;text-align: center;font-size:18px;font-weight: 400;line-height:1.6;border:1px solid #dcecf5}

	/* modal_pointAdd */
		.modal-wrap.modal_pointAdd .is_wrap{max-width:920px}
		.modal_pointAdd .care_mal{margin:40px auto 60px;}
		.modal_pointAdd .fmb_list{margin-bottom:44px}
		.add_point{padding:22px 0;border-top:2px solid #dcecf5;border-bottom:2px solid #dcecf5;margin-bottom:44px}
		.add_ptbox{width:50%;float:left;max-width:440px;width:100%;padding-left:25px;}
		.add_ptpay{width:50%;float:left;max-width:410px;width:100%;padding-left:25px;}
		.add_ptbox dl{padding-right:190px;position:relative;min-height:44px}
		.add_ptbox dt{font-size:17px;font-weight: 400;line-height:44px}
		.add_ptbox dd{position:absolute;right:0;top:50%;margin-top:-22px;}
		.add_ptbox dd input{width:160px}

		.add_ptpay li{display:inline-block;margin-right:5px}
		.add_ptpay li a{width:120px;height:44px;line-height:44px;display:block;text-align: center;font-size:18px;color:#fff;background:#5793c1}

	/* modal_basket  modal_shipping */
	.modal-wrap.modal_basket .is_wrap{max-width:500px}
	.box_blue{font-size:18px;font-weight: 400;text-align: center;padding:25px 10px;margin-bottom:44px;border-top:2px solid #dcecf5;border-bottom:2px solid #dcecf5}
	.modal-wrap.modal_shipping .is_wrap{max-width:920px}
	.modal_shipping .table_inner{margin-bottom:20px}
	.modal_shipping p{text-align: center;font-size:20px;font-weight: 400;}



    /* 기업체 검색 */
        .modal_companySch.open .sch_area dd a{width: 84px;height: 48px; line-height:48px; background: #777;color:#fff; border-radius: 4px;}
	    .modal_companySch.open .sch_area{padding-right: 102px;}
	    .modal_companySch.open .sch_area input{height: 48px;}
	    .modal_companySch.open .result_list dd a{line-height:34px; width: 76px;border-radius: 18px;background: #FFFFFF; color:#008BC8; border: 1px solid #008BC8;}
        .modal_memFindId.open .result_list li dl dt{padding: 0;}	
        .modal_memFindId.open #companySelect .login_search a{border-radius: 23px;background: #FFFFFF; color:#008BC8; border: 1px solid #008BC8;}

@media only all and (max-width:768px){
	.w_layer .modal-wrap .is_wrap{overflow-y: auto;}
	html {-ms-touch-action: none;}
     /*.modal-wrap .modal_cont{padding:20px 17px 44px}*/
	.modal-wrap .modal_cont.ty2{padding:20px 17px 44px;}
	.modal_popup_close,.layer_merge_close{position:absolute;right:15px;top:50%;margin-top:-15px;;display:block;width:30px;height:30px;background:url(../images/popup/popup_close.png) no-repeat center center;background-size:18px 18px}
	.modal_head{font-size:16px;height:46px;line-height:41px;}
	.overlay {background:#fff;opacity:1; filter: alpha(opacity=1);}
	.is_wrap {position: absolute;top:0;bottom:0;left: 0;right:0;height:100%;width: 100%;background: #fff;overflow: hidden;}
	#scroller{position:absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;background: #fff;}
	.modal_alert .modal_cont{font-size:14px;display:table;height:calc(100vh - 50px);width:100%}
	.modal_alert .modal_cont .alert_tit{font-size:14px;display:table-cell;vertical-align:middle;}

	.modal-wrap.modal_companySch .modal_cont{padding:18px 20px 44px}
	.sch_area{position:relative;padding-right:120px;margin-bottom:20px;}
	.sch_area dd a{width:112px;height:40px;line-height:40px;color:#fff;font-size:18px;border-radius:18px;}
	.result_list{border-top:1px solid #dcecf5;border-bottom:1px solid #dcecf5;}
	.result_list ul {overflow:inherit;max-height: inherit;}
	.result_list li{padding:8px 0;}
	.result_list li dl{padding-right:70px}
	.result_list li dl dt{padding:5px 0 5px 15px;font-size:16px;}
	.result_list li dl dd{position:absolute;right:0;top:50%;margin-top:-15px;}
	.result_list li dl dd a{font-size:14px;width:60px;height:30px;line-height:29px;border-radius:15px;}
    .modal_companySch.open .result_list dd a{line-height: 30px;}

	/* 가족 예약 현황 */
		/*.modal-wrap.modal_familyRes .modal_cont{padding:20px 17px 44px}*/
		.family_reslist{border-top:1px solid #dcecf5;border-bottom:1px solid #dcecf5;}
		.family_reslist ul{max-height:inherit;}
		.family_reslist li{padding:0 0;}
		.family_reslist li dl dt{padding:15px 0 15px 20px;font-size:16px;}
		.family_reslist li dl dd{position:absolute;right:20px;margin-top:-10px;}
	/* 검사항목 평가기준 */
		/*.modal-wrap.modal_standard .modal_cont{padding:20px 17px 44px}*/
		.checkup_standard{font-size:13px;padding:12px 12px;border-top:1px solid #dcecf5;border-bottom:1px solid #dcecf5;line-height:1.6}

	/* 검진 전 주의사항 */
		.modal-wrap.modal_checkupCare .modal_cont{/*padding:20px 17px 44px;*/max-height:inherit;overflow:initial;}
		.modal-wrap.modal_checkupCare .care_mal{margin:10px auto 30px}

	/* 최근 3년간 예약현황 */
	.yearRes_top{font-size:13px}
	.trans_cg{display:none !important}
	.trans_area{display:block;}
	.trans_area dd{display:block;text-align: center;height:auto;padding:0 0;background:#fff;font-size:13px;width:100%}
	.trans_area dd p{display:block;text-align: center;height:auto;padding:16px 5px;background:#fff;font-size:13px;width:100%}
	.trans_cg{display:table;text-align: center;}
	.trans_table{border-top:0;border-bottom:0}
	.trans_table li{border-top:2px solid #a4d8ea;border-bottom:1px solid #dcecf5;margin-bottom:25px;}
	.trans_table li:first-child{border-top:2px solid #a4d8ea}
	.trans_table .day{width:100% !important}
	.trans_table .user{display:none}
	.trans_table .hp{width:100% !important}
	.trans_table .choice{width:100% !important}

	.trans_table dd:before{content:"";width:100%;height:40px;line-height:40px;text-align: center;font-size:14px;color:#464646;font-weight: 500;background:#f7f7f7;display:block;border-bottom:1px solid #eceef0;border-top:1px solid #eceef0;}
	.trans_table dd.day:before{content:"검진일"}
	.trans_table dd.hp:before{content:"검진 병원"}
	.trans_table dd.choice:before{content:"선택 검사"}
	.mUser{margin:20px -24px 15px;display:block}

	/* 본인부담 가족 추가 */
		.table_cg{display:none}
		.cgname{width:100% !important}
		.cgbday{width:100% !important}
		.cgsex{width:100% !important}
		.cgphone{width:100% !important}
		.cgaddrbtn{width:100% !important}
		.cgaddr{width:100% !important}
		.cgdel{width:100% !important}
		.cgdel a{width:30px;height:30px;display:block;background:url(../images/popup/cell_del.png) no-repeat;background-size:30px 30px;margin-top:10px;}
		.table_cgbody > ul > li{border-top:1px solid #dcecf5;padding:16px 0}
		.table_cgCell{display:block;width:100%;padding:0 0;}
		.table_cgCell > dd{display:block;vertical-align:top;padding:6px 0}
		.cgsex ol li{display:inline-block;padding:6px 35px}
		.addr_inner{position:relative;padding-left:0;}
		.addr_inner .addr1{position:relative;left:inherit;top:inherit;width:100%;padding-bottom:12px;padding-right:140px;}
		.addr_inner ol > li{margin-top:0;}
		.addr_inner .addr2 ol > li{margin-top:12px;}
		.addr_inner ol > li:first-child{margin-top:0;}
		.btn_scaddr{height:38px;line-height:38px;color:#fff;font-size:16px;width:130px;position:absolute;right:0}
		.add_btn{height:40px;line-height:40px;font-size:16px;border-bottom:1px solid #dcecf5;margin-bottom:30px;}
		.add_btn a{width:30px;height:30px;background:url(../images/popup/cell_add.png) no-repeat center center;background-size:16.5px 16.5px;right:11px;top:50%;margin-top:-15px;}
		.pop_btnArea ul{text-align: center;}
		.pop_btnArea ul li{display:inline-block;margin:0 4px;}
		.pop_btnArea a{width:150px;height:40px;line-height:40px;border-radius:20px;font-size:16px;}
		.modal-wrap.modal_checkq .is_wrap{max-width:inherit;}

	/* plan_popinner */
		.plan_popinner{margin-bottom:27px}
		.modal_experience .inner_center li{margin:0 15px}
		.plan_popinner > ul > li{border-top:0;}
		.plan_popinner{border-top:1px solid #dcecf5;border-bottom:1px solid #dcecf5}
		.modal_experience .plan_popinner > ul > li > dl{padding:22px 0 22px 0}
		.modal-wrap .plan_popinner > ul > li > dl dd{right:inherit;}
		.modal-wrap .plan_Listcell > li > dl dd.input_sool{text-align:right;}
		.modal-wrap .plan_Listcell > li > dl dd.input_sool li{line-height:38px}
		.modal-wrap .plan_Listcell > li > dl{padding:0 0 0 0}
		.inner_sub{background:#fff;padding:0 5px 12px;margin-top:5px;}
		.inner_sub dl{position:relative;padding-left:90px;padding-top:10px;min-height:36px}
		.inner_sub dl dt{position:absolute;left:0;top:3px;margin-top:0;}
		.inner_sub dl dd{font-size:13px}
		.plan_popinner .plan_Listcell > li > dl dd{position: relative;right: inherit;top: inherit;padding: 12px 0;font-size: 16px;text-align: center;}
		.plan_popinner .plan_Listcell > li > dl dt{font-size:14px}
		.input_sool .inner_ul li{margin:0 0;width:100%;padding-right:15px;}
		.input_smoke .inner_ul li{margin:0 0;}
		.modal-wrap .plan_popinner > ul > li > dl dd.input_smoke li{line-height:38px}

	/* modal_impchoice */
		.modal-wrap.modal_impchoice .table_inner table th{padding: 13px 0;}
		.modal-wrap.modal_impchoice .table_inner table td{padding:15px 5px}
		.modal-wrap .is_wrap.alltype .plan_Listcell > li > dl dt{padding:12px 0 12px}

	/* modal_satiPoint */
		.modal-wrap.modal_satiPoint .is_wrap{max-width:inherit;}
		.sati_pinfo{font-size:17px;line-height:1.3;border-top:1px solid #dcecf5;border-bottom:1px solid #dcecf5}

	/* modal_pointAdd */
		.modal-wrap.modal_pointAdd .is_wrap{max-width:inherit;}
		.modal_pointAdd .care_mal{margin:10px auto 30px;}
		.modal_pointAdd .fmb_list{margin-bottom:22px}
		.add_point{padding:0 0 12px;border-top:1px solid #a4d8ea;border-bottom:1px solid #dcecf5;margin-bottom:27px}
		.add_ptbox{width:100%;float:none;max-width:inherit;width:100%;padding-left:0;margin-bottom:12px}
		.add_ptpay{width:100%;float:none;max-width:inherit;width:100%;padding-left:0;}
		.add_ptbox dl{padding-right:0;position:relative;min-height:inherit;border-bottom:1px solid #f5f7f8}
		.add_ptbox dt{font-size:14px;line-height:40px;height:40px;background:#f7f7f7;padding-left:10px;border-bottom:1px solid #eceef0}
		.add_ptbox dd{position:inherit;right:inherit;top:inherit;margin-top:0;padding:12px 0}
		.add_ptbox dd span{display:none}
		.add_ptbox dd input{width:100%}

		.add_ptpay ol{margin-left:-4px}
		.add_ptpay li{display:inherit;margin-right:0;padding-left:4px;width:33.33%;float:left}
		.add_ptpay li a{width:100%;height:40px;line-height:40px;font-size:21px;}

	/* modal_basket modal_shipping */
		.modal-wrap.modal_basket .is_wrap{max-width:inherit;}
		.box_blue{font-size:14px;font-weight: 400;text-align: center;padding:18px 10px;margin-bottom:27px;border-top:1px solid #dcecf5;border-bottom:1px solid #dcecf5}

		.modal-wrap.modal_shipping .is_wrap{max-width:inherit}
		.modal_shipping .table_inner table td{text-align: center;}
		.modal_shipping p{font-size:13px;}

  
}
     
    
	/*아이디 찾기*/
		.modal_memFindId{ position: absolute; width: 500px;left: 35%;overflow: auto;}
        .sch_area .login_search{margin-top: 5px;}
        @media only all and (max-width:768px){
        .modal_memFindId{overflow: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;display:none;position: fixed;top:0;left:0;bottom:0;width:100%;height:100%;z-index:10001;box-sizing:border-box;} }
    /* E1 popup */
		.E1-modal-wrap{/*overflow: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;display:none;position: fixed;*/top:0;left:0;bottom:0;width:100%;height:100%;z-index:9999;box-sizing:border-box;}
		.E1-modal-wrap .is_wrap{margin:0 auto;width:500px;min-width:294px;background:#fff;margin-top: 240px;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);text-align: center;font-size: 16px;}
		.E1-modal-wrap .modal_head{background: #FF7C33; height: 56px; line-height:56px; border-top:0;border-bottom: 6px solid #8e8e8e;}
		.E1-modal-wrap .modal_cont{padding: 36px; color: #333; line-height: 26px;}
		.E1-modal-wrap .modal_cont p{white-space: pre-wrap;}
		.E1-modal-wrap .modal_bottom ul{display: flex;}
		.E1-modal-wrap .modal_bottom ul li{width: 50%;float: left; border: 1px solid #e1e1e1; padding: 13px 0;color: #777;}
		@media only all and (max-width:768px){
		.E1-modal-wrap .is_wrap{width: 328px;height:fit-content; margin-top: 45px;font-size: 14px;margin-left: -165px;}
		.E1-modal-wrap .modal_cont{padding: 32px 16px;}
		.E1-modal-wrap .modal_cont p{white-space: pre;}
		.E1-modal-wrap .modal_head{height: 40px; line-height:40px; border-bottom: 4px solid #8e8e8e;}
		}

		
/*          CI             */
    /* CI pin setting */	
@media only all and (max-width:768px){
    body {
        margin: 0;
    }
    .ci-pin-input{
      width: 100vw;
      position: fixed;
      height: 100vh;
      z-index: 102;
      top: 0;
      background: #fff;
    }
    /*.ci-pin-setting .popup_header, .ci-pin-input .popup_header{
        display: flex;
        justify-content: space-between;
        padding: 0 16px;
        height: 50px;
        line-height: 60px;
        position: relative;
        box-shadow: none;
    }*/
    .ci-pin-setting .ci-pin-top, .ci-pin-input .ci-pin-top{
        text-align: center;
        margin: 80px 0 30px 0;
    }
    .ci-pin-input .ci-pin-top{
       font-weight: 300;
    }
    
    .ci-pin-setting .ci-pin-top > :first-child,  .ci-pin-input .ci-pin-top > :first-child {
        font-size: 20px;
        color: #222;
        font-weight: 400;
    }
    .ci-pin-setting .ci-pin-top > :nth-child(2) {
        font-size: 14px;
        color: #06a5ea;
        margin-top: 6px;
        font-weight: 300;
    }
    .ci-pin-setting .ci-pin-top .dots {
        margin: 38px 0;
    }
    .ci-pin-setting .ci-pin-top .dots ul, .ci-pin-input .ci-pin-top .dots ul{
        list-style: none;
        padding: 0;
        display: inline-flex;
        margin-left: auto;
        margin-right: auto;
        margin: 0;
    }
    .ci-pin-setting .ci-pin-top .dots ul li, .ci-pin-input .ci-pin-top .dots ul li{
        background: #e9e9e9;
        border-radius: 100%;
        height: 16px;
        margin: 0 10px;
        width: 16px;
    }
    .ci-pin-setting .ci-pin-top .dots img, .ci-pin-input .ci-pin-top .dots img{
        vertical-align: bottom;
        width: 24px;
        height: 24px;
    }
    .ci-pin-setting .ci-pin-bottom > div, .ci-pin-input .ci-pin-bottom div{
        margin: 0;
        padding: 0;
        width: 100%;
        position: fixed;
        bottom: 0;
    }
    .ci-pin-setting .ci-pin-bottom > div > ul, .ci-pin-input .ci-pin-bottom > div > ul{
        display: flex;
        list-style: none;
        flex-flow: row wrap;
        justify-content: center;
    }
    .ci-pin-setting .ci-pin-bottom > div > p, .ci-pin-input .ci-pin-bottom > div > p {
        font-size: 14px;
        color: #676767;
        text-align: center;
        width: 100%;
        font-weight: 300;
        margin-bottom: 16px;
    }
    .ci-pin-input .ci-pin-bottom > div > p{
       text-decoration: underline;
    }
    .ci-pin-setting .ci-pin-bottom ul li, .ci-pin-input .ci-pin-bottom ul li {
        cursor: pointer;
        display: flex;
        flex: 0 1 33.33%;
        line-height: 1;
        justify-content: center;
        padding: 18px 0;
        border-collapse: collapse;
        border: 1px solid #eee;
        font-size: 30px;
        color: #555;
        font-family: 'Spoqa Han Sans Neo', 'sans-serif';
        font-weight: 300;
    }
    .ci-pin-setting .ci-pin-bottom .circle-button img, .ci-pin-input .ci-pin-bottom .circle-button img{
        vertical-align: baseline;
    }
    .ci-pin-setting .ci-pin-bottom button, .ci-pin-input .ci-pin-bottom button{
        width: 100%;
        height: 56px;
        border: 0;
        background-color: #06a5ea;
        color: #fff;
        font-size: 18px;
    }
    /*   ci-modal   */
     .ci-modal {
        width: 100%;
        margin: auto;
        position: fixed;
        z-index: 11;
        top: 0;        
    }
    .ci-modal .ci-is_wrap {
        width: 101%;
        background: #fff;
        left: 50%;
        bottom:0;
        transform: translate(-50%, 0);
        position: fixed;
        z-index: 2;
        border-radius: 8px 8px 0px 0px;
    }
    .ci-modal .ci-modal_head,
    .ci-modal .ci-modal_cont {
        padding: 0 16px;
    }
    .ci-modal .ci-modal_head {
        padding: 16px 16px 0 16px;
        text-align: center;
        background: #fff;
        border-radius: 8px 8px 0px 0px;
    }
    .ci-modal .ci-modal_head p {
        font-weight: bold;
        font-size: 18px;
        margin: 0;
        padding-top: 16px;
    }
    .ci-modal .ci-modal_cont {
        font-size: 14px;
        line-height: 22px;
        margin: 30px 0;
        text-align: center;
    }
    .ci_overlay{
       background: #000000;
       opacity: 0.6;
       display: block;
       position: fixed;
       left: 0;
       top: 0;
       width: 100%;
       bottom: 0;
       z-index: 1;
    }
/* CI pin input */
    .ci-pin-input .ci-pin-top .dots{
    margin: 20px 0 12px 0;
    }
    .ci-pin-input .ci-pin-top > :nth-child(2) {
	    font-size: 12px;
	    padding: 0 25px;
	    color: #777;
	    line-height: 18px;
   }
   .ci-pin-input .ci-pin-top > :nth-child(2) span{
        font-weight: 400;   
   }
   .ci-pin-input .ci-pin-top > :last-child {
	  font-size: 12px;
	  color: #ff1c1c;
	}
	.ci-pin-input .ci-pin-bottom ul > div a{
	  text-decoration: underline;
	}
/*  m_ciService  */
	.m_ciService, .m_ciGuide{
	   background: #3171D0;
	   padding:40px 16px 60px;
	}
	.m_ciService .ci-pin-top, .m_ciGuide .ci-pin-top{
	   text-align: center;
	   color: #fff;
	   border-bottom: 1px solid #fff;
	}
    .m_ciService .ci-pin-top img, .m_ciGuide .ci-pin-top img{
       width: 130px;
    }
	.m_ciService .ci-pin-top p, .m_ciGuide .ci-pin-top p{
	   font-size: 20px;
	   font-weight: 500;
	   padding: 16px 0;
	}
	.m_ciService .ci-pin-center, .m_ciGuide .ci-pin-center{
	   background: #fff;
	   border-radius: 8px;
	   padding: 24px 8px;
	   font-size: 14px;
	   line-height:24px; 
	   margin: 24px 0 15px 0;
	}	
	.m_ciGuide .ci-pin-center{
	   margin: 0;
	}
	.m_ciService .ci-pin-center p{
	   letter-spacing:-2px;
	   text-align: center;
	   font-weight: 300;
	}
	.m_ciService .ci-pin-checkbox{
	   background: #fff;
	   border-radius: 8px;
	   padding: 14px 14px 8px 14px;
	   position: relative;
	}
	.m_ciService .ci-pin-checkbox input[type="checkbox"] {
       width: 0;
       height: 0;
       opacity: 0;
    }
    .m_ciService .ci-pin-checkbox input[type="checkbox"]+label{
       font-size: 14px;
       color: #333;
       font-weight: 500;
       padding: 0 0 0 30px;
    }
    .m_ciService .ci-pin-checkbox p{
       font-size: 12px;
       white-space: pre-wrap;
       margin:0 0 10px;
       color: #777; 
       line-height: 17px;
       font-weight: 300;
    }
    .m_ciService .ci-pin-checkbox input[type="checkbox"]+label:after {
		content: '';
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		background: url(../images/CI/ci_checkbox_01.svg) no-repeat 0 0;
		background-size: 20px 20px;
		opacity: 1;
	}
	 .m_ciService .ci-pin-checkbox  input[type="checkbox"]:checked+label:after {
		height: 20px;
		background: url(../images/CI/ci_checkbox_02.svg) no-repeat 0 0;
		background-size: 20px 20px;
		opacity: 1;
	}
	.m_ciService .ci-pin-bottom{
	   margin-top: 32px;
	}
	.m_ciService .ci-pin-bottom button, .m_ciGuide .ci-pin-bottom button{
	   width: 100%;
	   height: 56px;
	   background: #FFCF71;
       box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.161);
       border-radius: 28px;
       border: none;
       color: #424242;
       font-size: 18px;
       font-weight: 600;
	}
	/* m_ciGuide */
	.m_ciGuide .ci_text{
	    text-align: center;
	    color: #fff;
	    font-size: 14px;
	    line-height: 22px;
	    padding: 24px 0;
	    font-weight: 300;
	}
	.m_ciGuide .ci-pin-center>p{
	    color: #3171D0;
        font-weight: 500;
        text-align: center;
        margin-top: 0;
        margin-bottom:16px;
	}
	.m_ciGuide .ci-pin-center dl{
        font-size: 12px;
        text-align: left;
        margin: 0 auto;
        width: 240px;
        line-height: 20px;
    }
    .m_ciGuide .ci-pin-center dt{
        padding-top: 5px;
        font-weight: 600;
        color: #444;
    }
    .m_ciGuide .ci-pin-center dd{
        margin: 0;
        padding-left: 10px;
    }
}

/*  ci_confirm  */
.ci_confirm{
	position: relative;
}
  .ci_confirm .is_wrap, .ci_confirm_fail .is_wrap{
    width: 352px;
    position: fixed;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
	z-index: 10001;
	background: #fff;
	overflow: visible;
	text-align: center;
  }
  .ci_confirm .modal_header, .ci_confirm_fail .modal_header, .ci_modal .modal_header{ 
    background: #06A5EA;
    height: 18px;
  }
  .ci_confirm .modal_cont, .ci_confirm_fail .modal_cont, .ci_modal .modal_cont{
    padding: 24px 40px;
  }
  .ci_confirm .modal_cont img, .ci_confirm_fail img, .ci_modal img{
    width: 32px;
  }
  .ci_confirm .modal_cont p, .ci_confirm_fail p{
    font-weight: 400;
    margin: 10px 0;
    line-height: 23px;
    font-size: 16px;
  }
  .ci_confirm .modal_bottom ul li, .ci_confirm_fail .modal_bottom ul li{
    padding: 12px 0;
    border-top: 1px solid #e1e1e1;
    color: #777;
    font-size: 16px;
}
/* ci_modal */
   .ci_modal .is_wrap{
     width: 452px;
     position: fixed;
	 left: 50%;
	 top:50%;
	 transform: translate(-50%, -50%);
	 box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
	 z-index: 10001;
	 background: #fff;
	 overflow: visible;
	 text-align: center;
   }
   .ci_modal .modal_cont p{
     white-space: pre-wrap;
     color: #444;
     font-weight: 400;
     line-height: 23px;
     font-size: 16px;
     margin-top: 16px;
   }
   .ci_modal .modal_bottom ul li{
     width: 128px;
     height:40px;
     line-height:40px;
     color:#fff;
     background: #06A5EA;
     border-radius: 20px;
     margin: 0 auto;
   }
   .ci_modal .modal_bottom ul li a{
     color: #fff;
   }
   .ci_modal .ci_forget{
     margin: 12px 0;
   }
   .ci_modal .ci_forget a{
     font-size: 14px;
     color: #777;
     text-decoration: underline;
   }
   .ci_modal .modal_bottom_01{
         display: none;
      }
/* ci-chkresult */
  .ci-chkresult .is_wrap{
    width: 450px;
    position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
	z-index: 10001;
	background: #fff;
	overflow: visible;
	text-align: center;
  }
  .ci-chkresult .modal_cont{
    padding: 0 45px;
    color: #444;
  }
  .ci-chkresult .modal_cont_top{
    color: #222;
    font-size: 18px;
    font-weight: 600;
    padding: 24px 0;
  }
  .ci-chkresult .modal_cont_bottom>p{
    text-align:center; 
  }

  .ci-chkresult .modal_cont_bottom >:nth-child(2),  .ci-chkresult .modal_cont_bottom >:last-child{
    text-indent: -1.5em;
    margin-left: 1.5em;
    text-align: left;
  }
  .ci-chkresult .modal_bottom ul li{
    padding: 24px 0;
    border-top: 1px solid #e1e1e1;
    color: #777;
    font-size: 18px;
  }
  .modal_bottom_button button{
     width: 380px;
     height:56px;
     background: #06A5EA;
     border-radius: 28px;
     color: #fff;
     font-size:20px;
     border: 0;
     margin:20px 0 35px 0;
   }
  /*pc_ciService*/
  .pc_ciService{
	 background-color:#E5E5E5;
     position: relative;
     text-align: center;
     padding:50px 0;
  }
  .pc_ciService .ci-pin-content{
	 width: 1136px;
	 background: #fff;
     margin: 0 auto;     
	 box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.161);
  }
  .ci-pin-border{
     height: 16px;
     background: #1875FF;
  }
  .pc_ciService .ci-pin-top{
	 padding-top:24px;
	 border-bottom: 1px solid #c7c7c7;
	 margin: 0 280px;
  }
  .pc_ciService .ci-pin-top p{
	 font-size: 28px;
	 font-weight: 600;
	 color: #222;
	 margin: 16px 0; 
  }
  .pc_ciService .ci-pin-center{
	 padding: 24px 0;
	 margin: 0 235px;
	 white-space: pre-wrap;
	 border-bottom: 1px solid #c7c7c7;
	 font-size: 16px;
	 line-height:26px;
	 font-weight: 300;
	 color: #444;
   }
   .pc_ciService .ci-pin-checkbox, .pc-pin-setting .ci-pin-checkbox{
     position: relative;
      margin: 0 280px;
      text-align: left;
      padding:15px 0 0 6px;
   }
  .pc_ciService .ci-pin-checkbox input[type="checkbox"], .pc-pin-setting .ci-pin-checkbox input[type="checkbox"]{
       width: 0;
       height: 0;
       opacity: 0;
    }
    .pc_ciService .ci-pin-checkbox input[type="checkbox"]+label, .pc-pin-setting .ci-pin-checkbox input[type="checkbox"]+label{
       font-size: 16px;
       color: #333;
       font-weight: 600;
       padding-left: 36px;
    }
   .pc_ciService .ci-pin-checkbox p, .pc-pin-setting .ci-pin-checkbox p{
       font-size: 14px;
       white-space: pre-wrap;
       margin:0;
       color: #777; 
       line-height: 20px;
       padding: 8px 0;
       font-weight: 300;
    }
    .pc_ciService .ci-pin-checkbox input[type="checkbox"]+label:after{
		content: '';
		width: 24px;
		height: 24px;
		display: block;
		position: absolute;
		background: url(../images/common/Check_default.svg) no-repeat 0 0;
		background-size: 24px 24px;
		opacity: 1;
	}
	 .pc_ciService .ci-pin-checkbox  input[type="checkbox"]:checked+label:after {
		height: 24px;
		background: url(../images/common/Check_Active.svg) no-repeat 0 0;
		background-size: 24px 24px;
		opacity: 1;
	}
	.pc_ciService .ci-pin-bottom{
	   margin-top: 32px;
	}
	.pc_ciService .ci-pin-bottom button, .m_ciGuide .ci-pin-bottom button{
	   width: 100%;
	   height: 56px;
	   background: #FFCF71;
       box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.161);
       border-radius: 28px;
       border: none;
       color: #424242;
       font-size: 18px;
       font-weight: 600;
	}
   .pc_ciService .ci-pin-bottom{
	 margin: 0 288px;
	 padding: 32px 0 62px;
   }
   .pc_ciService .ci-pin-bottom button{
	 width: 380px;
     height: 56px;
     border-radius: 32px;
     background:  #06A5EA;
     border:none;
     color: #fff;
     font-size: 20px;
   }
/* pc_ciPinSetting */
  .pc-pin-setting{
	 background-color:#E5E5E5;
     position: relative;
     text-align: center;
     padding:60px 0;
   } 
  .pc-pin-setting .ci-pin-content{
      width: 1136px;
	  background: #fff;
      margin: 0 auto;     
	  box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.161);
   }
   .pc-pin-setting p{
      white-space: pre-wrap;
      font-size: 16px;
      line-height: 24px;
      font-weight: 300;
      color: #595959;
   }
   .pc-pin-setting p b{
     font-weight: 700;
   }
   .pc-pin-setting .ci-pin-header{
      padding:42px 0 32px;
	  border-bottom: 1px solid #c7c7c7;
	  margin: 0 280px;
   }
   .pc-pin-setting .ci-pin-header >:nth-child(2){
      font-size: 24px;
	  font-weight: 600;
	  color: #222;
	  margin: 16px 0;
   }
   .pc-pin-setting  .ci-pin-top{
     padding: 32px 0 42px;
     border-bottom: 1px solid #c7c7c7;
     margin: 0 280px;
   }
    .pc-pin-setting  .ci-pin-top>p{
      color: #06a5ea;
      font-weight: 500;
   }
    .pc-pin-setting  .ci-pin-top dl{
      font-size: 16px;
      text-align: left;
      margin: 16px auto 0;
      width: 310px;
      line-height: 26px;
   }
   .pc-pin-setting  .ci-pin-top dd{
      margin: 0;
      font-weight: 300;
      color: #222;
   }
   .pc-pin-setting .ci-pin-center{
     padding-top:32px; 
   }
   .pc-pin-setting .ci-pin-center ul{
     margin: 0 auto;
     width: 340px;
   }
    .pc-pin-setting .ci-pin-center li{
      text-align: left;
    }
    .pc-pin-setting .ci-pin-center li:not(:last-child){
      margin-bottom: 40px;
    }
    .pc-pin-setting .ci-pin-center li img{
      width: 24px;
      height: 24px;
      position: absolute;
      margin: 21px 0 0 -32px;
    }
    
    .pc-pin-setting .ci-pin-center li label{
      font-size: 16px;
      font-weight:600;
      color: #222;
    }
    .pc-pin-setting .ci-pin-center li input{
      border: 1px solid #979797;
      width: 340px;
      outline: none;
      margin: 4px 0;
      font-weight: 300;
      height: 56px;
      line-height: 56px;
    }
    .pc-pin-setting .ci-pin-center li input::placeholder{
      font-size: 16px;
    }
    .pc-pin-setting .ci-pin-center li p{
      font-size: 14px;
      margin: 0;
      color: #06A5EA;
    }
    .pc-pin-setting .ci-pin-bottom{
       padding: 48px 0;
    }
    .pc-pin-setting .ci-pin-bottom button{
      width: 380px;
      height: 56px;
      font-size:18px;
      color: #fff;
      background: #979797;
      border-radius: 32px;
      border:none;
    }
    .pc-pin-setting .ci-pin-bottom p{
      margin: 24px 214px;
    }
    .pc-pin-setting .ci-pin-bottom p b{
      font-weight: 500;
    }
/* pc_ciPinInput */
    .pc-pin-input .ci-pin-content{
	  width: 656px;
	  position: fixed;
	  left: 50%;
	  top:50%;
	  transform: translate(-50%, -50%);
	  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
	  z-index: 10001;
	  background: #fff;
	  overflow: visible;
	  text-align: center;
    }

   .pc-pin-input .ci-pin-border img{
     position: absolute;
     top:-36px;
     right: 0;
     width: 24px;
     cursor: pointer;
   }
   .pc-pin-input .ci-pin-top{
     padding-top: 40px;
    }
   .pc-pin-input .ci-pin-top img{
      width: 60px;
   }
   .pc-pin-input .ci-pin-top>:nth-child(2) {
	 font-size: 20px;
	 color: #222;
	 font-weight: 700;
   }
   .pc-pin-input .ci-pin-top>:nth-child(3){
     color: #777;
     font-weight: 300;
     font-size:14px;
     line-height: 20px;
     margin: 8px 0 19px 0;
   }
   .pc-pin-input .ci-pin-top>:last-child {
	 font-size: 14px;
	 color: #444;
	 line-height: 20px;
   }
   .pc-pin-input .ci-pin-center ul{
     width: 330px;
     margin-left: 185px;
   }
    .pc-pin-input .ci-pin-center li{
     text-align: left;
     margin-bottom: 10px;
   }
    .pc-pin-input .ci-pin-center li label{
     font-size: 14px;
     color: #222;
   }
    
   .pc-pin-input .ci-pin-center li input{
      border: 1px solid #979797;
      width: 286px;
      height:44px;
      padding: 12px 16px;
      outline: none;
      margin-bottom: 4px;
    }
    .pc-pin-input .ci-pin-center li input::placeholder{
      font-size: 14px;
      font-weight: 300;
    }
    .pc-pin-input .ci-pin-center li img{
      margin-left: -30px;
      vertical-align: middle;
      width: 20px;
      height: 20px;
    }
    .pc-pin-input .ci-pin-center li p{
      font-size: 13px;
      margin: 0;
      color: #06A5EA;
      font-weight: 300;
    }
    .pc-pin-input .ci-pin-bottom{
      margin: 16px 0 40px;    
    }
    .pc-pin-input .ci-pin-bottom button{
      width: 286px;
      height: 44px;
      line-height: 44px;
      color: #fff;
      border: none;
      border-radius: 22px;
      background: #929292;
      font-size: 16px;
      margin-bottom: 4px;
    }
    
/* video_guide-modal */
    .video_guide-modal .is_wrap{
      width: 584px;
      position: fixed;
	  left: 50%;
	  top:50%;
	  transform: translate(-50%, -50%);
	  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
	  z-index: 10001;
	  background: #fff;
	  overflow: visible;
	  text-align: center;
  }
  .video_guide-modal .modal_cont{
     padding: 32px;
     color: #444;
     line-height: 28px;
     font-size: 16px;    
  }
  .video_guide-modal .modal_head img{
	 right: 15px;
	 top:18px;
	 width: 25px;     
	 position: absolute;
   }
    /* L3ServiceModal */
    .L3_service_modal{
	   position: relative;
	   text-align: center;

    }
    .L3_service_modal .is_wrap{
	   width: 584px;
	   position: fixed;
	   top:50%;
	   left: 50%;
	   transform: translate(-50%,-50%);
	   box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
	   z-index: 10001;
	   background: #fff;
	   overflow: visible;
     }
     .L3_service_modal .modal_cont{
       padding: 0 32px;
       font-size: 16px;
     }
     .L3_service_modal .modal_cont_top{
       margin: 36px 0 24px 0;
       color: #333;
       font-weight: 400;
       border-bottom: 1px solid #c7c7c7;
     }
      .L3_service_modal .modal_cont_bottom{
        text-align: left;
        margin-bottom: 40px;
     }
     .L3_service_modal .modal_cont_bottom>p{
        text-align: center !important;
        margin: 0;
     }
     .L3_service_modal .modal_cont_bottom ul li{
        margin: 5px 0;
        color: #333;
     }
     .L3_service_modal .modal_bottom ul li{
        color: #777;
	    border: 1px solid #e1e1e1;
	    padding: 24px 0;
     }
    .ci-pin-header img{
	   width: 130px;
	}
@media only all and (max-width:1024px){
	.pc-pin-input .ci-pin-border img {
       top: -40px;
       width: 24px;
       height: 24px;
    }
	.pc-pin-input .ci-pin-top {
       padding-top: 40px;
    }
    .pc-pin-input .ci-pin-bottom {
       margin: 40px 0;
    }
    .pc-pin-input .ci-pin-bottom button {
       margin-bottom: 8px;
    }
}
@media only all and (max-width:768px){
	
    .modal_head img{
    top:-40px;
    width: 20px;
    }
    .modal_bottom_button button{
    width: 210px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin: 20px 0;
    }
    .ci-chkresult .overlay, .video_guide-modal .overlay, .L3_service_modal .overlay, .ci_confirm .overlay, .ci_confirm_fail .overlay,  .ci_modal .overlay{
	display:block;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	bottom:0;
	background:#000;
	opacity: 0.6; 
	z-index:10000;
	}
	 .ci-chkresult .is_wrap{
	 width: 327px;
	 height: 380px;
	 }
	 .ci-chkresult .modal_cont{
	 padding: 0 10px;
	 font-size: 14px;
	 }
	 .ci-chkresult .modal_cont_top{
	 font-size: 14px;
	 }
	 .ci-chkresult .modal_bottom ul li{
	 padding: 15px 0;
	 font-size: 14px;
	 }
	 .video_guide-modal .is_wrap{
	 width: 327px;
	 height: 325px;
	 }
	 .video_guide-modal .modal_cont{
	 font-size: 14px;
	 line-height: 24px;
	 padding: 16px;
	 }
	 .video_guide-modal .modal_head{
	     line-height: 30px;
	 }
	 .video_guide-modal .modal_head img{
	      top:10px;
	      width: 16px;
	 }
	  .modal_video .close{
	      font-size:32px;
	 }
	  .L3_service_modal .is_wrap{
	      width: 326px;
	      height:fit-content;
	      background: #fff;
	 }
	  .L3_service_modal .modal_cont{
	     padding: 0 16px;
	     font-size: 14px;
	 }
	  .L3_service_modal .modal_cont_top{
	     margin: 16px 0;
	 }
	 .L3_service_modal .modal_cont ul li{
	     font-weight: 500;
	 }
	 .L3_service_modal .modal_cont ul >:last-child{
	     white-space: pre-wrap;
	 }
	 .L3_service_modal .modal_bottom ul li{
	     padding:12px 0;
     }
     /*  ci_confirm  */
     .ci_confirm .is_wrap, .ci_confirm_fail .is_wrap{
        width: 258px;
        height: fit-content;
     }
     .ci_confirm .modal_header, .ci_confirm_fail .modal_header{
        background: #06A5EA;
        height: 8px;
     }
     .ci_confirm .modal_cont, .ci_confirm_fail .modal_cont{
        padding: 30px 0;
        font-size: 14px;
     }
     .ci_confirm .modal_bottom ul li, .ci_confirm_fail .modal_bottom ul li{
        font-size: 14px;
     }
      .ci_modal .is_wrap{
        width: 328px;
        height: fit-content;
      }
       .ci_modal .modal_cont{
        padding: 24px 42px;
        font-size: 14px;
       }
       .ci_modal .modal_cont p{
         font-size:14px; 
       }
      .ci_modal .modal_bottom{
        display: none;
      }
      .ci_modal .modal_bottom_01{
         display: block;
      }
      .ci_modal .modal_bottom_01 ul li{
         width: 49.5%;
         float: left;
         padding: 12px 0;
         border-top:1px solid #E1E1E1;
         color: #777;
         font-size: 14px;
      }
      .ci_modal .modal_bottom_01 ul>:last-child {
	     border-left: 1px solid #E1E1E1;
	     color: #06A5EA;
      }
   }

@media only all and (max-width:320px){
     .ci-pin-setting .ci-pin-bottom ul > div, .ci-pin-input .ci-pin-bottom ul > div{
     padding-bottom: 10px;
     }
    .ci-pin-setting .ci-pin-bottom ul li, .ci-pin-input .ci-pin-bottom ul li{
     padding: 12px 0;
     }
     .video_guide-modal .is_wrap{
     width: 290px;
     }
     .modal_head img{
      top:-26px;
      width: 16px;
    }
    .video_guide-modal .modal_bottom_button button{
      margin: 0;
    }
}
     

/*modal__*/
  .modal__bg{
       display:block;
       position:fixed;
       left:0;
       top:0;
       width:100%;
       bottom:0;
       /* background:rgba(0,0,0,0.7); */
       z-index:10;
  }

  .modal__inner {
        width: 500px;
        background: #fff;
        left: 50%;
        top:48%;
        transform: translate(-50%, -50%);
        position: fixed;
        z-index: 12;
        text-align: center;
        border-top:4px solid #33C1FF;
        line-height: 22px;
  }
  .modal__inner .close{
        position: absolute;
        top:-50px;
        right:0; 
  }
  .modal__header{
        height: 64px;
        line-height: 64px;
        font-size: 22px;
        background:#008BC8; 
        color: #fff;
        font-weight: 500;
  }
  .modal__header--bold{
        height: 16px;
        background: #06A5EA;
  }
  .modal__content{
        padding: 26px 45px 40px;
        letter-spacing: -0.8px;
        line-height: 26px;
        font-size: 16px;
        color: #222;
  }
  .modal__content>span{
        font-size: 18px;
        font-weight: 700;
  }
  .modal__content img{
        width: 24px;
        height: 24px;
        margin-bottom: 9px;
  }  
  .modal__content p{
        margin: 0;
        white-space: break-spaces;
  }
  .modal__content .modal_term_detail{
        padding: 16px 0;
        border: 1px solid #C9C9C9;
        margin: 32px -4px 0;
        font-size: 14px;
        color: #595959;
  }
  .modal__content .txt__under{
        text-decoration: underline;
        font-weight: bold;
  }
  .modal__button ul{
       display: flex;
  }
  .modal__button ul li{
        min-width: 49%;
        width:100%;
        float: left;
        height: 64px;
        line-height: 64px;
        border:1px solid #c9c9c9;
        font-weight:500;
        font-size: 18px;
  }
  .modal__button ul li a{
  		display: block;
        color: #929292;
  }
  .modal__button ul >:last-child{
	   border-left:none;
  }
  .modal__button ul >:last-child a{
        color: #595959;
  }
   .modal__button ul .btn__active{
       color:#06A5EA !important; 
  }
  .modal__inner.byte-dance {
	   top:6%;
	   left: 50%;
	   transform: translate(-50%, 6%);
	   position: absolute;
	   border: 0;
	   width: 790px;
  }
  .nas-popup .modal__inner{
      width: auto;
      border-top: 0;
  }
  .nas-popup .nas-popup_inner01{
      left:80px;
      top:17%;
      transform:translate(0, -16%)
  }
  .nas-popup .nas-popup_inner02{
      left:620px;
      transform:translate(0, -50%)
  }
  .nas-popup .modal__inner img{
     width: 500px;
  }
  .nas-popup .modal__button ul li{
      border: 0;
  }
  .center-popup .modal__inner{
      width: 500px;
      border-top:0;
      background: none;
  }
  .center-popup .modal__inner img{
      width: 500px;
  }
  .center-popup .modal__button{
      background: #fff;
  }
  .center-popup .modal__button ul li{
      border-bottom: 0;
  }
  .center-popup .modal__button ul li:first-child{
      border-left: 0;
  }
  .center-popup .modal__button ul li:last-child{
      border-right: 0;
  }
   .byte-dance .modal__header--bold{
      height: 24px;
      z-index: 11;
      width: 790px;
  }
  .byte-dance .modal__header--bold img{
      position: absolute;
      right: 0;
      top:-40px;
      width: 24px;
      height: 24px;
   }
  .byte-dance .modal__content{
      padding: 0 24px; 
  }
  .byte-dance .modal__content__top{
     padding: 40px 0;
     font-size: 28px;
     font-weight: 700;
     border-bottom: 1px solid #929292;
  }
  .byte-dance .modal__content__mid>div{
     padding: 19px 0 40px;
     text-align: left;
  }
  .byte-dance .modal__content__mid>div p{
     font-size: 18px;
     font-weight: 700;
  }
  .byte-dance .modal__content__mid>div span:nth-child(2){
     font-size: 14px;
     white-space: break-spaces;
  }
  .byte-dance .modal__content__mid>div span:nth-child(3){
     color: #F8463B;
     float: right;
  }
  .byte-dance .modal__content__mid .content__box{
     border: 1px solid #c9c9c9;
     border-radius: 8px;
     padding: 20px 24px 32px;
     margin-bottom: 24px;
  }
  .byte-dance .modal__content__mid .content__box span{
     color: #F8463B;
  }
  .byte-dance .modal__content__mid .content__box input[type=text]{
     width: 387px;
     border: 0;
     border-bottom: 1px solid #929292;
     padding: 4px 0;
     outline: none;
  }
  .byte-dance .modal__content__mid .content__box p{
     font-size: 16px;
     font-weight: 400;
     line-height: 23px;
     margin-bottom:24px; 
  }
  .byte-dance input[type="checkbox"] {
	width: 0;
	height: 0;
	opacity: 0;
	margin: 0;
  }
  .byte-dance input[type="checkbox"]+label {
	font-size: 16px;
	font-weight: 400;
	padding-left: 23px;
	padding-top: 0px;
	position: relative;
	word-break: break-all;
	display: inline-block;
	min-height: 18px;
	cursor: pointer;
	color: #222;
  }
  .byte-dance input[type="checkbox"]+label:after {
	content: '';
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	left: 0;
	top: 2px;
	background: url(../images/common/Check_default.svg) no-repeat 0 0;
	background-size: 18px 18px
  }
  .byte-dance input[type="checkbox"]:checked+label:after {
	height: 18px;
	top: 2px;
	background: url(../images/common/Check_Active.svg) no-repeat 0 0;
	background-size: 18px 18px
  }
  .byte-dance .submit_btn{
    width: 328px;
    height: 56px;
    line-height: 56px;
    margin: 0 auto;
    color: #fff;
    background: #06A5EA;
    border: 0;
    font-size: 16px;
    border-radius: 8px;
    margin: 16px 0 40px;
  }
  .mjp-modal .modal__inner{
    padding-bottom: 32px;
  }
  .mjp-modal .modal__content{
    padding: 34px 24px 0;
  }
  .mjp-modal .modal__content p:nth-child(2){
    font-size: 18px;
    color: #222;
    font-weight: 600;
  }
  .mjp-modal .contetn-box{
    background: #F8F8F8;
    border-radius: 16px;
    margin: 32px 0;
    padding: 18px 0 32px; 
  }
  .mjp-modal .contetn-box b{
    font-weight: 600;
  }
  .mjp-modal .contetn-box img{
    width: 65px;
    height: 75px;
  }
  .mjp-modal .contetn-box p:nth-child(2) {
	color: #458EE8;
	font-size: 16px;
	margin-bottom: 4px;
  }
  .mjp-modal .contetn-box span:nth-child(3){
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0;
    position: relative;
    z-index: 1;
  }
  .mjp-modal .contetn-box span:nth-child(3)::after{
    width: 103%;
    height:10px;
    display: block;
    position: absolute;
    content:''; 
    background: #85B6FF;
    top:20px;
    left: -5px;
    z-index: -1;
  }
  .mjp-modal .contetn-box p:nth-child(4){
    font-size: 14px;
    color: #595959;
    line-height: 22px;
    margin-top: 10px;
  }
  .mjp-modal .modal__inner button{
    width: 328px;
    height: 56px;
    line-height: 56px;
    background: #06A5EA;
    border-radius: 8px;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
  }
  .mjp-modal .modal__inner .next-text{
    margin-top: 8px;
    font-size: 14px;
    color: #929292;
    font-weight: 600;
  }
  .mjp-modal-02 .modal__content p:nth-child(2) {
    font-size: 	18px;
    color: #222;
    font-weight: 500;
  } 
  .mjp-modal-02 .modal__content p:nth-child(3){
    margin-top: 24px;
    line-height: 26px;
    color: #595959;
  }
  .mjp-modal-03 .modal__inner{
    width: 482px;
    background: none;
  }
  .mjp-modal-03 .modal__inner>div div{
    color: #fff;
    font-size: 24px;
    margin: 18px 0 40px;
  }
  .mjp-modal-03 .img{
    width:482px;
    height:496px;
    background: url(../images/print/popup-image-pc.png) no-repeat 0 0;
    background-size:482px 496px;
    border-radius: 24px 24px 0 0;
  }
  .mjp-modal-03 .modal__button ul li{
    border:1px solid #e4e4e4;
    background-color: #fff;
  }
  .mjp-modal-03 .modal__button ul li:nth-child(1){
    border-radius: 0 0 0 24px;
  }
  .mjp-modal-03 .modal__button ul li:nth-child(2){
    border-radius: 0 0 24px 0;
  }
  .mjp-modal-03 .modal__button ul li a{
    font-size: 16px;
  }
  .mjp-modal-04{
    position: relative;
  }
  .mjp-modal-04 .modal__inner>img{
    position: absolute;
    right: 0;
    top:-36px;
    width: 24px;
    height: 24px;
  }
  .mjp-modal-04 .modal__content p:nth-child(2){
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0 40px;
  }
  .mjp-modal-04 .modal__content p:nth-child(3){
    font-weight: 300;
  }
  .mjp-modal-04 .modal__button button{
    width: 80%;
    color: #fff;
    border-radius: 8px;
    height: 56px;
    line-height: 56px;
    margin-bottom: 24px;
  }
  .ad-modal{
    display: inline-block;  
  }
  .ad-modal.none{
    display: none;
  }
  .ad-modal-box{
    position: absolute;
    top:17%;
    left:8%;
    z-index: 11;
    transform:translate(-8%, -17%);
  }
  .ad-modal-box .ad-modal:not(:last-child){
    margin: 0 21px 21px 0;
  }
  .ad-modal .modal__inner{
    border-top: 0;
    width: 400px;
    background: #fff;
    filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.16));
    cursor: pointer;
    left:0;
    top:0;
    transform:none;
    position: initial;
  }
  .ad-modal .modal__inner .modal__img{
    width: 400px;
    height: 400px;
  }
  .ad-modal .modal__button::after{
    clear: both;
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
  }
  .ad-modal .modal__button li{
    background-color: #fff;
    color: #929292;
    height: 64px;
    line-height:64px;
  }
  .ad-modal .modal__button li a, .ad-modal .modal__button li label{
    font-weight: 600;
  }
  .ad-modal .modal__button li{
    width:50%;
    float: left;
  }
  .ad-modal .modal__button li input[type="checkbox"]+label{
    padding-left: 22px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
  }
  .ad-modal .modal__button li input[type="checkbox"]+label:after, .ad-modal .modal__button li input[type="checkbox"]:checked+label:after{
    width: 16px;
    height: 16px;
    top:13px;
    background-size: 16px 16px;
  }
  .ad-modal .modal__button li a{
    font-size: 16px;
    color:#929292;
    font-weight: 500;
  }
  .ad-modal .modal__button li:nth-child(2) a{
    color: #595959;
  }
    .agree_modal{
    /* position: relative; */
  }
  .agree_modal .inner{
    width: 348px;
    border-top:12px solid #06A5EA;
    background: #FFFFFF;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    position: fixed;
    z-index: 11;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 24px 24px 16px;
    box-sizing:border-box;
  }
  .agree_modal .inner img{
    margin-left: 24px;
  }
  .agree_modal .inner p{
    font-size: 18px;
    color: #222;
    margin: 24px 0 32px;
  }
  .agree_modal .inner p span{
    font-weight: 700;
  }
  .agree_modal .inner ul li{
    height: 56px;
    line-height: 56px;
    background: #06A5EA;
    border-radius: 8px;
    color: #fff; 
    font-weight: 600;
  }
  .agree_modal .inner ul li:last-child {
	background: #999;
	margin-top: 8px;
  }
   .agree_modal .inner ul li a{
    display: block;
    width: 100%;   
    color: #fff;
   }

@media only all and (max-width:768px){
  .modal__inner{
      width: 90%;
  }
  .modal__inner .close {
      top:-35px;
  }
  .modal__inner .close img{
       width:24px;
       height: 24px;
  }
  .modal__header{
      height: 40px;
      line-height: 40px;
      font-size: 16px;
  }
  .modal__content{
      padding: 26px 24px 40px;
      line-height: 22px;
  }
  .modal__content>span{
      font-size: 14px;
  }
  .modal__content p{
       margin: 0 auto;
       font-size: 14px;
  }
 .datavoucher-modal .modal__content p{
      white-space: inherit;
  }
  .modal__content .modal_term_detail{
       padding: 12px 10px;
       margin: 24px -8px 0;
       font-size: 12px;
  }
  .modal__button ul li{
      height: 48px;
      font-size:14px;
      line-height: 48px;
  }
  .modal__button ul >:last-child a{
      color: #222;
  }
  .modal__inner.byte-dance{
     width: 92%;
     top:3%;
     transform: translate(-50%, 3%);
  }
  .nas-popup .modal__inner{
     position: absolute;
     top: 45%;
     transform: translate(-50%, -45%);
  } 
  .nas-popup .modal__content{
    padding: 24px;
  }
  .nas-popup .modal__content p{
    margin-bottom: 6px;
  }
  .byte-dance .modal__header--bold{
    width: 100%;
    height: 12px;
  }
  .byte-dance .modal__header--bold img{
    top:-33px;
  }
   .byte-dance .modal__content{
     padding: 0 8px;
   }
   .byte-dance .modal__content__top{
     padding: 24px 0 8px;
   }
   .byte-dance .modal__content__top p{
     font-size: 16px;
   }
   .byte-dance .modal__content__mid>div{
     text-align: center;
     padding: 8px 0;
     display: grid;
   }
   .byte-dance .modal__content__mid>div p,
   .byte-dance .modal__content__mid>div span:nth-child(2),
   .byte-dance .modal__content__mid .content__box p{
     font-size: 12px;
   }
   .byte-dance .modal__content__mid>div span:nth-child(3),
   .byte-dance .modal__content__mid .content__box label{
     font-size: 14px;
     margin-top: -8px;
   }
   .byte-dance .modal__content__mid .content__box {
     padding: 14px 16px; 
     text-align: left;
     margin-bottom: 12px;
   }
   .byte-dance .modal__content__mid>div span:nth-child(2){
     line-height: 17px;
     white-space: inherit;
   }
   .byte-dance .modal__content__mid>div span:nth-child(3){
     text-align: left;
     margin-top: 32px;
   }
   .byte-dance .modal__content__mid .content__box input[type=text]{
     width: 100%;
     margin-top: -12px;
   }
   .byte-dance .modal__content__mid .content__box p{
     white-space: inherit;
   }
   .byte-dance .submit_btn{
     width: 100%;
     border-radius: 0;
     margin-bottom: 0;
   }
   .center-popup .modal__inner,
   .center-popup .modal__inner img{
     width: 328px;
   }
   .guide-modal{top:49%;left:50%;transform:translate(-50%, -50%);position: absolute;text-align: left; border-radius:8px;font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
   #nation-guide-modal .guide-modal{top:40%;transform:translate(-50%, -40%);}
   .guide-modal>img{width: 24px;height: 24px;position: absolute;top:-36px;right: 0;z-index: 11;}
   .guide-modal .modal__content{background-color: #fff; padding: 24px 16px;margin-bottom: 16px;border-radius:8px; }
   .guide-modal .modal__content div{white-space: pre-wrap !important;letter-spacing: -0.07em;line-height: 22px;font-size: 14px;color: #595959;}
   .guide-modal .modal__content span{color: #222;}
   .mjp-modal .modal__inner{padding-bottom: 26px;}
   .mjp-modal .modal__inner .close{width: 24px;height: 24px;}
   .mjp-modal .modal__content{ padding:26px 24px 0;}
   .mjp-modal .modal__content p:nth-child(2){font-size: 16px;}
   .mjp-modal .contetn-box{ margin: 36px 0 16px;padding: 18px 6px 24px; }
   .mjp-modal .contetn-box img{ width: 43px;height: 50px;}
   .mjp-modal .contetn-box p:nth-child(2) {font-size: 12px;font-weight: 500;}
   .mjp-modal .contetn-box span:nth-child(3){font-size: 14px;margin: 6px 0 16px;}
   .mjp-modal .contetn-box span:nth-child(3)::after{height: 8px;top:15px;left: -3px;}
   .mjp-modal .contetn-box p:nth-child(4){font-size: 12px;line-height: 20px;margin-top: 16px;}
   .mjp-modal .modal__inner button{width: 85%;height: 48px;line-height: 48px;font-weight: 500;}
   .mjp-modal-02 .modal__content p:nth-child(2){font-size: 16px;}
   .mjp-modal-02 .modal__content p:nth-child(3){line-height: 22px;}
   .mjp-modal-03 .modal__inner{width: 328px;}
   .mjp-modal-03 .img{width:100%;height:410px; background: url(../images/print/popup-image-m.png) no-repeat 0 0;background-size: 328px 410px; }
   .mjp-modal-03 .modal__inner>div img{width:24px; }
   .mjp-modal-03 .modal__inner>div div{font-size: 16px;margin: 10px 0 16px;}
   .mjp-modal-04 .modal__content p:nth-child(2){font-size: 16px;font-weight: 600;margin: 2px 0 16px;}
   .mjp-modal-04 .modal__button button{width: 100%; border-radius: 0; height: 48px; line-height: 48px; margin-bottom: -1px;}
   .ad-modal-box{top:0;left:0;transform:none;}
   .ad-modal-box .ad-modal:not(:last-child){margin: 0;}
   .ad-modal .modal__inner{width: 280px;background: #fff;left: 50%;top:50%;transform: translate(-50%, -50%);position: fixed;z-index: 12;border-radius: 8px;overflow: hidden;} 
   .ad-modal .modal__inner .modal__img, .ad-modal .modal__inner .modal__img img{width: 280px;height:280px; }
   .ad-modal .modal__button li{background-color: #fff;color: #929292;height: 48px;line-height: 48px;text-align: center;width: 50%;}
   .ad-modal .modal__button li a{font-size: 14px;width: 100%;height: 100%;display: block;color: #929292;font-weight: 500;}
   .ad-modal-box .modal__bg{display: none;}
   .ad-modal-box .ad-modal:first-child .modal__bg{display: block;}
   .direction-modal{position: relative;font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
   .direction-modal .modal__inner{background-color: #458EE8;color: #fff;padding:19px 0 0;}
   .direction-modal .modal__inner .close-img{position: absolute;top:-36px;right: 10px;width: 24px;height: 24px;}
   .direction-modal .modal__inner span:nth-child(2){font-size: 16px;position: relative;font-weight: 700;}
   .direction-modal .modal__inner span:nth-child(2)::after{width: 96px;height: 7px;background-color:#05C1AB;content:'';display: block;position: absolute;left: -3px;bottom:-1px;z-index: -2;}
   .direction-modal .modal__inner img:nth-child(4) {width:70px; margin-top: 20px;}
   .direction-modal .modal__inner p:nth-child(5) {font-size: 20px;font-weight: 700;}
   .direction-modal .modal__inner .txt-box{background-color: #fff;border-radius: 8px;padding: 16px;color:#595959;margin: 24px 16px 32px; }
   .direction-modal .modal__inner .txt-box span{color:#FF753A;font-weight: 700; }
   .direction-modal .modal__inner button{width: 100%;background-color: #fff;color:#458EE8;height: 48px;line-height: 48px;font-weight: 700; }
   .reference-value-modal .modal__inner{width: 100%;border-top:none;font-size: 12px;position: absolute;top: 20%;transform: translate(-50%, -20%);}
   .reference-value-modal .modal__inner .close{position:absolute;top:-30px;right: 8px;width: 20px; }
   .reference-value-modal .modal__inner table{width: 100%;}
   .reference-value-modal .modal__inner table thead{background-color:#F3F3F3;color:#595959;}
   .reference-value-modal .modal__inner table thead tr:first-child{background-color: #fff;color:#458EE8;font-weight: 700; border-bottom:1px solid #D6D6D6;}
   .reference-value-modal .modal__inner table thead td{font-weight: 700;}
   .reference-value-modal .modal__inner table td{height: 32px;line-height: 32px;}
   .reference-value-modal .modal__inner table tbody tr:last-child{background-color:#F3F3F3;color: #222;font-weight: 700; }
   .reference-value-modal .modal__inner table tbody td{color: #222;}
   .reserve-modal .is_wrap{background: 0;z-index: 12;}
   .reserve-modal .modal__inner{transform:translate(-50%, -50%) !important;border-top: 12px solid #06A5EA;width: 90% !important;}
   .reserve-modal .modal__inner .modal_head{height: 72px;color: #222;background: 0;line-height: 72px;border:0;}
   .reserve-modal .modal__inner .modal_head h1{font-weight: 700;}
   .reserve-modal .modal__inner .modal_popup_close{top:-32px;background: url(/images/CI/close_white.svg);width: 24px;height: 24px;background-size: 24px 24px;right: 0;}
   .reserve-modal .modal__inner .modal_cont{padding:0 14px 16px; }
   .reserve-modal .modal_cont .mres > li:nth-child(1){border: 1px solid #E4E4E4;border-radius: 8px;background: #F8F8F8;padding: 14px 0 16px;margin-bottom:16px; }
   .reserve-modal .modal_cont .mres > li:last-child{margin-top: 40px;}
   .reserve-modal .modal_cont .mres p{color: #222;font-weight: 700;}
   .reserve-modal .modal_cont .mres h3{border: 0;margin-bottom: 0;padding: 4px 0 0;font-weight: 400;}
   .reserve-modal .modal_cont .mres #notDateShow p{color: #F8463B;}
   .reserve-modal .modal_cont .mres .button{border-radius: 8px;padding: 0;height: 48px;line-height: 48px;background: #05C1AB;margin:0 0 8px; }
   .reserve-modal .modal_cont .mres .icon-follwer{height: auto;background: 0;border:0;box-shadow: 0;padding: 0;border-radius: 0;}
   .nas-popup .nas-popup_inner01, .nas-popup .nas-popup_inner02{left: 50%;transform:translate(-50%, -50%);border-radius: 8px;}
   .nas-popup .modal__inner img{width: 280px;border-radius: 8px 8px 0 0; }
   .agree_modal .inner{width: 90%;}
   .agree_modal .inner p{font-size: 16px;margin: 20px 0 28px;}
   .agree_modal .inner ul li a{font-size: 16px;}

  }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ci_confirm .is_wrap{height: 186px;}
}