@charset "utf-8";
/* counselWrap */
.counselWrap{position:absolute;bottom:0;left:0;width:100%;max-width:1120px;z-index:90}
.counselWrap .cs_top{overflow:hidden;width:100%;height:80px;background:#000}
.counselWrap .cs_top h4{float:left;padding-left:60px;margin-top:26px;font-size:18px;font-weight:500;color:#fff}
.counselWrap .cs_top h4 span{display:inline-block;vertical-align:middle;width:45px;height:30px;margin-right:10px;background:url("//image.idhospital.com/ulgul/w/common/icon_counselWrap.png") no-repeat center center;background-size:cover}
.counselWrap .cs_top .info{float:left;padding-left:30px;margin-top:20px}
.counselWrap .cs_top .info input[type='text']{width:250px;margin-right:5px;font-size:16px;font-weight:500;color:#fff;border-color:#424242;background:#424242}
.counselWrap .cs_top .info input[type='text']::-webkit-input-placeholder{color:#fff}
.counselWrap .cs_top .info input[type='text']::-moz-placeholder{color:#fff}
.counselWrap .cs_top .info input[type='text']:-ms-input-placeholder{color:#fff}
.counselWrap .cs_top .info input[type='text']:-moz-placeholder{color:#fff}
.counselWrap .cs_top .submit{float:right;width:250px;height:100%;display:table;text-align:center;background:#273972;cursor:pointer}
.counselWrap .cs_top .submit span{display:table-cell;vertical-align:middle;font-size:20px;font-weight:500;color:#fff}
.counselWrap .cs_top .submit span i{display:inline-block;width:9px;height:15px;margin-left:10px;background:url("//image.idhospital.com/ulgul/w/common/icon_cs_submit.png") no-repeat center center;background-size:cover}
.counselWrap .cs_top .hide_btn{position:absolute;top:20px;right:40px;display:none}
.counselWrap .cs_top .hide_btn .btn_grp a i{height:1px}
.counselWrap .cs_top .hide_btn .btn_grp a i.cross_l{background:#fff}
.counselWrap .cs_top .hide_btn .btn_grp a i.cross_r{background:#fff}
.counselWrap .cs_bot{display:none;position:absolute;top:100%;left:0;width:100%;background:#000}
.counselWrap .cs_bot .form_box{position:relative;padding:0px 40px 40px}
.counselWrap .cs_bot .slt_grp{width:100%}
.counselWrap .cs_bot select{width:100%;border:0;background:#424242 url("//image.idhospital.com/ulgul/w/common/icon_cs_downArrow.png") no-repeat 98% 50%;font-size:16px;font-weight:500;color:#fff}
.counselWrap .cs_bot .agree_grp{margin:20px 0;padding:20px 0;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a}
.counselWrap .cs_bot .agree_grp .check{position:relative;overflow:hidden}
.counselWrap .cs_bot .agree_grp .check p{font-size:0;cursor:pointer}
.counselWrap .cs_bot .agree_grp .check p span{display:inline-block;vertical-align:middle;font-size:16px;color:#fff}
.counselWrap .cs_bot .agree_grp .check p span.chk{width:25px;height:25px;margin-right:8px;background-repeat:no-repeat;background-position:center center;background-image:url("//image.idhospital.com/ulgul/w/common/icon_cs_check_off.png")}
.counselWrap .cs_bot .agree_grp .check p span.chk.chk_on{background-image:url("//images.idhospital.com/image/iddental/common/icon_cs_check_on.png")}
.counselWrap .cs_bot .agree_grp .check a{position:absolute;top:0;right:0;font-size:14px;color:#999}
.counselWrap .cs_bot .agree_grp .check i{font-style:normal}
.counselWrap .cs_bot .agree_grp .check_down{display:none;position:relative}
.counselWrap .cs_bot .agree_grp .check_down p{margin:20px 0 15px;font-size:16px;color:#999}
.counselWrap .cs_bot .agree_grp .check_down table{width:100%}
.counselWrap .cs_bot .agree_grp .check_down table th,
.counselWrap .cs_bot .agree_grp .check_down table td{padding:17px 0;font-size:16px;color:#999;border:1px solid #999;text-align:center;line-height:1.3;word-break:keep-all}
.counselWrap .cs_bot .sbmt_grp{text-align:center}
.counselWrap .cs_bot .sbmt_grp span{display:block;width:100%;padding:20px 0;font-size:20px;font-weight:500;color:#fff;background:#273972;cursor:pointer}


/* 구강악안면외과란 */
.sub_visual{background-image:url("//image.idhospital.com/ulgul/w/twojaw/visual_index.jpg")}
.sub_visual .tit{float:right;width:50%;padding-top:270px;text-align:center}

.surgery_process{padding-bottom:100px;text-align:center;background:#fff}
.surgery_process .sp_con{max-width:1120px;margin:0 auto;overflow:hidden}
.surgery_process .sp_con h3{padding:80px 0 40px;font-size:40px;color:#222}
.surgery_process .sp_con ul{text-align:left;border-top:1px solid #ccc}
.surgery_process .sp_con ul li{border-bottom:1px solid #ccc}
.surgery_process .sp_con ul li .q{overflow:hidden;padding:30px 40px;color:#273972;background:#ffffff;background-repeat:no-repeat;background-position:96% 50%;background-size:23px 11px;background-image:url("//image.idhospital.com/ulgul/w/twojaw/sp_arrow_off.png");cursor:pointer}
.surgery_process .sp_con ul li .a{overflow:hidden;padding:30px 50px 30px 100px;color:#222222;background:#f0f6ff;display:none;border-top:1px solid #ccc}
.surgery_process .sp_con ul li .active{background-image:url("//image.idhospital.com/ulgul/w/twojaw/sp_arrow_on.png")}

.surgery_process .sp_con ul li .q span{float:left;display:block;width:60px;font-family:'Montserrat';font-size:36px;opacity:0.6;}
.surgery_process .sp_con ul li .q p{float:left;display:block;font-size:24px;line-height:36px}
.surgery_process .sp_con ul li .a img{float:left;display:block}
.surgery_process .sp_con ul li .a dl{float:left;display:block;margin-left:40px;width:calc(100% - 340px)}
.surgery_process .sp_con ul li .a dl dd{margin-bottom:10px;font-size:16px;line-height:1.2}
.surgery_process .sp_con ul li .a dl dd:last-of-type{margin-bottom:0}
/* TOP */
img{width:auto}

@charset "utf-8";
/* Borad Style */
.reservWrap{}
.reservWrap .tit{margin-bottom:40px;line-height:1.3;word-break:keep-all;text-align:center}
.reservWrap .tit h4{font-size:3rem;color:#333}
.reservWrap .tit p{margin-top:20px;font-size:1.8rem;font-weight:300;color:#666}
.reservWrap .tit p span{color:#56b6e6}
.reservWrap .apply{}
.reservWrap .apTbl table{border-top:1px solid #ddd;border-bottom:1px solid #ddd;word-break:keep-all}
.reservWrap .apTbl table th{text-align:left;font-size:1.6rem;color:#333}
.reservWrap .apTbl table td{padding:7.5px 0;font-size:1.6rem;color:#333}
.reservWrap .apTbl table tr:first-of-type td{padding-top:22.5px}
.reservWrap .apTbl table tr:last-of-type td{padding-bottom:22.5px}
.reservWrap .apTbl table tr:first-of-type th{padding-top:22.5px}
.reservWrap .apTbl table tr:last-of-type th{padding-bottom:22.5px}
.reservWrap .apTbl table tr.top{border-bottom:1px solid #ddd}
.reservWrap .apTbl table tr.top td{padding:30px 0}
.reservWrap .apTbl table tr.top th{padding:30px 0}
.reservWrap .apTbl .inp_grp{font-size:1.6rem;color:#333}
.reservWrap .apTbl .inp_grp input[type='text'], 
.reservWrap .apTbl .inp_grp input[type='tel'], 
.reservWrap .apTbl .inp_grp input[type='password'], 
.reservWrap .apTbl .inp_grp select{width:380px}
.reservWrap .apTbl .inp_grp label{margin-right:10px;font-size:1.6rem;color:#333}
.reservWrap .apTbl .inp_grp input[type='checkbox']+label:before{width:14px;height:14px;line-height:14px;margin-right:5px}
.reservWrap .apTbl .inp_grp input[type='radio']+label:before{width:14px;height:14px;line-height:14px;margin-right:5px}
.reservWrap .apTbl .inp_grp input[type='radio']:checked+label:after{left:5px;width:9px;height:9px}
.reservWrap .apTbl .inp_grp input[type='file']{padding:8px 0;background:#fff}
.reservWrap .apTbl .inp_grp input[type='button']{width:100px;height:40px;border:1px solid #c7c7c7}
.reservWrap .apTbl textarea{display:block;box-sizing:border-box;width:100%;height:180px;padding:15px;border:1px solid #c7c7c7;background:#fff;font-size:1.6rem;color:#333;line-height:1.4;resize:none}
.reservWrap .apTbl .descript{display:inline-block;vertical-align:middle;margin-left:10px;font-size:1.4rem;color:#999}
.reservWrap .apTbl .descript.under_p{display:block;margin-left:0;margin-top:7.5px}
.reservWrap .apTbl .gender{overflow:hidden;width:380px;height:40px;box-sizing:border-box;border:1px solid #c7c7c7;text-align:center}
.reservWrap .apTbl .gender li{float:left;width:50%;height:100%;display:table;cursor:pointer}
.reservWrap .apTbl .gender li span{display:table-cell;vertical-align:middle;font-size:1.4rem;color:#999;background:#fff}
.reservWrap .apTbl .gender li.selected span{color:#fff;background:#56b6e6}
.reservWrap .apTbl .chk_agree .inp_grp label{margin-right:0;margin-left:10px}
.reservWrap .apCheck{margin:60px 0 40px}
.reservWrap .apCheck input[type='checkbox']{display:inline-block;vertical-align:bottom;width:15px;height:15px;margin:0}
.reservWrap .apCheck label{cursor:pointer}
.reservWrap .apCheck label span{display:inline-block;vertical-align:middle;font-size:1.6rem}
.reservWrap .apCheck label span strong{font-size:1.6rem;color:#c91818}
.reservWrap .apCheck .all{margin-bottom:15px;text-align:center}
.reservWrap .apCheck .all label span{color:#222}
.reservWrap .apCheck .pers ul{border-top:1px solid #ccc}
.reservWrap .apCheck .pers ul li{border-bottom:1px solid #ccc}
.reservWrap .apCheck .pers .check{position:relative;overflow:hidden;padding:15px}
.reservWrap .apCheck .pers .check label span{color:#999} 
.reservWrap .apCheck .pers .check.active label span{color:#1588ca} 
.reservWrap .apCheck .pers .check .chk_btn{position:absolute;top:50%;right:0;font-size:1.4rem;color:#999;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}
.reservWrap .apCheck .pers .hide{overflow:hidden;height:0;background:#f4f4f4;-webkit-transition-duration:500ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;-ms-transition-duration:300ms;transition-duration:300ms}
.reservWrap .apCheck .pers .hide .scrollY{width:100%;height:100%;font-size:1.4rem;color:#999;border-top:1px solid #ccc}
.reservWrap .apCheck .pers .hide .scrollY *{font-size:inherit;color:inherit;line-height:1.4;word-break:keep-all}
.reservWrap .apCheck .pers .hide.view{height:150px}
.reservWrap .apBtn{font-size:0;text-align:center}
.reservWrap .apBtn .inp_grp input[type='button'],
.reservWrap .apBtn .inp_grp input[type='submit'],
.reservWrap .apBtn .inp_grp a.btn{width:180px;margin:0 2.5px;font-size:1.6rem}


.authWrap{position:relative;background:#fff}
.authWrap .authTab ul.tab_grp li{width:25%}
.authWrap .authTab ul.tab_grp li a{display:block}
.authWrap .authCon{padding:80px}
.authWrap .authPop{display:none}
.authWrap .authPop .blackBg{position:fixed;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:120}
.authWrap .authPop .popup{position:absolute;top:30%;left:50%;width:600px;margin-left:-300px;background:#fff;z-index:130}
.authWrap .authPop .popup .pTop{overflow:hidden;padding:20px 25px;background:#5ab1e4}
.authWrap .authPop .popup .pTop h4{font-size:1.8rem;color:#fff}
.authWrap .authPop .popup .pTop .btn_grp{position:absolute;top:18px;right:25px}
.authWrap .authPop .popup .pTop .btn_grp .close{width:21px;height:21px}
.authWrap .authPop .popup .pTop .btn_grp a i.cross_l{background:#fff}
.authWrap .authPop .popup .pTop .btn_grp a i.cross_r{background:#fff}
.authWrap .authPop .popup .pBot{padding:40px 25px}
.authWrap .authPop .popup .pBot .inp_grp{font-size:1.6rem;color:#333}
.authWrap .authPop .popup .pBot .inp_grp input[type='text']{width:340px}
.authWrap .authPop .popup .pBot .inp_grp input[type='button']{width:100px;height:40px;border:1px solid #c7c7c7}
.authWrap .authPop .popup .pBot .descript{margin-top:10px;font-size:1.4rem;color:#999}

.JI_readOnly{display:block;width:100%;height:100%;box-sizing:border-box;padding:20px 30px;background:transparent;resize:none;overflow:hidden;border:0;outline:none;overflow-y:auto}







/* GNB */
.gnb_wrap{position:relative;height:100%;width:330px}
.gnb_wrap h1{padding-top:20px}
.gnb_wrap h1 a{display:block;width:100%;height:160px;background:url("//image.idhospital.com/ulgul/w/common/logo.jpg") no-repeat center center;font-size:0;text-indent:-9999px}

.gnb_wrap .g_fixed{position:fixed;top:0;left:0;width:160px;height:100%;box-sizing:border-box;background:#273972;z-index:100}

.gnb_wrap .g_menu{}
.gnb_wrap .g_menu a{letter-spacing:-0.05em}
.gnb_wrap .g_menu ul.depth01{}
.gnb_wrap .g_menu ul.depth01 > li{position:relative;padding:0 15px}
.gnb_wrap .g_menu ul.depth01 > li > a{position:relative;display:block;padding:15px 0;font-size:14px;font-weight:300;color:#8a93a9}
.gnb_wrap .g_menu ul.depth01 > li > a:before{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:#4b5a87;z-index:1}
.gnb_wrap .g_menu ul.depth01 > li > a:after{content:"";position:absolute;bottom:0;left:0;display:block;width:0;height:1px;background:#fff;-webkit-transition:width .2s ease-in-out;-moz-transition:width .2s ease-in-out;-o-transition:width .2s ease-in-out;transition:width .2s ease-in-out;z-index:2}
.gnb_wrap .g_menu ul.depth01 > li:not(.no-hover):hover > a,
.gnb_wrap .g_menu ul.depth01 > li.cm > a{color:#fff}
.gnb_wrap .g_menu ul.depth01 > li:not(.no-hover):hover > a:after,
.gnb_wrap .g_menu ul.depth01 > li.cm > a:after{width:100%}
.gnb_wrap .g_menu ul.depth01 > li:not(.no-hover):hover ul.depth02,
.gnb_wrap .g_menu ul.depth01 > li.cm ul.depth02{display:block;z-index:10}
.gnb_wrap .g_menu ul.depth02{display:none;position:fixed;top:0;left:160px;width:170px;height:100%;padding-top:175px;box-sizing:border-box;background:#fff;border-right:1px solid #e1e3e8;z-index:99}
.gnb_wrap .g_menu ul.depth02 > li{position:relative;padding:0 15px}
.gnb_wrap .g_menu ul.depth02 > li > a{display:block;padding:15px 0;height:15px;font-size:14px;font-weight:300;color:#6e6e6e;border-bottom:1px solid #dddde1;position:relative}
.gnb_wrap .g_menu ul.depth02 > li > a:after{content:"";position:absolute;bottom:0;left:0;display:block;width:0;height:2px;background:#273972;-webkit-transition:width .2s ease-in-out;-moz-transition:width .2s ease-in-out;-o-transition:width .2s ease-in-out;transition:width .2s ease-in-out}
.gnb_wrap .g_menu ul.depth02 > li:not(.no-hover):hover > a,
.gnb_wrap .g_menu ul.depth02 > li.cm > a{height:16px;font-weight:400;color:#273972;border-bottom:0}
.gnb_wrap .g_menu ul.depth02 > li:not(.no-hover):hover > a:after,
.gnb_wrap .g_menu ul.depth02 > li.cm > a:after{width:100%}
.gnb_wrap .g_menu ul.depth02 > li:not(.no-hover):hover ul.depth03,
.gnb_wrap .g_menu ul.depth02 > li.cm ul.depth03{display:block}
.gnb_wrap .g_menu ul.depth03{display:none;padding:10px 0;border-bottom:1px solid #dddde1}
.gnb_wrap .g_menu ul.depth03 > li > a{display:block;padding:10px 0;height:15px;font-size:14px;font-weight:300;color:#6e6e6e}
.gnb_wrap .g_menu ul.depth03 > li:hover > a,
.gnb_wrap .g_menu ul.depth03 > li.active > a{font-weight:400;color:#000101}

.gnb_wrap .g_family{margin:70px 0}
.gnb_wrap .g_family ul{}
.gnb_wrap .g_family ul li{padding:0 15px}
.gnb_wrap .g_family ul li a{display:block;padding:10px 0}
.gnb_wrap .g_family ul li a img{opacity:0.4}
.gnb_wrap .g_family ul li a:hover img{opacity:1}

.gnb_wrap .sub_menu{display:none;position:fixed;top:50px;left:0;width:100%;background:rgba(255,255,255,0.9);z-index:5}
.gnb_wrap .sub_menu ul{overflow:hidden;text-align:center}
.gnb_wrap .sub_menu ul li{float:left;width:50%;box-sizing:border-box;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.gnb_wrap .sub_menu ul li:nth-of-type(even){border-right:0}
.gnb_wrap .sub_menu ul li a{display:block;padding:15px 0;font-size:16px;font-weight:300;color:#222}
.gnb_wrap .sub_menu ul li.active{border-color:#48a9e1}
.gnb_wrap .sub_menu ul li.active a{color:#fff;background:#48a9e1}

/* QUICK */
.quick_wrap{position:fixed;top:0;right:0;height:100%;z-index:110}

.quick_btns{position:absolute;top:0;left:-85px;width:85px;height:100%;background:#2a3141;z-index:11}
.quick_btns .q_menu{text-align:center;background:#4e566d}
.quick_btns .q_menu ul li{padding:15px 0 20px;border-bottom:1px solid #3c4357}
.quick_btns .q_menu ul li span{display:block;padding-top:50px;font-size:12px;font-weight:300;color:#fff;background-repeat:no-repeat;background-position:center top;background-size:45px 42px;cursor:pointer}
.quick_btns .q_menu ul li span.icon01{background-image:url("//image.idhospital.com/ulgul/w/common/quick_icon01.png")}
.quick_btns .q_menu ul li span.icon02{background-image:url("//image.idhospital.com/ulgul/w/common/quick_icon02.png")}
.quick_btns .q_menu ul li span.icon03{background-image:url("//image.idhospital.com/ulgul/w/common/quick_icon03.png")}
.quick_btns .q_menu ul li span.icon04{background-image:url("//image.idhospital.com/ulgul/w/common/quick_icon04.png")}
.quick_btns .q_menu ul li span.icon05{background-image:url("//image.idhospital.com/ulgul/w/common/quick_icon05.png")}
.quick_btns .q_menu ul li.active{background-color:#3c4357}
.quick_btns .q_member{text-align:center;background:#3c4357}
.quick_btns .q_member a{display:block;padding:15px 0;font-size:14px;color:#a8b1c5}
.quick_btns .q_phone{padding:15px 5px;text-align:center}

.quick_cons{position:relative;overflow:hidden;width:0;height:100%;box-sizing:border-box;background:#fff;-webkit-transition:width .2s ease-in-out;-moz-transition:width .2s ease-in-out;-o-transition:width .2s ease-in-out;transition:width .2s ease-in-out;z-index:10}
.quick_cons.on{width:520px}
.quick_cons .q_panel{display:block;height:100%;box-sizing:border-box;padding:30px;overflow-y:auto}
.quick_cons .q_panel .tit{position:relative;padding:20px 0 10px}
.quick_cons .q_panel .tit h3{font-size:30px;color:#222}
.quick_cons .q_panel .tit .btn_grp{position:absolute;top:15px;right:0}
.quick_cons .q_panel .tit .btn_grp .close{width:40px;height:40px}
.quick_cons .q_panel .tit .btn_grp a i.cross_l{background:#222}
.quick_cons .q_panel .tit .btn_grp a i.cross_r{background:#222}
.quick_cons .q_panel .list_tbl{margin:20px 0 10px}
.quick_cons .q_panel .list_tbl table{border-top:1px solid #999}
.quick_cons .q_panel .list_tbl table tr{border-bottom:1px solid #ddd}
.quick_cons .q_panel .list_tbl table th{height:50px;font-size:16px;color:#333}
.quick_cons .q_panel .list_tbl table td{height:60px;font-size:14px;color:#666;font-family:'Montserrat';text-align:center}
.quick_cons .q_panel .list_tbl table td.dv span{display:inline-block;width:75%;padding:5px 0;font-family:'Montserrat';font-size:14px;color:#fff;border-radius:5px}
.quick_cons .q_panel .list_tbl table td.dv span.r{background-color:#e23d64}
.quick_cons .q_panel .list_tbl table td.dv span.g{background-color:#999999}
.quick_cons .q_panel .list_tbl table td.dv span.b{background-color:#6499c2}
.quick_cons .q_panel .list_tbl table td.title{padding:0 5px;text-align:left}
.quick_cons .q_panel .list_tbl table td.title a{display:inline-block;vertical-align:middle;font-size:14px;color:#333;max-width:270px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.quick_cons .q_panel .list_tbl table td.title .blt_grp.new{width:16px;height:16px;line-height:17px;font-size:10px}
.quick_cons .q_panel .list_tbl table td.title.mine a{color:#999}
.quick_cons .q_panel .pr{position:relative;margin:20px 0 10px}
.quick_cons .q_panel .box{border:1px solid #b4b9c4}
.quick_cons .q_panel .box .form_tbl{padding:20px}
.quick_cons .q_panel .box .form_tbl table{width:100%}
.quick_cons .q_panel .box .form_tbl table th{height:60px;text-align:left;font-size:16px;color:#333}
.quick_cons .q_panel .box .form_tbl table td .inp_grp{margin-bottom:5px;width:100%}
.quick_cons .q_panel .box .form_tbl table td .inp_grp:last-of-type{margin-bottom:0}
.quick_cons .q_panel .box .form_tbl table td select{width:100%;background-color:#fff;background-position:95% 50%;border-color:#dedede}
.quick_cons .q_panel .box .form_tbl table td input{width:100%;background-color:#fff;border-color:#dedede}
.quick_cons .q_panel .box .form_tbl table td .short{width:146px}
.quick_cons .q_panel .box .form_tbl table td .remainder{width:180px}
.quick_cons .q_panel .agree{margin:30px 0 10px}
.quick_cons .q_panel .agree input[type='checkbox']{display:inline-block;vertical-align:bottom;width:15px;height:15px;margin:0}
.quick_cons .q_panel .agree label{cursor:pointer}
.quick_cons .q_panel .agree label span{display:inline-block;vertical-align:middle;font-size:14px}
.quick_cons .q_panel .agree .all{margin-bottom:15px;text-align:center}
.quick_cons .q_panel .agree .all label span{color:#222}
.quick_cons .q_panel .agree .pers ul{border-top:1px solid #ccc}
.quick_cons .q_panel .agree .pers ul li{border-bottom:1px solid #ccc}
.quick_cons .q_panel .agree .pers .check{position:relative;overflow:hidden;padding:15px}
.quick_cons .q_panel .agree .pers .check label span{color:#999} 
.quick_cons .q_panel .agree .pers .check.active label span{color:#1588ca} 
.quick_cons .q_panel .agree .pers .check .chk_btn{position:absolute;top:50%;right:15px;padding:5px 15px;font-size:14px;font-weight:300;color:#fff;background:#666;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}
.quick_cons .q_panel .agree_pa{display:none;position:absolute;top:0;left:0;width:100%;box-sizing:border-box;background:#fff;border:1px solid #333}
.quick_cons .q_panel .agree_pa .top{position:relative;padding:20px;background:#333}
.quick_cons .q_panel .agree_pa .top p{font-size:18px;color:#fff}
.quick_cons .q_panel .agree_pa .top span.agree_close{position:absolute;top:50%;right:20px;margin-top:-11px;cursor:pointer}
.quick_cons .q_panel .agree_pa .scrollY{width:100%;height:200px;font-size:14px;color:#999}
.quick_cons .q_panel .agree_pa .scrollY *{font-size:inherit;color:inherit;line-height:1.4;word-break:keep-all}
.quick_cons .q_panel .location{padding:20px 0 10px}
.quick_cons .q_panel .location img{width:100%}
.quick_cons .q_panel .location .minimap{margin-bottom:20px}
.quick_cons .q_panel .location .minimap p{margin-top:15px;font-size:18px;font-weight:300;color:#666;line-height:1.4}
.quick_cons .q_panel .location .minimap p span{margin-top:10px;font-weight:400;color:#1588cb}
.quick_cons .q_panel .location .minimap p:last-of-type{color:#333}
.quick_cons .q_panel .location .video{width:100%}
.quick_cons .q_panel .btn{padding:20px 0;text-align:center}
.quick_cons .q_panel .btn.kakao .inp_grp input[type='button']{width:190px;font-size:16px;color:#3b1e1e;border-color:#fbe300;text-indent:25px;background:#fbe300 url("//images.idhospital.com/image/iddental/common/icon_qBtn_kakao.png") no-repeat 45px 50%}
.quick_cons .q_panel .btn.loca .inp_grp input[type='button']{width:190px;font-size:16px}
.quick_cons .q_panel .btn.loca1 .inp_grp input[type='button']{width:190px;font-size:16px}
.quick_cons .q_panel .btn.loca1 .inp_grp input[type='button'].btnB{text-indent:25px;background:#5ab1e4 url("//images.idhospital.com/image/iddental/common/icon_qLocation01.png") no-repeat 30px 50%}
.quick_cons .q_panel .btn.loca1 .inp_grp input[type='button'].btnW{text-indent:25px;background:#ffffff url("//images.idhospital.com/image/iddental/common/icon_qLocation02.png") no-repeat 30px 50%}

/* BOTTOM */
#wholebg{position:absolute;top:0;left:0;width:100%;height:10px;z-index:9;background:rgba(0,0,0,0.5);filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;display:none}
/* contents bottom banner slide */
.foot_banner{overflow:visible;width:100%;cursor:pointer}
.foot_banner .slider_wrap{background:#fff;overflow:hidden;width:100%}
.slider_wrap .slider_div{width:240px;height:300px;display:inline-block}
.slider_wrap .slider_div>p{width:240px}
.slider_wrap .slider_div>p img{height:312px}
.foot_banner .f_small{font-size:14px}
.foot_banner .banner_tit{background:url(//images.idhospital.com/image/idhospital/common/bg_bannerBar.png) left top repeat-x;width:240px;height:52px;padding-top:8px;text-align:center;font-size:16px;color:#fff;font-weight:400;line-height:20px;position:absolute;bottom:0;display:block}
.foot_banner .banner_tit.on{background:url(//images.idhospital.com/image/idhospital/common/bg_bannerBar_on.png) left top no-repeat;width:240px;height:66px;padding-top:34px;text-align:center;font-size:16px;color:#fff;font-weight:400;line-height:20px;position:absolute;bottom:0;display:block}

.foot_quickmenu{width: 100%;background: #fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding-left: 320px;box-sizing: border-box;}
.foot_quickmenu ul{width:840px;margin:0 auto;padding-right: 96px;}
.foot_quickmenu ul:after{content:'';display:block;clear:both}
.foot_quickmenu ul li{width:25%;float:left;padding:25px 0;}
.foot_quickmenu ul li:first-child a{background:none}
.foot_quickmenu ul li a{text-align:center;display:block;background:url(//images.idhospital.com/image/idhospital/common/bg_thBar03.gif) left top no-repeat;color:#000;font-size:16px;font-weight:400;color:#222;}
.foot_quickmenu ul li span{margin-bottom:13px}
.foot_quickmenu ul li a span.small_txt{font-size:14px;font-weight:400;color:#999;display:block;margin-bottom:5px}
.foot_quickmenu ul li:hover a,.foot_quickmenu ul li:hover a span,.foot_quickmenu ul li.on a{color:#f272ad}
.foot_quickmenu ul li .ico_q_online{background-position:-358px -170px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
.foot_quickmenu ul li .ico_q_kakao{background-position:-358px -217px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
.foot_quickmenu ul li .ico_q_price{background-position:-358px -264px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
.foot_quickmenu ul li .ico_q_sms{background-position:-358px -311px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
.foot_quickmenu ul li .ico_q_live{background-position:-358px -76px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
.foot_quickmenu ul li .ico_q_virtual{background-position:-358px -358px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
.foot_quickmenu ul li:hover .ico_q_online,.foot_quickmenu ul li.on .ico_q_online{background-position:-316px -170px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
.foot_quickmenu ul li:hover .ico_q_kakao,.foot_quickmenu ul li.on .ico_q_kakao{background-position:-316px -217px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
.foot_quickmenu ul li:hover .ico_q_price,.foot_quickmenu ul li.on .ico_q_price{background-position:-316px -264px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
.foot_quickmenu ul li:hover .ico_q_sms,.foot_quickmenu ul li.on .ico_q_sms{background-position:-316px -311px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
.foot_quickmenu ul li:hover .ico_q_live,.foot_quickmenu ul li.on .ico_q_live{background-position:-316px -76px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
.foot_quickmenu ul li:hover .ico_q_virtual,.foot_quickmenu ul li.on .ico_q_virtual{background-position:-316px -358px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}


/*   ߰_210406 */
.foot_quickmenu ul li .quick_res{width: 42px;height: 42px;background: url(//image.idhospital.com/www/common/quick/quick_res_icon.png) no-repeat center;background-size: cover;text-indent: -99999px;display: block;margin: 0 auto 13px auto;}
.foot_quickmenu ul li:nth-child(2):hover .quick_res{background-image: url(//image.idhospital.com/www/common/quick/quick_res_icon_on.png)}



.bottom_banner{overflow:hidden;margin-top:40px}
.bottom_banner img{vertical-align:top;max-width:100%}
.bottom_banner a{float:left;display:block;width:49.5%}
.bottom_banner a:last-child{float:right}


/* footer
#footer {padding-top:50px;padding-bottom:10px;}

#footermenu {width:100%;border-bottom:#e7e7e7 2px solid;background:#f3f3f3;}
#footermenu td {padding:5px 0 5px 0;}
#footermenu tr td:nth-child(2) {color:black;font-weight: bold}
#footermenu .line {width:8px;color:#d8d8d8;}
 */

/* copyright */
#copyright {width:100%;height:91px;}
#copyright .left   {vertical-align:middle;width:124px;}
#copyright .center {width:390px;text-align:left;vertical-align:middle;padding-left:20px;font-size:11px;color:#777;letter-spacing:-0.03em;}
#copyright span {font-size:11px;color:#9e9e9e;}
#copyright .right  {vertical-align:top;width:122px;padding:15px 0 10px 0;}
#copyright .main {color:#fff;}
#copyright .time {width:150px;letter-spacing:0.5em;}   
#copyright td ul {list-style-type: none}
#copyright td ul li {text-align: left;font-weight: bold;padding:3px 0 0 0}

/* footer */
#footer {padding:30px 5% 40px 360px;height:85px;border-top:1px solid #ddd}
#footer .foot_logo{background:url(//images.idhospital.com/image/idhospital/common/logo_footer.gif) left top no-repeat;text-indent:-9999px;display:block;float:left;width:152px;height:55px;margin-right:40px}
#footer .foot_info{float:left;width:75%;position:relative}
#footer .foot_info>ul li a{float:left;padding-left:30px;font-size:14px;font-weight:500;color:#222;text-decoration:none}
#footer .foot_info>ul li:first-child a{padding-left:0}
#footer .foot_info>ul:after{content:" "; display:block; clear:both;}
#footer .foot_info>p{margin-top:10px;font-size:14px;font-weight:400;color:#555}
#footer .foot_info>p>span{padding-right:18px}
#footer .foot_info>.copyright{color:#999}
#footer .family{position:absolute;top:0px;right:92px;}
#footer .family>a{
	position:absolute;
	top:0;
	left:0;
	display:inline;
	width:130px;
	height:17px;
	line-height:19px;
	cursor:pointer;
	padding:5px 10px;
	font-size:14px;
	border:1px solid #dedede;
	border-radius:3px;
	background:url(//images.idhospital.com/image/idhospital/common/ico_arrow04.gif) no-repeat 90% 50%;
	color:#999
}
#footer .family ul{
	display:none;
	position:absolute;
	bottom:-1px;
	left:0;
	background:#fff;
	width:141px;
	padding:9px 0 0 9px;
	border:1px solid #dedede;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom:0
}
#footer .family ul li{height:14px;padding:5px 0;font-size:14px;color:#999}
#footer .family ul li a{height:14px;padding:5px 0;font-size:14px;color:#999}


.footer_sns{position: absolute;top: 45px;right: -78px;}
.footer_sns li{float:left;height:40px;padding: 0 7px;}
.footer_sns li a{height:40px;display:block}



/* mediaquery  max width 1600px */
@media screen and (max-width:1600px){
	.foot_quickmenu{width:100%;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
	.foot_quickmenu ul{width:840px;margin:0 auto;}
	.foot_quickmenu ul:after{content:'';display:block;clear:both}
	.foot_quickmenu ul li{width:25%;float:left;padding:25px 0}
	.foot_quickmenu ul li:first-child a{background:none}
	.foot_quickmenu ul li a{text-align:center;display:block;background:url(//images.idhospital.com/image/idhospital/common/bg_thBar03.gif) left top no-repeat;color:#000;font-size:16px;font-weight:400;color:#222;}
	.foot_quickmenu ul li span{margin-bottom:13px}
	.foot_quickmenu ul li a span.small_txt{font-size:14px;font-weight:400;color:#999;display:block;margin-bottom:5px}
	.foot_quickmenu ul li:hover a,.foot_quickmenu ul li:hover a span,.foot_quickmenu ul li.on a{color:#f272ad}
	.foot_quickmenu ul li .ico_q_online{background-position:-358px -170px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
	.foot_quickmenu ul li .ico_q_kakao{background-position:-358px -217px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
	.foot_quickmenu ul li .ico_q_price{background-position:-358px -264px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
	.foot_quickmenu ul li .ico_q_sms{background-position:-358px -311px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
	.foot_quickmenu ul li .ico_q_live{background-position:-358px -76px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
	.foot_quickmenu ul li:hover .ico_q_online,.foot_quickmenu ul li.on .ico_q_online{background-position:-316px -170px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
	.foot_quickmenu ul li:hover .ico_q_kakao,.foot_quickmenu ul li.on .ico_q_kakao{background-position:-316px -217px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
	.foot_quickmenu ul li:hover .ico_q_price,.foot_quickmenu ul li.on .ico_q_price{background-position:-316px -264px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
	.foot_quickmenu ul li:hover .ico_q_sms,.foot_quickmenu ul li.on .ico_q_sms{background-position:-316px -311px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
	.foot_quickmenu ul li:hover .ico_q_live,.foot_quickmenu ul li.on .ico_q_live{background-position:-316px -76px;width:42px;height:42px;text-indent:-9999px;display:block;margin:0 auto 13px auto}
	/* footer */
	#footer {padding:30px 0 0 360px;height:125px;border-top:1px solid #ddd;margin-left:0}
	#footer .foot_logo{background:url(//images.idhospital.com/image/idhospital/common/logo_footer.gif) left top no-repeat;text-indent:-9999px;display:block;float:left;width:152px;height:55px;margin-right:40px;display:none}
	#footer .foot_info{float:left;width:75%;position:relative}
	#footer .foot_info>ul li a{float:left;padding-left:30px;font-size:14px;font-weight:500;color:#222;text-decoration:none}
	#footer .foot_info>ul li a:hover{text-decoration:underline}
	#footer .foot_info>ul li:first-child a{padding-left:0}
	#footer .foot_info>ul:after{content:" "; display:block; clear:both;}
	#footer .foot_info>p{margin-top:10px;font-size:14px;font-weight:400;color:#555}
	#footer .foot_info>p>span{padding-right:18px}
	#footer .foot_info>.copyright{color:#999}
	#footer .family{position:absolute;top:0px;right:0}
	#footer .family>a{
		position:absolute;
		top:0;
		left:0;
		display:inline;
		width:130px;
		height:17px;
		line-height:19px;
		cursor:pointer;
		padding:5px 10px;
		font-size:14px;
		border:1px solid #dedede;
		border-radius:3px;
		background:url(//images.idhospital.com/image/idhospital/common/ico_arrow04.gif) no-repeat 90% 50%;
		color:#999
	}
	#footer .family ul{
		display:none;
		position:absolute;
		bottom:-1px;
		left:0;
		background:#fff;
		width:141px;
		padding:9px 0 0 9px;
		border:1px solid #dedede;
		border-top-left-radius:3px;
		border-top-right-radius:3px;
		border-bottom:0
	}
	#footer .family ul li{height:14px;padding:5px 0;font-size:14px;color:#999}
	#footer .family ul li a{height:14px;padding:5px 0;font-size:14px;color:#999}
	.board_search{background:#f4f4f4;border:1px solid #ddd;width:auto;padding:40px 0;margin:30px 40px 60px;text-align:center}
	.board_search select{height:32px;border:1px solid #ddd;font-family:'Noto Sans KR', sans-serif;font-size:14px;vertical-align:middle}
	.board_search input{height:24px;border:1px solid #ddd;padding:3px;font-family:'Noto Sans KR', sans-serif;font-size:14px;vertical-align:middle}
	.board_search .btn_search a{
		width:auto;
		padding:8px 20px 9px;
		background:#2d3a49;
		font-size:14px;
		font-weight:400;
		color:#fff;
		text-align:center;
		display:inline-block;
		text-decoration:none;
		vertical-align:middle
	}
	
	.footer_sns{right: -168px;}
	
}
.threejaw_cont06{padding:100px 0;background-color: #fff;letter-spacing: -1px;text-align: center;}
.doctor_img{}
.doctor_tit {font-family:'GmarketSans'; font-size:36px; color:#222222; line-height:1.25; font-weight:500; margin-bottom:45px;}
.doctor_tit span {font-family:'GmarketSans'; color:#f272ad; font-weight:500;}
.cont06_doctor_list{text-align: center;font-size: 0;margin-top: 15px;}
.cont06_doctor_list li{display: inline-block;vertical-align: top;padding: 0 50px;}
.cont06_doctor_list li .id{}
.id_name{font-size:16px;color:#222;line-height: 1.4;margin-top: 8%;}
.id_name strong{font-size:20px; font-weight: 500;color:#222;}
.cont06_list{margin-top: 60px;}
.cont06_list_tit{font-size:24px;color:#222;line-height: 1.3;text-align: center;margin-bottom: 35px;}
.cont06_list ul {margin: 0 auto;text-align: left;width:415px}
.cont06_list ul li{font-size:18px;margin-top:22px;color:#666;letter-spacing: -0.7px;}
.cont06_list ul li:before{content: '';display: inline-block;vertical-align: middle;background: url(//image.idhospital.com/www/main_surgerys/notie/check_icon.png) no-repeat center;background-size: contain;width: 17px;height: 12px;margin: -0.5% 15px 0 0;}

.cont06_list .cont06_list_tit .quo {display:inline-block; position:relative;}
.cont06_list .cont06_list_tit .quo:before {
    content: '“';
    font-size: 80px;
    color: #d2d2d2;
    font-weight: 500;
    position: absolute;
    font-family: 'NanumMyeongjo','Nanum Myeongjo','Noto Sans KR';
	color: rgba(102,102,102,0.35);
    left: -45px;
    top: -17px;
	font-weight:bold;
}

.cont06_list .cont06_list_tit .quo:after {
    content: '”';
    font-size: 80px;
    color: #d2d2d2;
    font-weight: 500;
    position: absolute;
    font-family: 'NanumMyeongjo','Nanum Myeongjo','Noto Sans KR';
	color: rgba(102,102,102,0.35);
    right: -45px;
    top: -17px;
	font-weight:bold;
}
/* twojaw_8s */
.twojaw_8s{padding:80px 0 50px;background:#e0eaec}
.twojaw_8s .tit{text-align:center}
.twojaw_8s .tit h4{font-size:40px;font-weight:400;color:#222; line-height:1.2;}
.twojaw_8s .tit h4 span{color:#fd71b2}
.twojaw_8s ul{max-width:1120px;margin:40px auto 0;padding:0 80px;box-sizing:border-box;overflow:hidden; position:relative;}
.twojaw_8s ul li{float:left;width:calc(33.3% - 20px);margin-right:30px;margin-bottom:30px;background:#fff}
.twojaw_8s ul li:nth-of-type(3n){margin-right:0}
.twojaw_8s ul li .txt{height:140px; padding:25px 0 30px 25px; box-sizing:border-box}
.twojaw_8s ul li .txt h5{margin-bottom:15px;font-size:20px;font-weight:400;color:#222}
.twojaw_8s ul li .txt h5 span{display:inline-block;margin-right:8px;width:25px;height:25px;line-height:25px;font-size:16px;color:#fff;text-align:center;background:#222}
.twojaw_8s ul li:last-child .txt h5 span {width:35px;}
.twojaw_8s ul li .txt p{font-size:16px;color:#555;line-height:1.3;word-break:keep-all; letter-spacing:-0.5px;}
.twojaw_8s ul::after {content:''; display:block; width:561px; height:147px; background:url("//image.idhospital.com/ulgul/w/common/twojaw_10s_logo.png") no-repeat; position:absolute; bottom:130px; right:120px;}
.twojaw_process_wrap{text-align: center;background-color: #30364a;padding: 80px 0;}
.twojaw_process_cont{max-width: 1120px;margin: 0 auto;}
.twojaw_process_titbox{letter-spacing: -1px;}
.twojaw_process_tit{font-size: 35px;color:#fff;}
.twojaw_process_tit span{color:#fd71b2;}
.twojaw_process_txt{font-size: 24px;color:#a6a7ac;line-height: 1.25;margin-top: 15px;}

.twojaw_process_listbox{}
.twojaw_process_list{font-size: 0;margin-top: 40px;}
.twojaw_process_list li{display: inline-block;vertical-align: top;width: 16.6667%;}
.twojaw_process_list li .tit{font-size: 20px;color:#fff;background-color: #10182f;padding: 25px 0;}
.twojaw_process_list li .tit.before{color:#999;}
.twojaw_process_list li .tit.after{background-color: #fd71b2;}
.twojaw_process_list li .img img{width: 100%;}

.em_txt{font-size: 16px;color:#a6a7ac;margin: 20px 0 0 20px;text-align: left;}
/* youtube 슬라이드 */
.sub_youtube_wrap{font-family:'GmarketSans'; background-color:#f4f4f4; padding:80px 0 55px;letter-spacing: -1px;}
.sub_youtube_cont{max-width: 1120px;margin: 0 auto;}
.sub_youtube_wrap .youtube_titbox{}
.sub_youtube_wrap .youtube_titbox .tit{font-family:'GmarketSans'; font-size:40px; margin:0 0 25px 0; display:inline-block;}
.sub_youtube_wrap .youtube_titbox .tit strong{font-family:'GmarketSans'; font-weight:500;}
.sub_youtube_wrap .swiper-slide a{display:block; width:100%; height:100%;}
.sub_youtube_wrap .swiper-slide a > p{font-family:'Noto Sans KR'; font-size:20px; line-height:1.35; color:#222; height:2.6em; margin:15px 0 0;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.sub_youtube_wrap .swiper-slide img{max-width: 100%;}

.youtube_titbox > a{float: right;font-size: 20px;color: #f272ad;font-weight: 500;font-family: 'GmarketSans';margin-top: 20px;}
.youtube_titbox > a img{margin:0 0 2px 10px;}
/* LAYOUT_MAIN */
body{min-width:1280px;max-width:1920px}

#contain{padding-right:85px}

.container{position:relative;margin-left:160px}

.contents{min-width:1120px;background:#f4f4f4}
.contents img{max-width:100%}
.contents img.full_img{position:relative;max-width:none;top:0;left:50%;margin-left:-837.5px}

.sub_visual{position:relative;width:100%;height:720px;background-repeat:no-repeat;background-position:center center}
.sub_visual .sv_center{position:relative;max-width:1120px;height:100%;margin:0 auto}
.sub_visual .sv_center:after{content:"";clear:both;display:block}
.sub_visual .txt h2{font-size:60px;color:#222;margin-bottom:30px}
.sub_visual .txt p{font-size:24px;color:#222;line-height:1.25}
.sub_visual .btn{margin-top:40px;font-size:0}
.sub_visual .btn a{display:inline-block;vertical-align:middle;width:160px;margin:0 2px;box-sizing:border-box;padding:17px 0;font-size:16px}
.sub_visual .btn a.counsel{color:#ffffff;border:1px solid #273972;background:#273972}
.sub_visual .btn a.kakao{color:#273972;border:1px solid #273972;background:transparent}
.sub_visual .repeat_img{position:absolute;bottom:0;left:-100px;width:660px;height:660px}
.sub_visual .repeat_img img{position:absolute;top:0;left:0}
.sub_visual .repeat_img img.after{display:none}

.sub_content{max-width:1120px;margin:0 auto;padding-bottom:100px}
.sub_content.full{overflow-x:hidden;max-width:100%;padding-bottom:0}

.center_block{width:1120px;margin:0 auto}
.center_block .stit{margin-bottom:40px;text-align:center}
.center_block .stit h4{font-size:40px;color:#222;line-height:1.25}
.center_block .stit h4 span{color:#f272ad}
.center_block .stit p{margin-top:20px;font-size:22px;color:#555;line-height:1.3}


/* 양악수술 중 */
.con-def{padding:80px 0 130px;background:#fff;text-align:center}

.con-method{position:relative;padding:100px 0 80px;background:#f4f4f4;text-align:center}
.con-method .circle_logo{position:absolute;top:-65px;left:50%;margin-left:-65px}

.con-bna{padding:80px 0;background:#fff;text-align:center}
.con-bna .circle_logo{margin-bottom:30px}
.con-bna .patent{margin-top:80px}

.con-xray{padding:80px 0 50px;background:#222;text-align:center}
.con-xray h4{font-size:30px;font-weight:400;color:#fff;line-height:1.2}
.con-xray h4 span{color:#fd71b2}
.con-xray ul{margin:30px auto 0;width:800px;overflow:hidden}
.con-xray ul li{float:left;width:50%;box-sizing:border-box;padding:0 10px}
.con-xray ul li:last-of-type{float:right}
.con-xray ul li p{margin-top:20px;font-size:16px;color:#999}
