@charset "utf-8";
/* counselWrap */
.counselWrap{position:absolute;bottom:0;left:0;width:100%;max-width:1200px;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("//images.idhospital.com/image/iddental/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:1.6rem;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:#1588ca;cursor:pointer}
.counselWrap .cs_top .submit span{display:table-cell;vertical-align:middle;font-size:2rem;font-weight:500;color:#fff}
.counselWrap .cs_top .submit span i{display:inline-block;width:9px;height:15px;margin-left:10px;background:url("//images.idhospital.com/image/iddental/common/icon_cs_submit.png") no-repeat center center;background-size:cover}
.counselWrap .cs_top .submit.active{margin-right:60px;margin-top:25px;width:30px;height:30px;display:block;background:url("//images.idhospital.com/image/iddental/common/icon_cs_close.png") no-repeat center center}
.counselWrap .cs_top .submit.active span{font-size:0;text-indent:-9999px}
.counselWrap .cs_top .submit.active span i{display:none}
.counselWrap .cs_top .hide_btn{position:absolute;top:25px;right:60px;display:none}
.counselWrap .cs_top .hide_btn .btn_grp .close{width:30px;height:30px}
.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:20px 60px 60px}
.counselWrap .cs_bot .slt_grp{width:100%}
.counselWrap .cs_bot select{width:100%;border:0;background:#424242 url("//images.idhospital.com/image/iddental/common/icon_cs_downArrow.png") no-repeat 95% 50%;font-size:1.6rem;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:1.6rem;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("//images.idhospital.com/image/iddental/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:1.4rem;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:1.6rem;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:1.6rem;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:2rem;font-weight:500;color:#fff;background:#1588ca;cursor:pointer}



/* qna */
.qna_input{background:#fff;padding:30px 20px;text-align:center}
.qna_input h3{margin-bottom:8px}
.qna_input h3 img{width:236px;height:25px}
.qna_input h4{font-size:0.95em;font-weight:400;color:#888;line-height:1.3em;border-bottom:1px solid #ddd;padding-bottom:13px}
.tbl_input{width:100%;margin-top:20px}
.tbl_input tr{background:#f4f4f4}
.tbl_input tr th{
	text-align:left;
	font-size:0.95em;
	font-weight:400;
	color:#555;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:10px 0 10px 10px;
}
.tbl_input tr td{
	font-size:0.95em;
	font-weight:400;
	color:#4d689a;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px 0;
}
.tbl_input tr td.space{background:#fff;border:0;padding:0;height:10px}
.tbl_input tr td.colspan{border-left:1px solid #ddd;padding:10px;text-align:left}
.tbl_input tr td.colspan span{font-size:1.0em;font-weight:400;color:#555}
.tbl_input tr td input{border:0;background:#f4f4f4;font-size:1.0em;font-weight:400;color:#4d689a;height:30px;padding:5px 0;width:100%}
.tbl_input tr td textarea{border:0;background:#f4f4f4;font-size:1.0em;font-weight:400;color:#4d689a;margin-top:5px}
.tbl_input select{background:#f4f4f4;height:30px;width:100%;border:1px solid #f4f4f4;font-size:1.0em;font-weight:400;color:#222;}
.privacy_wrap{
	height:45px;
	overflow-y:scroll;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:10px 10px 0;
	margin-top:20px;
	font-size:1.0em;
	font-weight:400;
	line-height:1.3em;
	color:#999;
	text-align:left
}
.privacy_wrap>h3{margin-bottom:10px;font-weight:500;}
.privacy_wrap>p{margin-bottom:10px;line-height:1.5em}
.privacy_wrap .bold{font-weight:500;}
.privacy_wrap table{cellpadding:0;cellspacing:0;border:1px solid #ddd;margin:10px 0}
.privacy_wrap table tr th{text-align:center;background:#f4f4f4;padding:10px 0}
.privacy_wrap table tr td{border-top:0;border-right:0;text-align:center}
.chk_boxArea{border:1px solid #ddd;padding:10px;font-size:1.1em;font-weight:400;color:#000;position:relative}
.chk_boxArea.on{background:#f4f4f4;}
.chk_boxArea input{z-index:1;width:10px;height:10px;visibility:hidden;outline:none}
.chk_boxArea label{
	position:absolute;
	top:10px;
	left:0;
	margin-left:0;
	display:block;
	width:180px;
	height:17px;
	line-height:17px;
	cursor:pointer; 
	padding:3px 0 3px 30px;
	font-size:1.1em;
	font-weight:400;
	color:#000;
	letter-spacing:-1px
}
.chk_boxArea label:after{
	z-index:3;
	content: '';
	display:block;
	position: absolute; 
	top:5px;
	left:10px;
	width:12px;
	height:12px;
	background:url(//images.idhospital.com/image/m.idhospital/common/ico_quick.png) no-repeat 0 top;
	background-size:250px;
	background-position:-77px -39px;
	vertical-align:middle
}
.chk_boxArea input[type=checkbox]:checked + label:after{
	z-index:3;
	content: '';
	display:block;
	position: absolute; 
	top:5px;
	left:10px;
	width:12px;
	height:12px;
	background:url(//images.idhospital.com/image/m.idhospital/common/ico_quick.png) no-repeat 0 top;
	background-size:250px;
	background-position:-77px -27px;
	vertical-align:middle
}

/* button style */
.btn_round a{font-size:1.1em;font-weight:400;color:#2d3a49;text-decoration:none;border:1px solid #2d3a49;border-radius:25px;padding:11px 30px;text-align:center;display:inline-block}
.btn_navy a{font-size:1.1em;font-weight:400;color:#fff;text-decoration:none;border:1px solid #2d3a49;background:#2d3a49;padding:13px 18px;display:inline-block}
.btn_navyL a{font-size:1.1em;font-weight:400;color:#fff;text-align:center;text-decoration:none;border:1px solid #5ab1e4;background:#5ab1e4;width:100%;padding:13px 0;display:inline-block;box-sizing:border-box}
.btn_navyLine a{font-size:1.1em;font-weight:400;color:#2d3a49;text-decoration:none;border:1px solid #2d3a49;padding:13px 18px;display:inline-block}

.quick_counsel_pop{display:none}
.qcp_tit{overflow:hidden;padding:15px 20px;text-align:left;background:#000}
.qcp_tit p{float:left;font-size:1.5em;color:#fff;line-height:1;margin-top:3px;}
.qcp_tit img{float:right;width:18.72px;cursor:pointer;margin-top:3px;}
.qcp_tit + .qna_input .tbl_input{margin-top:0}

.footer_wrap .f_bot .right{padding-bottom:50px}
.bottom_floating {display:none}

/* Layout Style - EXCEPTION(1600) */
@media screen and (max-width: 1600px) {
	.counselWrap .cs_top h4{padding-left:40px}
	.counselWrap .cs_top .submit{width:200px}
	.counselWrap .cs_bot .form_box{padding:20px 40px 40px}
}


/* Layout Style - PC(1280) */
@media screen and (max-width: 1280px) {
	.counselWrap .cs_top .submit{width:220px}
}


/* Layout Style - Laptop,Tablet(1024) */
@media screen and (max-width: 1024px) {
	.counselWrap .cs_top h4{padding-left:20px}
	.counselWrap .cs_top .info{padding-left:20px}
	.counselWrap .cs_top .info input[type='text']{width:180px}
	.counselWrap .cs_top .submit{width:150px}
	.counselWrap .cs_top .submit span i{display:none}
	.counselWrap .cs_bot .form_box{padding:20px}
	.counselWrap .cs_bot .agree_grp .check_down table th, 
	.counselWrap .cs_bot .agree_grp .check_down table td{padding:15px 10px}
	.counselWrap .cs_bot .sbmt_grp span{padding:15px 0}
}


/* Layout Style - Mobile(720) */
@media screen and (max-width: 720px) {
	.counselWrap{display:none}
}

@media (max-width:375px) {
	.counsel_wrap .inp_box{padding:10px 20px}
	.counsel_wrap .inp_box input.inp_name{height:30px}
	.counsel_wrap .inp_box input.inp_phone{height:30px}
}
@charset "utf-8";
/* invisalign */

/* pasolution */
.subTop .top_visual.pasolution{}
.subTop .video-frame{position:absolute;width:100%;height:100%;overflow:hidden;z-index:0}
.subTop .video-box{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:100%;transform:translateX(-50%) translateY(-50%);background-size:cover;transition:1s opacity}
.subTop .dimd{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(55,27,21,0.5);z-index:1}

.subTop .invisalign .centerTxt2{position:relative;z-index:2}
.subTop .invisalign .centerTxt2 .txt h3{margin:50px 0 20px}
.subTop .invisalign .centerTxt2 .txt span{display:block;font-size:2.4rem;font-weight:300;color:#dcbe88;line-height:1.3}
.subTop .invisalign .mv_flag{margin-top:25px}
.subTop .invisalign .centerTxt2 br{display:none}


.video_invisalign{position:relative;overflow:hidden;display:table;width:100%;height:530px;cursor:pointer}
.video_invisalign .play{display:table-cell;vertical-align:middle;text-align:center;background:url("//images.idhospital.com/image/iddental/orthodontics/video_invisalign.jpg") no-repeat center center;background-size:cover;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;transition:all .8s}
.video_invisalign .play p{margin-top:30px;font-size:2.4rem;color:#fff}
.video_invisalign:hover .play{-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}

.subCon .stdrd_b{padding:100px 0;z-index:1}
.innerTit{margin-bottom:30px;text-align:center}
.innerTit.txtLeft{text-align:left}
.innerTit.txtLeft h5 i{color:#fff}
.innerTit h5{font-size:0}
.innerTit h5 span{position:relative;display:inline-block;vertical-align:middle;width:50px;height:50px;line-height:50px;font-family:'Montserrat';font-size:2.2rem;font-weight:500;color:#fff;background:url("//images.idhospital.com/image/iddental/orthodontics/invisalign02_tit_bg.png") no-repeat center center;background-size:cover;text-align:center}
.innerTit h5 i{display:inline-block;vertical-align:middle;margin-left:15px;font-style:normal;font-size:4rem;color:#333}
.innerTit p{margin-top:10px;font-size:2rem;color:#666;line-height:1.3;word-break:keep-all}
.innerTit p span{color:#1588ca}
.innerTit p span.c1{color:#a2692c}

.flagship_invisalign{padding:65px 20px;background:#c29866;text-align:center}

.invisalign_plus{padding:40px 20px;background:#333;text-align:center}

.invisalign00{background:#dde4ec url("//images.idhospital.com/image/iddental/orthodontics/invisalign00_bg.jpg") no-repeat top center;background-size:cover}

.invisalign01{background:#e1ddd8}
.invisalign01 .innerBox{margin-top:40px}
.invisalign01 .innerBox img{max-width:100%}
.invisalign01 .innerBox ul{margin-top:30px;overflow:hidden;position:relative;z-index:1}
.invisalign01 .innerBox ul li{float:left;width:calc(50% - 10px);margin-right:20px;background:#f4f4f4}
.invisalign01 .innerBox ul li:last-of-type{margin-right:0}
.invisalign01 .innerBox ul li .txt{padding:30px 0}
.invisalign01 .innerBox ul li .txt p{font-size:2rem;color:#11151c;line-height:1.2}
.invisalign01 .innerBox ul li img{width:100%}
.invisalign01 .bgImg{position:relative;z-index:0}

.invisalign02{background:#dde4ec}
.invisalign02 img{max-width:100%}
.invisalign02 .innerBox{margin-top:40px}
.invisalign02 .bgImg{position:relative;z-index:0}
.invisalign02 .innerBox01{margin-top:20px;text-align:center}
.invisalign02 .innerBox01 ul{position:relative;overflow:hidden}
.invisalign02 .innerBox01 ul li{float:left;width:50%}
.invisalign02 .innerBox01 ul .x{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.invisalign02 .innerBox02{margin-top:80px;text-align:left}
.invisalign02 .innerBox02 .doctor{overflow:hidden}
.invisalign02 .innerBox02 .doctor > div{position:relative;float:left;width:50%;height:390px;background-repeat:no-repeat;background-position:left bottom;background-color:#fbf8f5}
.invisalign02 .innerBox02 .doctor .item1{background-image:url("//images.idhospital.com/image/iddental/orthodontics/invisalign02_doctor01.jpg")}
.invisalign02 .innerBox02 .doctor .item2{background-image:url("//images.idhospital.com/image/iddental/orthodontics/invisalign02_doctor02.jpg")}
.invisalign02 .innerBox02 .doctor .txt{position:absolute;top:0;left:40%;width:60%;height:100%}
.invisalign02 .innerBox02 .doctor .txt h5{margin:50px 0 30px;font-family:'Nanum Myeongjo';font-size:5rem;font-weight:bold;color:#666}
.invisalign02 .innerBox02 .doctor .txt h5 span{font-family:'Nanum Myeongjo';font-size:2.8rem;color:#666}
.invisalign02 .innerBox02 .doctor .txt ul li{margin-bottom:10px;font-size:1.6rem;color:#666;line-height:1.3}
.invisalign02 .innerBox02 .doctor .txt ul li:last-of-type{margin-bottom:0}
.invisalign02 .innerBox02 .doctor .txt ul li.hlt{color:#a2692c}
.invisalign02 .innerBox03{margin-top:25px}
.invisalign02 .innerBox03 ul li{margin-bottom:10px;font-size:1.4rem;color:#666;line-height:1.3}
.invisalign02 .innerBox03 ul li:last-of-type{margin-bottom:0}

.invisalign02-1{background:#e1ddd8}
.invisalign02-1 .innerBox{}
.invisalign02-1 .innerBox img{max-width:100%}
.invisalign02-1 .innerBox ul{margin-top:20px;overflow:hidden;position:relative;z-index:1}
.invisalign02-1 .innerBox ul li{float:left;width:calc(20% - 12px);margin-right:15px;background:#f4f4f4}
.invisalign02-1 .innerBox ul li:last-of-type{margin-right:0}
.invisalign02-1 .innerBox ul li .txt{padding:30px 0}
.invisalign02-1 .innerBox ul li .txt p{font-size:2rem;color:#11151c;line-height:1.2}
.invisalign02-1 .innerBox ul li .txt p span{display:block;margin-top:5px;font-size:1.6rem;color:#666}
.invisalign02-1 .innerBox ul li img{width:100%}
.invisalign02-1 .bgImg{position:relative;z-index:0}

.invisalign04{background:#dde4ec url("//images.idhospital.com/image/iddental/orthodontics/invisalign04_bg.jpg") no-repeat top center}
.invisalign04 .innerBox01{margin-top:50px;padding:50px 50px 30px;background:#fff;text-align:center}
.invisalign04 .innerBox01 ul{font-size:0}
.invisalign04 .innerBox01 ul li{display:inline-block;vertical-align:middle;width:32%;margin-right:2%;margin-bottom:2%;}
.invisalign04 .innerBox01 ul li:nth-of-type(3n){margin-right:0}
.invisalign04 .innerBox01 ul li img{width:100%}
.invisalign04 .innerBox01 ul li .txt{height:200px;padding:30px;background:#f4f4f4;word-break:keep-all}
.invisalign04 .innerBox01 ul li .txt span{display:inline-block;margin-bottom:10px;padding-bottom:8px;font-size:1.8rem;color:#11151c;border-bottom:1px solid #11151c}
.invisalign04 .innerBox01 ul li .txt h6{font-size:3rem;color:#333}
.invisalign04 .innerBox01 ul li .txt p{margin-top:20px;font-size:1.6rem;color:#302f30;line-height:1.3}
.invisalign04 .innerBox02{margin-top:10px;padding:100px 50px;background:#333 url("//images.idhospital.com/image/iddental/orthodontics/invisalign03_bg01.jpg") no-repeat right bottom}
.invisalign04 .innerBox02 p{font-size:2rem;color:#fff;line-height:1.4}
.invisalign04 .innerBox02 ul{margin-top:50px;text-align:center}
.invisalign04 .innerBox02 ul:after{content:"";clear:both;display:block}
.invisalign04 .innerBox02 ul li{float:left;width:170px;border-right:1px solid #484848}
.invisalign04 .innerBox02 ul li:last-of-type{border-right:0}
.invisalign04 .innerBox02 ul li dd{margin-top:15px;font-size:2rem;color:#fff}
.invisalign04 .innerBox02 ul li dd span{color:#b48655}

.invisalign05{background:#dde4ec;padding-bottom:100px}
.invisalign05 .stdrd_b{padding:90px 0;background:#000}
.invisalign05 .innerBox01{max-width:960px;margin:40px auto 0}
.invisalign05 .innerBox01 .video_view{position:relative;cursor:pointer}
.invisalign05 .innerBox01 .video_view img{width:100%}
.invisalign05 .innerBox01 .video_view .play{position:absolute;top:50%;left:50%;display:block;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.invisalign05 .innerBox01 .txt{margin-top:40px}
.invisalign05 .innerBox01 .txt h5{font-size:3.4rem;color:#fff;text-align:center}
.invisalign05 .innerBox01 .txt h5 span{color:#bf8546}
.invisalign05 .innerBox01 .txt ul{overflow:hidden;margin-top:30px;padding-top:20px;border-top:1px solid #4d4d4d}
.invisalign05 .innerBox01 .txt ul li{float:left;width:50%;box-sizing:border-box;margin-bottom:10px;padding:0 0 0 60px;font-size:2rem;color:#aaa;line-height:1.3}
.invisalign05 .innerBox01 .txt ul li span{display:inline-block;padding-left:30px;background:url("//images.idhospital.com/image/iddental/orthodontics/check_icon_t3.png") no-repeat 0 50%}

.invisalign06{background:#e0dad4}
.invisalign06 .innerBox{margin-top:10px}
.invisalign06 .innerBox img{max-width:100%}
.invisalign06 .innerBox01{padding:60px 50px;background:#fff;text-align:center}
.invisalign06 .innerBox01 ul{overflow:hidden}
.invisalign06 .innerBox01 ul li{float:left;width:20%;box-sizing:border-box;border-right:1px solid #e0e0e0}
.invisalign06 .innerBox01 ul li:last-of-type{border-right:0}
.invisalign06 .innerBox01 ul li img{width:100%}
.invisalign06 .innerBox01 ul li .txt{}
.invisalign06 .innerBox01 ul li .txt span{display:inline-block;width:34px;height:34px;margin:15px 0 10px;background:url("//images.idhospital.com/image/iddental/orthodontics/check_icon_t2.png") no-repeat center center;background-size:cover}
.invisalign06 .innerBox01 ul li .txt p{font-size:1.8rem;color:#333;line-height:1.3}
.invisalign06 .innerBox02{margin-top:10px;padding:60px 50px 30px;background:#fff;text-align:center}
.invisalign06 .innerBox02 ul{overflow:hidden}
.invisalign06 .innerBox02 ul li{float:left;overflow:hidden;width:calc(50% - 10px);margin-right:20px;margin-bottom:30px}
.invisalign06 .innerBox02 ul li:nth-of-type(2n){margin-right:0}
.invisalign06 .innerBox02 ul li > div{float:left;width:50%}
.invisalign06 .innerBox02 ul li img{width:100%}
.invisalign06 .innerBox02 ul li p{padding:12px 0;font-family:'Montserrat';font-size:1.8rem;font-weight:500}
.invisalign06 .innerBox02 ul li .before{background:#f4f4f4;color:#666666}
.invisalign06 .innerBox02 ul li .after{background:#eee5e7;color:#a45a5d}

.invisalign07{height:890px;box-sizing:border-box;background:#eeeeee url("//images.idhospital.com/image/iddental/orthodontics/invisalign07_bg01.jpg") no-repeat 0 50%}
.invisalign07 .stdrd_b{padding-bottom:0}
.invisalign07 .innderBox01{float:right;width:50%}
.invisalign07 .innderBox01 ul{overflow:hidden;margin-top:40px;text-align:center}
.invisalign07 .innderBox01 ul li{float:left;display:table;width:245px;height:80px;margin:0 20px 20px 0;box-sizing:border-box;background:#fff;border:1px solid #cfcfcf;border-radius:40px}
.invisalign07 .innderBox01 ul li:nth-of-type(2n){margin-right:0}
.invisalign07 .innderBox01 ul li p{display:table-cell;vertical-align:middle;font-size:1.6rem;color:#4c4d55;line-height:1.3}




/* Layout Style - EXCEPTION(1600) */
@media screen and (max-width: 1600px) {
	.subCon .stdrd_b{padding-left:20px;padding-right:20px}

	.invisalign07{background-position:-50% 50%}
	.invisalign07 .innderBox01{width:60%}
}


/* Layout Style - PC(1280) */
@media screen and (max-width: 1280px) {
}


/* Layout Style - Laptop,Tablet(1024) */
@media screen and (max-width: 1024px) {
	.invisalign02 .innerBox02 .doctor > div{float:none;width:100%}
	.invisalign02 .innerBox02 .doctor .txt{left:50%;width:50%}
	.invisalign02 .innerBox02 .doctor .txt h5{font-size:3.5rem}
	.invisalign02 .innerBox02 .doctor .txt h5 span{font-size:2.2rem}
	
	.invisalign04 .innerBox01{padding:50px 30px}
	.invisalign04 .innerBox01 ul li .txt{padding:20px}

	.invisalign05 .innerBox01{margin:40px 40px 0}
	.invisalign05 .innerBox01 .txt h5{font-size:2.4rem}
	.invisalign05 .innerBox01 .txt ul li{padding:0;font-size:1.8rem}

	.invisalign06 .innerBox01{padding:60px 30px}
	.invisalign06 .innerBox02{padding:60px 30px 30px}

	.invisalign07{height:auto;background:#eeeeee}
	.invisalign07 .stdrd_b{padding-bottom:80px}
	.invisalign07 .innderBox01{float:none;width:auto}
	.invisalign07 .innderBox01 ul li{width:calc(50% - 10px)}
}


/* Layout Style - Mobile(720) */
@media screen and (max-width: 720px) {
	.subTop .invisalign .centerTxt2{padding-top:280px}
	.subTop .invisalign .centerTxt2 .txt img{width:55%}
	.subTop .invisalign .centerTxt2 .txt h3{margin:20px 0 10px}
	.subTop .invisalign .centerTxt2 .txt span{font-size:2.2rem}
	.subTop .invisalign .mv_flag{margin-top:15px}
	
	.subCon .stdrd_b{padding:40px 0}
	.innerTit{margin-bottom:15px}
	.innerTit.txtLeft{text-align:center}
	.innerTit h5 span{width:40px;height:40px;line-height:40px;font-size:2rem}
	.innerTit h5 i{margin-left:7.5px;font-size:3rem}
	.innerTit p br{display:none}

	.video_invisalign{height:400px}
	.video_invisalign .play p{margin-top:15px}
	.video_invisalign .play img{width:60px}
	
	.flagship_invisalign{padding:30px 20px}
	.flagship_invisalign img.web_dp{display:none}
	.flagship_invisalign img.mo_dp{display:inline-block}

	.invisalign00{background:#fff}

	.invisalign01 .innerBox{margin:20px 20px 0}
	.invisalign01 .innerBox ul{margin-top:15px}
	.invisalign01 .innerBox ul li{float:none;overflow:hidden;width:100%;margin-right:0;margin-bottom:10px}
	.invisalign01 .innerBox ul li:last-of-type{margin-bottom:0}
	.invisalign01 .innerBox ul li img{float:left;width:50%;}
	.invisalign01 .innerBox ul li .txt{float:left;width:50%;box-sizing:border-box;padding:20px}
	.invisalign01 .innerBox ul li .txt p{text-align:left;word-break:keep-all}
	.invisalign01 .innerBox ul li .txt p br{display:none}
	.invisalign01 .bgImg{width:80%}
	
	.invisalign02 .innerBox{margin:20px 20px 0}
	.invisalign02 .innerBox01{margin:20px 20px 0}
	.invisalign02 .innerBox01 ul li{float:none;width:100%}
	.invisalign02 .innerBox01 ul .x{width:15%}
	.invisalign02 .innerBox02{margin:40px 20px 0}
	.invisalign02 .innerBox02 .doctor .txt{left:40%;width:60%}
	.invisalign02 .innerBox02 .doctor .txt ul{margin-right:10px}
	.invisalign02 .innerBox02 .doctor .txt ul li{font-size:1.8rem}
	.invisalign02 .innerBox03{margin:20px 20px 0}
	
	.invisalign02-1 .innerBox{margin:0 20px}
	.invisalign02-1 .innerBox ul{margin-top:10px}
	.invisalign02-1 .innerBox ul li{width:32%;margin-right:2%;margin-bottom:2%}
	.invisalign02-1 .innerBox ul li:nth-of-type(3n){margin-right:0}
	.invisalign02-1 .innerBox ul li .txt{padding:15px 0}

	.invisalign04{background:#dde4ec}
	.invisalign04 .innerBox01{margin:0 20px;padding:30px 10px}
	.invisalign04 .innerBox01 ul li .txt{padding:15px 10px}
	.invisalign04 .innerBox01 ul li .txt h6{font-size:2.2rem;}
	.invisalign04 .innerBox01 ul li .txt span{font-size:2rem}
	.invisalign04 .innerBox01 ul li .txt p{margin-top:10px}
	.invisalign04 .innerBox02{margin:10px 20px 0;padding:40px 25px;background-position:300% bottom;background-size:90%;text-align:center}
	.invisalign04 .innerBox02 p{word-break:keep-all}
	.invisalign04 .innerBox02 p br{display:none}
	.invisalign04 .innerBox02 ul{margin-top:175px}
	.invisalign04 .innerBox02 ul li{width:33.33%;box-sizing:border-box}

	.invisalign05{padding-bottom:40px}
	.invisalign05 .stdrd_b{padding:40px 0}
	.invisalign05 .innerBox01{margin:20px 20px 0}
	.invisalign05 .innerBox01 .txt{margin-top:20px}
	.invisalign05 .innerBox01 .txt ul{margin-top:15px;padding-top:10px}
	.invisalign05 .innerBox01 .txt ul li{float:none;width:65%;margin:0 auto 10px}
	.invisalign05 .innerBox01 .txt ul li span{padding-left:20px;background-size:16px 16px}
	.invisalign05 .innerBox01 .video_view .play{width:60px}

	.invisalign06 .innerBox{margin:20px 20px 0}
	.invisalign06 .innerBox01{margin:0 20px;padding:30px 25px 0}
	.invisalign06 .innerBox01 ul li{width:50%;margin-bottom:30px}
	.invisalign06 .innerBox01 ul li:nth-of-type(2n){border-right:0}
	.invisalign06 .innerBox01 ul li:last-of-type{border-right:1px solid #e0e0e0}
	.invisalign06 .innerBox01 ul li .txt span{width:28px;height:28px}
	.invisalign06 .innerBox02{margin:10px 20px 0;padding:30px 10px 10px}
	.invisalign06 .innerBox02 ul li{float:none;width:100%;margin:0 0 20px 0}
	.invisalign06 .innerBox02 ul li:last-of-type{margin-bottom:0}
	.invisalign06 .innerBox02 ul li p{padding:7.5px 0}

	.invisalign07 .stdrd_b{padding-top:40px;padding-bottom:0}
	.invisalign07 .innderBox01 ul{margin:20px 20px 0}
	.invisalign07 .innderBox01 ul li{width:49%;height:60px;margin:0 2% 2% 0}
}


/* Layout Style - EXCEPTION(480) */
@media screen and (max-width: 480px) {
	.subTop .invisalign .centerTxt2 .txt img{width:60%}

	.video_invisalign{height:220px}
	.video_invisalign .play img{width:40px}

	.invisalign01 .innerBox01 ul li .txt{width:100px;height:100px}
	.invisalign01 .innerBox01 ul li .txt span{margin:15px 0 5px}
	
	.invisalign02 .innerBox01 ul li .txt span{margin:5px 0}
	.invisalign02 .innerBox02 .doctor > div{height:270px;background-size:contain}
	.invisalign02 .innerBox02 .doctor .txt h5{margin:25px 0 15px}
	.invisalign02 .innerBox02 .doctor .txt ul li{margin-bottom:5px;font-size:1.6rem}
	
	.invisalign02-1 .innerBox ul li{width:49%}
	.invisalign02-1 .innerBox ul li:nth-of-type(3n){margin-right:2%}
	.invisalign02-1 .innerBox ul li:nth-of-type(2n){margin-right:0}
	.invisalign02-1 .innerBox ul li .txt p span{font-size:1.4rem}

	.invisalign03 .innerBox01 p br{display:none}
	
	.invisalign04 .innerBox01{padding:30px 5px}
	.invisalign04 .innerBox01 ul li{width:49%;margin-right:2%}
	.invisalign04 .innerBox01 ul li:nth-of-type(3n){margin-right:2%}
	.invisalign04 .innerBox01 ul li:nth-of-type(2n){margin-right:0}
	.invisalign04 .innerBox01 ul li .txt{height:160px}
	.invisalign04 .innerBox02{padding:40px 0}
	.invisalign04 .innerBox02 p{padding:0 20px}
	.invisalign04 .innerBox02 ul{margin-top:120px}
	
	.invisalign06 .innerBox01 ul li .txt span{width:22px;height:22px;margin:10px 0}
}


/* Layout Style - Mobile Small(375) */
@media screen and (max-width: 375px) {
	.invisalign01 .innerBox ul li .txt{padding:15px 10px}

	.invisalign03{background-position:460% bottom;background-size:95%}

	.invisalign05 .innerBox01 .txt ul li{width:90%}
}
@charset "utf-8";
/* sub_common */
.sub_common{letter-spacing:-0.05em}
.sub_common .sc_tab{padding:80px 0;background:#fff;text-align:center}
.sub_common .sc_tab h3{margin-bottom:20px}
.sub_common .sc_tab h3 p{margin-top:20px;font-size:4.8rem;font-weight:400;color:#333}
.sub_common .sc_tab h3 span{display:inline-block;margin-left:10px;font-family:'Montserrat';font-size:5rem;font-weight:600;color:#a2692c}
.sub_common .sc_tab h4{margin-bottom:40px;font-size:3rem;color:#333;line-height:1.2}
.sub_common .sc_tab h4 span{font-weight:500}
.sub_common .sc_tab ul:after{content:"";clear:both;display:block}
.sub_common .sc_tab ul.tab li{width:25%;padding:28px 0;height:auto;font-size:1.8rem;line-height:2.2rem}
.sub_common .sc_tab ul.tab li span{display:block}
.sub_common .sc_tab ul.panel{}
.sub_common .sc_tab ul.panel li{position:relative;overflow:hidden;display:none}
.sub_common .sc_tab ul.panel li > div{width:50%;height:422px}
.sub_common .sc_tab ul.panel li .left{float:left}
.sub_common .sc_tab ul.panel li .right{float:right}
.sub_common .sc_tab ul.panel li .img_box span{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}
.sub_common .sc_tab ul.panel li .img_box span.bg1{background-image:url("//images.idhospital.com/image/iddental/common/sc_tab_img01_v1_mj.jpg")}
.sub_common .sc_tab ul.panel li .img_box span.bg2{background-image:url("//images.idhospital.com/image/iddental/common/sc_tab_img02_v1_mj.jpg")}
.sub_common .sc_tab ul.panel li .img_box span.bg3{background-image:url("//images.idhospital.com/image/iddental/common/sc_tab_img03_v1.jpg")}
.sub_common .sc_tab ul.panel li .img_box span.bg4{background-image:url("//images.idhospital.com/image/iddental/common/sc_tab_img04_v1_mj.jpg")}
.sub_common .sc_tab ul.panel li .txt_box{box-sizing:border-box;padding:60px 0 0 40px;background:#F5F5F5;text-align:left;letter-spacing:-0.05em}
.sub_common .sc_tab ul.panel li .txt_box i{display:block;margin-bottom:5px;font-style:normal;font-size:2rem;color:#111;line-height:1.4}
.sub_common .sc_tab ul.panel li .txt_box i.mb{margin-bottom:20px}
.sub_common .sc_tab ul.panel li .txt_box h4{margin-bottom:20px;font-size:4rem;color:#000;line-height:1.2}
.sub_common .sc_tab ul.panel li .txt_box h4 span{color:#a2692c}
.sub_common .sc_tab ul.panel li .txt_box p{margin-bottom:30px;font-size:1.6rem;color:#000;line-height:1.3}
.sub_common .sc_tab ul.panel li .txt_box p span{color:#c19b74}
.sub_common .sc_tab ul.panel li .txt_box ul.circle{display:inline-block;text-align:center}
.sub_common .sc_tab ul.panel li .txt_box ul.circle li{float:left;display:table;width:120px;height:120px;margin-right:15px;background:#333;border-radius:50%}
.sub_common .sc_tab ul.panel li .txt_box ul.circle li span{display:table-cell;vertical-align:middle;font-size:1.6rem;color:#fff;line-height:1.3}
.sub_common .sc_tab ul.panel li .txt_box ul.circle li:last-of-type{margin-right:0}
.sub_common .tab_grp.typeBig{display:block;overflow:hidden;height:auto}
.sub_common .tab_grp.typeBig li{display:block;float:left;box-sizing:border-box}
.sub_common .tab_grp.typeBig li:hover{color:#c19b74}
.sub_common .tab_grp.typeBig li.active{background:#c19b74;border:1px solid #c19b74;color:#fff}
.sub_common .tab_grp.typeBig li:after{display:none}

.sub_common .sc_banner{padding:40px 0;background:#f0e4dd}
.sub_common .sc_banner ul{overflow:hidden}
.sub_common .sc_banner ul:after{content:"";clear:both;display:block}
.sub_common .sc_banner ul li{float:left;width:49.167%;overflow:hidden;margin:10px 0}
.sub_common .sc_banner ul li:nth-of-type(2n){float:right}
.sub_common .sc_banner ul li a > div{float:left;width:50%;height:250px}
.sub_common .sc_banner ul li .img_box span{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}
.sub_common .sc_banner ul li .img_box span.bg1{background-image:url("//images.idhospital.com/image/iddental/common/sc_banner_img01.jpg")}
.sub_common .sc_banner ul li .img_box span.bg2{background-image:url("//images.idhospital.com/image/iddental/common/sc_banner_img02.jpg")}
.sub_common .sc_banner ul li .img_box span.bg3{background-image:url("//images.idhospital.com/image/iddental/common/sc_banner_img03.jpg")}
.sub_common .sc_banner ul li .img_box span.bg4{background-image:url("//images.idhospital.com/image/iddental/common/sc_banner_img04.jpg")}
.sub_common .sc_banner ul li .txt_box{box-sizing:border-box;padding:40px 0 0 30px;background:#fff;letter-spacing:-0.05em}
.sub_common .sc_banner ul li .txt_box p{font-size:1.8rem;color:#666}
.sub_common .sc_banner ul li .txt_box h4{margin:15px 0;font-size:3.6rem;color:#333;line-height:1.1}
.sub_common .sc_banner ul li .txt_box span{font-size:1.7rem;color:#1588ca}
.sub_common .sc_banner ul li .txt_box span i{font-family:'Montserrat';font-style:normal;font-size:5.8rem}


/* Layout Style - EXCEPTION(1600) */
@media screen and (max-width: 1600px) {
	.sub_common .sc_tab ul.panel li .txt_box{padding:40px}
	.sub_common .sc_tab ul.panel li .txt_box ul.circle li{width:110px;height:110px;margin-right:10px}
}


/* Layout Style - PC(1280) */
@media screen and (max-width: 1280px) {
	.sub_common .sc_tab{padding:40px}
	.sub_common .sc_tab ul.panel li .img_box{width:45%}
	.sub_common .sc_tab ul.panel li .txt_box{width:55%;padding:30px}

	.sub_common .sc_banner{padding:30px 40px}
}


/* Layout Style - Laptop,Tablet(1024) */
@media screen and (max-width: 1024px) {
	.sub_common .sc_tab ul.tab li{font-size:14px}
	.sub_common .sc_tab ul.panel li > div{width:100%;height:auto}
	.sub_common .sc_tab ul.panel li .left{float:none}
	.sub_common .sc_tab ul.panel li .right{float:none}
	.sub_common .sc_tab ul.panel li .img_box{width:100%;height:400px}
	.sub_common .sc_tab ul.panel li .img_box span{background-size:cover}
	.sub_common .sc_tab ul.panel li .txt_box{width:100%;text-align:center}
	.sub_common .sc_tab ul.panel li .txt_box p.m_mbNone{margin-bottom:0}

	.sub_common .sc_banner ul li a > div{height:200px}
	.sub_common .sc_banner ul li .txt_box{padding:20px}
	.sub_common .sc_banner ul li .txt_box p{font-size:14px}
	.sub_common .sc_banner ul li .txt_box h4{font-size:20px}
	.sub_common .sc_banner ul li .txt_box span{font-size:14px}
	.sub_common .sc_banner ul li .txt_box span i{font-size:35px}
}


/* Layout Style - Mobile(720) */
@media screen and (max-width: 720px) {
	.sub_common .sc_tab{padding:30px 20px}
	.sub_common .sc_tab h3{margin-bottom:10px}
	.sub_common .sc_tab h3 img{width:50px}
	.sub_common .sc_tab h3 p{margin-top:10px;font-size:25px}
	.sub_common .sc_tab h3 span{font-size:25px}
	.sub_common .sc_tab h3 i{width:24.5px;height:25px}
	.sub_common .sc_tab h4{margin-bottom:20px;font-size:18px}
	.sub_common .sc_tab ul.tab li{width:50%;padding:15px 0}
	.sub_common .sc_tab ul.tab li:nth-of-type(1){border-bottom:0}
	.sub_common .sc_tab ul.tab li:nth-of-type(2){border-bottom:0;border-right:1px solid #ddd}
	.sub_common .sc_tab ul.panel li .txt_box h4{margin-bottom:15px}
	.sub_common .sc_tab ul.panel li .txt_box p{margin-bottom:15px}
	.sub_common .sc_tab ul.panel li .txt_box i.mb{margin-bottom:15px}

	.sub_common .sc_banner{padding:15px 20px}
	.sub_common .sc_banner ul li{float:none;width:100%}
	.sub_common .sc_banner ul li:nth-of-type(2n){float:none}
	.sub_common .sc_banner ul li .img_box{width:47%}
	.sub_common .sc_banner ul li .txt_box{width:53%;padding:30px}
}


/* Layout Style - EXCEPTION(480) */
@media screen and (max-width: 480px) {
	.sub_common .sc_tab h4{font-size:14px;word-break:keep-all}
	.sub_common .sc_tab h4 br{display:none}
	.sub_common .sc_tab ul.tab li{line-height:1.5;word-break:keep-all}
	.sub_common .sc_tab ul.panel li .img_box{height:180px}
	.sub_common .sc_tab ul.panel li .txt_box{padding:20px 10px}
	.sub_common .sc_tab ul.panel li .txt_box i{font-size:12px;word-break:keep-all}
	.sub_common .sc_tab ul.panel li .txt_box h4{font-size:19px}
	.sub_common .sc_tab ul.panel li .txt_box p{font-size:12px}
	.sub_common .sc_tab ul.panel li .txt_box br{display:none}
	.sub_common .sc_tab ul.panel li .txt_box ul.circle li{width:75px;height:75px;margin-bottom:5px;margin-right:5px}
	.sub_common .sc_tab ul.panel li .txt_box ul.circle li br{display:block}
	.sub_common .sc_tab ul.panel li .txt_box ul.circle li span{font-size:12px}
	
	.sub_common .sc_banner ul li a > div{height:125px}
	.sub_common .sc_banner ul li .txt_box{padding:15px}
	.sub_common .sc_banner ul li .txt_box p{font-size:12px}
	.sub_common .sc_banner ul li .txt_box h4{font-size:15px}
	.sub_common .sc_banner ul li .txt_box span{font-size:12px}
	.sub_common .sc_banner ul li .txt_box span i{font-size:24px}
}


/* Layout Style - Mobile Small(375) */
@media screen and (max-width: 375px) {
	.sub_common .sc_tab h3 img{width:40px}
	.sub_common .sc_tab ul.tab{height:auto}
	.sub_common .sc_tab ul.tab li{padding:10px 0;font-size:12px}
	.sub_common .sc_tab ul.panel li .txt_box ul.circle{width:100%}
}
@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}



/* Layout Style - EXCEPTION(1600) */
@media screen and (max-width: 1600px) {
}


/* Layout Style - PC(1280) */
@media screen and (max-width: 1280px) {
	.authWrap .authCon{padding:80px 40px}
}


/* Layout Style - Laptop,Tablet(1024) */
@media screen and (max-width: 1024px) {
}


/* Layout Style - Mobile(720) */
@media screen and (max-width: 720px) {
	.reservWrap .tit{margin-bottom:20px}
	.reservWrap .tit h4{margin-bottom:10px}
	.reservWrap .apTbl table td{padding:5px}
	.reservWrap .apTbl table tr:first-of-type td{padding-top:15px}
	.reservWrap .apTbl table tr:last-of-type td{padding-bottom:15px}
	.reservWrap .apTbl table tr:first-of-type th{padding-top:15px}
	.reservWrap .apTbl table tr:last-of-type th{padding-bottom:15px}
	.reservWrap .apTbl table tr.top td{padding:10px 5px}
	.reservWrap .apTbl table tr.top th{padding:10px 0}
	.reservWrap .apTbl .inp_grp{width:100%}
	.reservWrap .apTbl .inp_grp input[type='text'], 
	.reservWrap .apTbl .inp_grp input[type='password'], 
	.reservWrap .apTbl .inp_grp input[type='button'],
	.reservWrap .apTbl .inp_grp select{width:100%}
	.reservWrap .apTbl .descript{margin-left:0;margin-top:0}
	.reservWrap .apTbl .descript.under_p{margin-top:5px}
	.reservWrap .apTbl .duplication .inp_grp:first-of-type{width:70%}
	.reservWrap .apTbl .duplication .inp_grp:last-of-type{width:29%}
	.reservWrap .apTbl .chk_agree .inp_grp label{margin-left:0;margin-top:5px}
	.reservWrap .apTbl .gender{width:100%}
	.reservWrap .apTbl textarea{padding:10px;height:80px}
	.reservWrap .apCheck{margin:30px 0 15px}
	.reservWrap .apCheck .pers .check{padding:15px 0}
	.reservWrap .apCheck .pers .hide.view{height:100px}
	.reservWrap .apBtn .inp_grp input[type='button'],
	.reservWrap .apBtn .inp_grp input[type='submit'],
	.reservWrap .apBtn .inp_grp a.btn{width:150px}
	
	.authWrap .authCon{padding:40px 20px}
	.authWrap .authPop .popup{top:20%;left:2.5%;width:95%;margin-left:0}
	.authWrap .authPop .popup .pTop{padding:20px}
	.authWrap .authPop .popup .pTop .btn_grp{right:20px}
	.authWrap .authPop .popup .pBot{padding:20px}
	.authWrap .authPop .popup .pBot .inp_grp input[type='text'], 
	.authWrap .authPop .popup .pBot .inp_grp input[type='button']{width:100%}
	.authWrap .authPop .popup .pBot .inp_grp:first-of-type{width:70%}
	.authWrap .authPop .popup .pBot .inp_grp:last-of-type{width:29%}

	.JI_readOnly{padding:20px 15px}
}


/* Layout Style - EXCEPTION(480) */
@media screen and (max-width: 480px) {
	.reservWrap .apTbl .inp_grp input[type='text'], 
	.reservWrap .apTbl .inp_grp input[type='password'], 
	.reservWrap .apTbl .inp_grp input[type='button'],
	.reservWrap .apTbl .inp_grp select{height:35px;font-size:1.6rem}
	.reservWrap .apTbl .gender{height:35px}
	.reservWrap .apCheck input[type='checkbox']{width:12px;height:12px}
	.reservWrap .apCheck .pers .check label{overflow:hidden}
	.reservWrap .apCheck .pers .check label span{float:left;margin-left:3px;width:77%;line-height:1.4;word-break:keep-all}
	.reservWrap .apCheck .pers .check label input[type='checkbox']{float:left;margin-top:3px}
	.reservWrap .apCheck .pers .hide .scrollY{font-size:1.6rem}
	.reservWrap .apCheck .pers .hide.view{height:80px}
	.reservWrap .apBtn .inp_grp input[type='button'],
	.reservWrap .apBtn .inp_grp input[type='submit'],
	.reservWrap .apBtn .inp_grp a.btn{width:120px;height:40px}
	
	.authWrap .authCon{padding:40px 10px}
	.authWrap .authPop .popup .pTop .btn_grp{top:13px}
	.authWrap .authPop .popup .pBot .inp_grp input[type='text'], 
	.authWrap .authPop .popup .pBot .inp_grp input[type='button']{height:35px;font-size:1.6rem}
}


/* Layout Style - Mobile Small(375) */
@media screen and (max-width: 375px) {
	.authTab ul.tab_grp{height:60px}
	.authTab ul.tab_grp li{font-size:12px}
}
/* GNB */
.gnb_wrap{position:relative;height:100%;z-index:101}
.gnb_wrap h1{padding-bottom:5px;background:#00306b}
.gnb_wrap h1 a{display:block;width:100%;height:160px;background:url("//image.iddental.co.kr/mj/common/mj_dental_logo.png") no-repeat center center;font-size:0;text-indent:-9999px;background-size: 75%;}
/*
.gnb_wrap .g_fixed{position:fixed;top:0;left:0;width:160px;height:100%;box-sizing:border-box;background:#00306b;-webkit-transition-duration:300ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;transition-duration:300ms;z-index:100}
*/
.gnb_wrap .g_fixed{position:fixed;top:0;left:0;width:160px;height:100%;box-sizing:border-box;background:#00306b;z-index:100}

.gnb_wrap .g_menu{background:#00306b}
.gnb_wrap .g_menu_m {overflow-y:scroll}
.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;background-size:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.gnb_wrap .g_menu ul.depth01 > li > a{display:block;padding:15px 0;height:15px;font-size:1.4rem;font-weight:300;color:#fff;border-bottom:1px solid #264f81}
.gnb_wrap .g_menu ul.depth01 > li:last-of-type > a{border-bottom:0}
.gnb_wrap .g_menu ul.depth01 > li:not(.no-hover):hover,
.gnb_wrap .g_menu ul.depth01 > li.active{background-color:#fff;background-size:100%}
.gnb_wrap .g_menu ul.depth01 > li:not(.no-hover):hover:after,
.gnb_wrap .g_menu ul.depth01 > li.active:after{content:"";position:absolute;top:50%;right:15px;margin-top:-4.5px;display:block;width:5px;height:9px;background:url("//images.idhospital.com/image/iddental/common/icon_depthArrow2.png") no-repeat center center}
.gnb_wrap .g_menu ul.depth01 > li:not(.no-hover):hover > a,
.gnb_wrap .g_menu ul.depth01 > li.active > a{height:16px;font-weight:500;color:#00306b;border-bottom:0}
.gnb_wrap .g_menu ul.depth01 > li:not(.no-hover):hover:last-of-type > a,
.gnb_wrap .g_menu ul.depth01 > li.active:last-of-type > a{height:15px}
.gnb_wrap .g_menu ul.depth01 > li:not(.no-hover):hover ul.depth02{z-index:100}
.gnb_wrap .g_menu ul.depth01 > li:not(.no-hover):hover ul.depth02,
.gnb_wrap .g_menu ul.depth01 > li.active ul.depth02{display:block}
.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.depth01 > li.selected ul.depth02{display:block}
.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:1.4rem;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:#00306b;-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:hover > a,
.gnb_wrap .g_menu ul.depth02 > li.active > a{height:16px;font-weight:400;color:#00306b;border-bottom:0}
.gnb_wrap .g_menu ul.depth02 > li:hover > a:after,
.gnb_wrap .g_menu ul.depth02 > li.active > a:after{width:100%}
.gnb_wrap .g_menu ul.depth02 > li:hover ul.depth03,
.gnb_wrap .g_menu ul.depth02 > li.active ul.depth03{display:block}
.gnb_wrap .g_menu ul.depth02 > li a.long {font-size:1.3rem;}
.gnb_wrap .g_menu ul.depth03{display:block;padding:10px 0;background:url("//image.iddental.co.kr/nowon/common/icon_depthDot.png") no-repeat top center;border-bottom:1px solid #dddde1}
.gnb_wrap .g_menu ul.depth03 > li > a{display:block;padding:10px 0;height:15px;font-size:1.4rem;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_sns{padding:0 15px}
.gnb_wrap .g_sns ul{overflow:hidden;padding:15px 0;/*border-bottom:1px solid #335989*/}
.gnb_wrap .g_sns ul li{float:left;padding:0 3px;text-align:center;background:url("//images.idhospital.com/image/iddental/common/icon_gSns_line2.png") no-repeat 100% 50%}
.gnb_wrap .g_sns ul li:last-of-type{background:none}
.gnb_wrap .g_sns ul li a{display:inline-block;vertical-align:middle;width:37px;height:34px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-position:center center}
.gnb_wrap .g_sns ul li a.icon01{background-image:url("//images.idhospital.com/image/iddental/common/icon_gSns_ins.png")}
.gnb_wrap .g_sns ul li a.icon02{background-image:url("//images.idhospital.com/image/iddental/common/icon_gSns_fac.png")}
.gnb_wrap .g_sns ul li a.icon03{background-image:url("//images.idhospital.com/image/iddental/common/icon_gSns_blo.png")}

.gnb_wrap .g_family{padding:0 15px}
.gnb_wrap .g_family ul{padding:15px 0 20px}
.gnb_wrap .g_family ul li{padding:10px 0}
.gnb_wrap .g_family ul li a{display: block;color:#fff;}
.gnb_wrap .g_family ul li a img{display: inline-block;vertical-align: middle;width: auto;}
.gnb_wrap .g_family ul li a span{display: inline-block;vertical-align: middle; letter-spacing:-1.7px;}

.gnb_wrap .g_family{padding:0 15px}
.gnb_wrap .g_family ul{padding:15px 0 20px}
.gnb_wrap .g_family ul li{padding:10px 0}
.gnb_wrap .g_family ul li a{display: block;color:#fff; white-space:nowrap;}
.gnb_wrap .g_family ul li a img{display: inline-block;vertical-align: middle;}
.gnb_wrap .g_family ul li a span{display: inline-block;vertical-align: middle;}

.gnb_wrap .g_lang{position:relative;background:#00306b;border-top:1px solid #4d6f98;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.gnb_wrap .g_lang a{position:relative;display:block;padding:15px;padding-right:0;font-family:"Montserrat";font-size:1.5rem;color:#fff;letter-spacing:-0.05em}
.gnb_wrap .g_lang a i{display:inline-block;vertical-align:middle;width:20px;height:20px;margin-right:5px;background-repeat:no-repeat;background-position:center center}
.gnb_wrap .g_lang a i.kor{background-image:url("//images.idhospital.com/image/iddental/common/icon_gLang_kor.png")}
.gnb_wrap .g_lang a i.chn{background-image:url("//images.idhospital.com/image/iddental/common/icon_gLang_chn.png")}
.gnb_wrap .g_lang a .arrow{display:inline-block;vertical-align:middle;width:24px;height:16px;margin-left:12px;border-left:1px solid #fff;background:url("//images.idhospital.com/image/iddental/common/icon_gLang_up.png") no-repeat center center}
.gnb_wrap .g_lang ul{display:none;position:absolute;bottom:50px;width:100%;background:#001835}
.gnb_wrap .g_lang ul li{background:url("//images.idhospital.com/image/iddental/common/icon_gLang_line2.png") no-repeat center bottom}
.gnb_wrap .g_lang.on{background:#001835;border-top:1px solid #263a53}
.gnb_wrap .g_lang.on ul{display:block}
.gnb_wrap .g_lang.on a .arrow{background:url("//images.idhospital.com/image/iddental/common/icon_gLang_down.png") no-repeat center center}

.gnb_wrap .g_btn{display:none;position:fixed;top:40%;left:0;margin-top:-41.5px;-webkit-transition-duration:300ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;transition-duration:300ms;z-index:98;cursor:pointer}

.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:1.6rem;font-weight:300;color:#222}
.gnb_wrap .sub_menu ul li.active{border-color:#00306b}
.gnb_wrap .sub_menu ul li.active a{color:#fff;background:#00306b}

.m_menu_family {display:none;}

/* Layout Style - PC(1280) */
@media screen and (max-width: 1280px) {
    .gnb_wrap .g_fixed{left:-160px}
    .gnb_wrap.view .g_fixed{left:0}
	.gnb_wrap .g_btn{display:block}
	.gnb_wrap.view .g_btn{left:160px}
	
	.gnb_wrap .g_menu ul.depth01 > li.active ul.depth02 {display:none}
	.gnb_wrap .g_btn.depth_2{display:none;left:330px}
}


/* Layout Style - Laptop,Tablet(1024) */
@media screen and (max-width: 1024px) {
}


/* Layout Style - Mobile(720) */
@media screen and (max-width: 720px) {
	.gnb_wrap .g_fixed{left:0;width:100%;height:50px;-webkit-transition-duration:10ms;-moz-transition-duration:10ms;-o-transition-duration:10ms;transition-duration:10ms}
	.gnb_wrap .g_sns{display:none}
	.gnb_wrap .g_family{display:none}
	.gnb_wrap .g_lang{display:none}
	.gnb_wrap .g_btn{display:none}
	.gnb_wrap .g_btn.depth_2{display:none}
	.gnb_wrap h1{position:absolute;top:14.5px;left:55px;width:20px;height:20px;padding-bottom:0;padding-left:10px;background:url("//images.idhospital.com/image/iddental/common/mo_menu_line.png") no-repeat left center}
	.gnb_wrap h1 a{height:100%;background:url("//images.idhospital.com/image/iddental/common/mo_iddental_logo.png") no-repeat center center;background-size:cover}
	.gnb_wrap .g_all{position:absolute;top:19px;left:20px;width:20px;height:12.5px;cursor:pointer}
	.gnb_wrap .g_all span{display:block;width:100%;height:100%;font-size:0;text-indent:-9999px;background:url("//images.idhospital.com/image/iddental/common/mo_menu_btn.png") no-repeat center center;background-size:cover}
	.gnb_wrap .g_name{position:absolute;top:16px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
	.gnb_wrap .g_name span{position:relative;display:block;font-size:16px;color:#fff}
	.gnb_wrap .g_name span:after{content:"";display:block;width:100%;height:10px;position:absolute;bottom:-10px;left:0;background:url("//images.idhospital.com/image/iddental/common/mo_name_arrow.png") no-repeat bottom center;background-size:10px 5px}
	.gnb_wrap .g_name h2{display:none;width:127px;height:24px;margin-top:-3px;text-indent:-9999px;background:url("//image.iddental.co.kr/mj/common/mj_dental_logo_m.png") no-repeat center center;background-size:cover}
	.gnb_wrap .g_counsel{position:absolute;top:12px;right:20px;width:39.5px;height:25.5px;cursor:pointer}
	.gnb_wrap .g_counsel span{display:block;width:100%;height:100%;font-size:0;text-indent:-9999px;background:url("//images.idhospital.com/image/iddental/common/mo_counsel_btn.png") no-repeat center center;background-size:cover}
	.gnb_wrap .g_menu.view{left:0}
	.gnb_wrap .g_menu{position:absolute;top:0;left:-100%;width:100%;background:#fff;-webkit-transition-duration:300ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;transition-duration:300ms}
	.gnb_wrap .g_menu ul.depth01 > li{padding:0}
	.gnb_wrap .g_menu ul.depth01 > li > a{height:auto;padding:15px 20px;font-size:2rem;font-weight:400;color:#333;border-bottom:1px solid #ddd;background-repeat:no-repeat;background-position:calc(100% - 20px) 50%;background-image:url("//images.idhospital.com/image/iddental/common/mo_depth_off.png")}
	.gnb_wrap .g_menu ul.depth01 > li:not(.no-hover):hover, 
	.gnb_wrap .g_menu ul.depth01 > li.active{background:#00306b}
	.gnb_wrap .g_menu ul.depth01 > li.selected{background:#00306b}
	.gnb_wrap .g_menu ul.depth01 > li:not(.no-hover):hover > a, 
	.gnb_wrap .g_menu ul.depth01 > li.active > a{height:auto;font-weight:400;color:#fff;background-image:url("//images.idhospital.com/image/iddental/common/mo_depth_on.png")}
	.gnb_wrap .g_menu ul.depth01 > li.selected > a{height:auto;font-weight:400;color:#fff;background-image:url("//images.idhospital.com/image/iddental/common/mo_depth_on.png")}
	.gnb_wrap .g_menu ul.depth01 > li:not(.no-hover):hover:last-of-type > a, 
	.gnb_wrap .g_menu ul.depth01 > li.active:last-of-type > a{height:auto}
	.gnb_wrap .g_menu ul.depth01 > li:not(.no-hover):hover:after,
	.gnb_wrap .g_menu ul.depth01 > li.active:after{display:none}
	.gnb_wrap .g_menu ul.depth01 > li:not(.no-hover):hover ul.depth02, 
	.gnb_wrap .g_menu ul.depth01 > li.active ul.depth02{display:block}
	.gnb_wrap .g_menu ul.depth02{display:none;position:relative;left:0;width:100%;height:auto;padding:12.5px 20px;background:#e9f4fb}
	.gnb_wrap .g_menu ul.depth02 > li{padding:0}
	.gnb_wrap .g_menu ul.depth02 > li > a{height:auto;padding:7.5px 0;font-size:1.8rem;font-weight:400;color:#555;border-bottom:0}
	.gnb_wrap .g_menu ul.depth02 > li > a:after{display:none}
	.gnb_wrap .g_menu ul.depth02 > li:not(.no-hover):hover > a, 
	.gnb_wrap .g_menu ul.depth02 > li.active > a{height:auto;color:#555}
	.gnb_wrap .g_menu ul.depth02 > li a.long {font-size:1.8rem;}
	.gnb_wrap .g_menu ul.depth03 > li > a {height:3px; font-size:1.7rem;}

	.gnb_wrap .g_menu .menu_top{position:relative;width:100%;height:200px;background:url("//images.idhospital.com/image/iddental/common/mo_menu_bg.jpg") no-repeat center center;background-size:cover}
	.gnb_wrap .g_menu .menu_top h2{position:absolute;top:13px;left:0;width:100%;height:1px;text-align:center}
	.gnb_wrap .g_menu .menu_top h2 a{display:inline-block;width:120px;height:24px;margin-top:-3px;text-indent:-9999px;background:url("//images.idhospital.com/image/iddental/common/mo_menu_logo_mj.png") no-repeat center center;background-size:cover}
	.gnb_wrap .g_menu .menu_top .menu_close{position:absolute;top:10px;right:10px}
	.gnb_wrap .g_menu .menu_top .menu_close .close{width:25px;height:25px}
	.gnb_wrap .g_menu .menu_top .menu_close .close i.cross_l{background:#fff}
	.gnb_wrap .g_menu .menu_top .menu_close .close i.cross_r{background:#fff}
	.gnb_wrap .g_menu .menu_top ul{position:absolute;bottom:30px;left:0;width:100%;text-align:center;font-size:0}
	.gnb_wrap .g_menu .menu_top ul li{display:inline-block;vertical-align:middle}
	.gnb_wrap .g_menu .menu_top ul li a{display:block;padding:0 20px;font-size:2.2rem;color:#fff}

	/* 모바일 메뉴 클리닉 버튼 추가 */
	.m_menu_family {display:block;}
	.gnb_wrap .g_menu ul.depth01 > li.m_menu_family > a {background:#002654; color: #fff; position:relative; background-image:none;}
	.gnb_wrap .g_menu ul.depth01 > li.m_menu_family > a:not(.no-hover):hover,
	.gnb_wrap .g_menu ul.depth01 > li.m_menu_family > a.active {background-image:none;}
}


/* Layout Style - EXCEPTION(480) */
@media screen and (max-width: 480px) {
	.gnb_wrap .g_name span{font-size:14px}
}


/* Layout Style - Small Mobile(375) */
@media screen and (max-width: 375px) {
	.gnb_wrap .g_menu ul.depth01 > li > a{background-size:15px 15px}
	.gnb_wrap .g_menu .menu_top{height:150px}
}
/* FOOTER */
.footer_wrap{padding-left:160px;max-width:1760px}
.footer_wrap.foot_main .f_top{padding-right:70px;position: relative;}
.footer_wrap.foot_main .f_bot{padding-right:70px}

/*.footer_wrap .f_top{position:relative;background:#333;height:177px}*/
.footer_wrap .f_top{position:relative;background:#333;height:175px}
.footer_wrap .f_top > div{height:100%}
/*.footer_wrap .f_top .ft_txt{float:left;padding-top:72px;font-size:3.4rem;font-weight:300;color:#fff}*/
.footer_wrap .f_top .ft_txt{float:left;padding-top:53px;font-size:3rem;font-weight:300;color:#fff}
.footer_wrap .f_top .ft_btn{position:absolute; top:0;right:0;padding-top:30px}
.footer_wrap .f_top .ft_btn a{display:inline-block;width:180px;box-sizing:border-box;padding:16px 20px;font-size:1.6rem;color:#fff;background:url("//images.idhospital.com/image/iddental/common/icon_ft_btn.png") no-repeat 90% 50%;border:1px solid #666}
/*.footer_wrap .f_top .ft_info{position:absolute;bottom:0;left:41.5%;padding-left:130px;height:142px;background:url("//images.idhospital.com/image/iddental/common/bg_ft_info.png") no-repeat left bottom}*/
.footer_wrap .f_top .ft_info{position:absolute;bottom:-18px;left:4.5%;padding-left:130px;height:142px;background:url("//images.idhospital.com/image/iddental/common/bg_ft_info.png") no-repeat left bottom}
.footer_wrap .f_top .ft_info p{padding:10px 0;font-family:'Montserrat';font-size:3.2rem;font-weight:300;color:#fff;letter-spacing:0.05em}
.footer_wrap .f_top .ft_info p span{font-family:'Montserrat';font-weight:500}
.footer_wrap .f_top .ft_info ul li{font-size:1.4rem;color:#888;line-height:1.5}


/* 푸터 지점별 시간 */
.f_top_cnt {width:100%; height:100%; position:relative; overflow:hidden;}
.f_top_cnt > li {float:left; width:25%; height:100%; box-sizing:border-box; position:relative;}
.f_top_cnt > li .ft_kakao {display:block;margin:60px auto;}
/*.f_top_cnt > li::before {content:""; position:absolute; top:50%; left:0; margin-top:-75px; width:1px; height:150px;background:#464747;}
.f_top_cnt > li:last-child::after {content:""; content:""; position:absolute; top:50%; right:0; margin-top:-75px; width:1px; height:150px; background:#464747;}*/
.f_top_cnt_txt {padding:50px 0 0 40px; box-sizing:border-box;}
.f_top_cnt_txt > dt {font-size:2.4rem; color:#999; margin:0 0 10px 0;}
.f_top_cnt_txt > dt > strong {font-family:'Montserrat'; font-weight:500; margin:0 0 0 0;}
.f_top_cnt_txt > dd {font-size:1.3rem; color:#888; line-height:1.4; letter-spacing:-0.1rem;}
.f_top_cnt_txt > dd > strong {color:#fff; display:inline-block; margin: 0 0 0 10px;}
.f_top_cnt_caption {margin:10px 0 0 0;}
.f_top_cnt_blank {display:inline-block; width:12px;}
.f_top_cnt_blank2 {display:inline-block; width:4px;}



/*추가*/
.footer_wrap .f_top .ft_info_img{display:inline-block;padding:55px 0 0 4%;}
.footer_wrap .f_top .ft_info_img img{max-width:100%;}
.footer_wrap .f_top .ft_info_img_m {display:none;}
.footer_wrap .f_top .ft_info_img_m ul li{width:33.33%;float:left;}
.footer_wrap .f_top .ft_info_img_m ul li img{display:inline-block;}
/**/
.footer_wrap .f_bot{position:relative;background:#f4f5f7}

.footer_wrap .f_bot .fb_mNi{padding:20px 0;border-bottom:1px solid #cacdd4}
.footer_wrap .f_bot .fb_mNi:after{content:"";clear:both;display:block}
.footer_wrap .f_bot .left{float:left}
.footer_wrap .f_bot .left:after{content:"";clear:both;display:block}
.footer_wrap .f_bot .right{float:right}
.footer_wrap .f_bot .right:after{content:"";clear:both;display:block}
.footer_wrap .f_bot .fb_mNi .left li{float:left;margin-right:50px;padding-top:10px}
.footer_wrap .f_bot .fb_mNi .left li:last-of-type{margin-right:0}
.footer_wrap .f_bot .fb_mNi .left li a{font-size:1.6rem;color:#484848}
.footer_wrap .f_bot .fb_mNi .right li{float:left;margin-right:22px}
.footer_wrap .f_bot .fb_mNi .right li:last-of-type{margin-right:0}
.footer_wrap .f_bot .fb_mNi .right li a{display:block;width:39px;height:39px;background-repeat:no-repeat;background-position:center center;text-indent:-9999px}
.footer_wrap .f_bot .fb_mNi .right li a.icon01{background-image:url("//images.idhospital.com/image/iddental/common/icon_fb_sns01.png")}
.footer_wrap .f_bot .fb_mNi .right li a.icon02{background-image:url("//images.idhospital.com/image/iddental/common/icon_fb_sns02.png")}
/*.footer_wrap .f_bot .fb_mNi .right li a.icon03{background-image:url("//images.idhospital.com/image/iddental/common/icon_fb_sns03.png")}*/
.footer_wrap .f_bot .fb_mNi .right li a.icon03{background-image:url("//images.idhospital.com/image/iddental/common/icon_fb_sns_in.png")}



/* 모달창 */
.non_covered_pop{margin: 0 auto;width: 100%;height: 100%;}
.modal_box{width: 700px;margin: 0 auto;padding: 40px 20px 20px; box-sizing: border-box; text-align: center;background-color: #fff;display: flex;flex-flow: column;position: fixed;top:50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999;border-radius: 5px;display: none;}
.modal_box h2{font-size: 30px;font-weight: 500;margin-bottom: 25px;}
.modal_box table{}
.modal_box table tr{}
.modal_box table tr th{border-bottom: 1px solid #222;padding: 15px 0;}
.modal_box table tr td{border-bottom:1px solid #ddd;padding: 15px 0;font-size: 15px;line-height: 1.2;}
.modal_box table tr td br{display: none;}
.modal_box table tr td:not(:last-of-type){border-right: 1px solid #ddd;}
.modal_box button{width: 100px;height: 30px;border: none;margin-top: 20px;align-self: center;cursor: pointer;}
.modal_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 999;display: none;}

.footer_wrap .f_bot .fb_tNf{padding:30px 0 50px}
.footer_wrap .f_bot .fb_tNf:after{content:"";clear:both;display:block}
.footer_wrap .f_bot .fb_tNf .right .family{position:relative;width:180px}
.footer_wrap .f_bot .fb_tNf .right p{position:relative;width:100%;height:42px;line-height:40px;box-sizing:border-box;padding:0 15px;border:1px solid #dedede;font-size:1.6rem;color:#333;background:#fff;cursor:pointer}
.footer_wrap .f_bot .fb_tNf .right p i{position:absolute;top:0;right:0;display:block;width:25px;height:100%;border-left:1px solid #dedede;background:url("//images.idhospital.com/image/iddental/common/icon_fb_down.png") no-repeat center center}
.footer_wrap .f_bot .fb_tNf .right ul{display:none;position:absolute;bottom:42px;left:0;width:100%;box-sizing:border-box;border:1px solid #dedede;border-bottom:0;background:#fff;-webkit-transition-duration:500ms;-moz-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}
.footer_wrap .f_bot .fb_tNf .right ul li{border-bottom:1px solid #dedede}
.footer_wrap .f_bot .fb_tNf .right ul li:last-of-type{border-bottom:0}
.footer_wrap .f_bot .fb_tNf .right ul li a{display:block;padding:10px;font-size:1.4rem;color:#333}
.footer_wrap .f_bot .fb_tNf .right ul li a:hover{background:#56b6e6;color:#fff}
.footer_wrap .f_bot .fb_tNf .right ul.active{display:block}
/*.f_top_call_parent {display:none;}*/


.f_top_cnt li{width: 30%;}
.f_call_icon{width: 103px;height: 142px; position: absolute;bottom:0;background: url(//images.idhospital.com/image/iddental/common/bg_ft_info.png) no-repeat left bottom;}
.f_top_cnt_txt{padding:70px 0 0 0;}
.f_top_cnt_txt dt{color:#fff;font-weight: 300;}
.f_top_cnt_txt dd span {display:inline-block; width:58px;}
.f_top_cnt li.f_top_call_parent02 {width: 40%; padding-left: 8%;}
.f_top_call_parent02 .f_top_cnt_txt{padding-left: 130px;padding-top: 33px;}
.f_top_call_parent02 .f_top_cnt_txt dt{font-family: 'Montserrat';font-weight: 300;font-size: 3.2rem;}
.footer_wrap .f_top .ft_btn {position: absolute;top: 0;right: 0;padding-top: 30px;}
.footer_wrap .f_top .ft_btn a {display: inline-block;width: 180px;box-sizing: border-box;padding: 16px 20px;font-size: 1.6rem;color: #fff;background: url(//images.idhospital.com/image/iddental/common/icon_ft_btn.png) no-repeat 90% 50%;border: 1px solid #666;}
.ft_call{display: none;}


/* 하단 플로팅배너 */
.bottom_floating{position: sticky;bottom: 0;z-index: 100;display:none}
.floating_list{background-color: rgba(59,66,81,0.95);font-size: 0;}
.floating_list li{display: inline-block;vertical-align: top;width: 25%;text-align: center;}
.floating_list li a{display: block;padding: 15% 0;position: relative;}
.floating_list li:not(:last-child) a:after{content: '';position: absolute;top:50%;right: 0;width: 1px;height: 9vw;background-color: rgba(255,255,255,0.2);-webkit-transform:translate(0 , -50%) ;
-moz-transform:translate(0 , -50%);
-ms-transform:translate(0 , -50%);
-o-transform:translate(0 , -50%);}
.floating_list li a > img{width: auto;height: 5.2vw;}
.floating_list li a > p{font-size: 3vw;color:#fff;padding-top: 5%;letter-spacing: -0.1vw;}

/* footer_link */
.f_top_cnt_txt_m{display: none;}
.footer_link{display: none;}

.closingPopup {display:none}
.closingPopup.visible {display:block}

/* Layout Style - PC(1280) */
@media screen and (max-width: 1600px) {
    .f_top_call_parent02{padding-left: 0;}




}


/* Layout Style - PC(1280) */
@media screen and (max-width: 1280px) {
	.footer_wrap{padding-left:0}
	.footer_wrap.foot_main .f_top{padding:0 5%}
	.footer_wrap.foot_main .f_bot{padding:0 5%}
	.footer_wrap .f_bot .fb_mNi .left li{margin-right:30px}
	.footer_wrap .f_top .ft_btn{right:6%;}
	.footer_wrap .f_top .ft_info_img{display:inline-block;padding:93px 0 0 4%;}


	.f_top_cnt_txt {padding:50px 0 0 20px; box-sizing:border-box;}
    .f_top_call_parent02{padding-left: 0;}

    .f_top_cnt li{width: 30%;}
    .f_top_cnt li.f_top_call_parent02{padding-left: 0;}
	.f_top_cnt_txt dd span{width: 50px;}


}


/* Layout Style - Laptop,Tablet(1024) */
@media screen and (max-width: 1024px) {
	.footer_wrap .f_top {height:auto;}
	.footer_wrap .f_top .ft_txt{float:left;padding-top:39px;font-size:3rem;font-weight:300;color:#fff}
	.footer_wrap .f_top .ft_info{left:0;}
	.footer_wrap .f_top .ft_info_img {display:inline-block; padding:40px 0 0 15%;}
	.f_top_cnt {width:100%;height:100%;}
	.f_top_cnt > li {float:none; width:100%; height:100%; padding:5% 0 3% 0;}
	.f_top_cnt_txt {padding:0 0 0 0;  overflow:hidden;}
	.f_top_cnt_txt > dt {font-size:2.4rem; color:#999; margin:0 0 0 0; float:left; width:50%; padding:0 0 5% 0}
	.f_top_cnt_txt > dt > strong {font-size:4rem; color:#fff; font-family:'Montserrat'; font-weight:300; margin:6px 0 0 0;}
	.f_top_cnt_txt > dd {font-size:1.3rem; color:#888; line-height:1.4; letter-spacing:-0.1rem; }
	.f_top_cnt_txt > dd > strong { display:inline-block; margin: 0 0 0 10px;}
	.f_top_cnt_caption {margin:10px 0 0 0;}
	.f_top_cnt_blank {display:inline-block; width:1rem;}
	.f_top_cnt_blank2 {display:inline-block; width:4px;}

	.f_top_call_parent {display:block;}
	.f_top_call > dt {color:#fff; font-weight:300; font-size:3rem; margin:1vw 0 0 0 ; }
	.f_top_call > dd {overflow:hidden; margin:0 0 0 0;}
	.f_top_call > dd > a {float:right; display:block; font-size:2.6vw; width:20vw; height:7vw; line-height:7vw; text-align:left; color:#ffda78; border:1px solid #ffda78; padding:0 4%; margin-right:20px;
	box-sizing:border-box; position:relative;}
	.f_top_call > dd > a::after {content:""; display:block; width:6px; height:6px; border-right:1px solid #ffda78; border-bottom:1px solid #ffda78; position:absolute; top:50%; margin-top:-0.7vw; right:10%;
	transform:rotate(-45deg);
	}

    .ft_btn.web_dp{display: none;}
    .ft_btn.web_dp.ft_call{display: block;}
    .footer_wrap.foot_main .f_top{padding-bottom: 35px;}
    .f_top_cnt{font-size: 0;}
    .f_top_cnt > li{width: 100%;display: block;}
    .f_top_cnt li.f_top_call_parent02{display: inline-block;width: 70%;box-sizing: border-box;}
    .f_top_call_parent02 .f_top_cnt_txt dt{width: 100%;margin-top: 35px;color:#fff;font-size: 4rem;}
    .f_top_call_parent02 .f_top_cnt_txt{padding: 3% 0 0% 26%;}
    .f_top_cnt li.f_top_call_parent03{display: inline-block;width: 30%;vertical-align: top;}
    .f_top_call_parent::after{content:""; position:absolute; bottom:0; left:0; margin-top:0; width:100%; height:1px;background:#464747;}
    .f_top_cnt > li{padding: 0;}
    .f_top_cnt_txt > dt{float: none;width: 100%;}
    .f_top_call_parent .f_top_cnt_txt dt{padding:50px 0 20px;color:#fff;font-size:3.4rem;  }
    .f_top_cnt{overflow:inherit;}
    .f_call_icon{bottom: 0;width: 80%;height: 17vw;background-size: contain;}
    .footer_wrap .f_top .ft_btn a{color:#ffda78;border-color: #ffda78;font-size: 2.2rem;    background: url(//image.iddental.co.kr/nowon/common/m_nw_btn.jpg) no-repeat 90% 50%;}
	.f_top_cnt > li .ft_kakao {display:none}
}


/* Layout Style - Mobile(720) */
@media screen and (max-width: 720px) {
	.footer_wrap .f_bot .right{padding-bottom:0;}
	.f_top_call_parent .f_top_cnt_txt{display: none;}
	.f_top_call_parent .f_top_cnt_txt_m{display: block;}
	.f_top_call_parent .f_top_cnt_txt_m dt{font-family: 'GmarketSans';font-weight: 300;color:#fff;font-size: 4.8vw;padding:10% 0 3%;}
	.footer_wrap.foot_main .f_top{padding:0 5% 6%;height:auto}
	.footer_wrap .f_top .ft_txt{float:none;width:100%;margin-bottom:20px;padding:25px 0 10px;font-size:3rem;border-bottom:2px solid #444}
	.footer_wrap .f_top .ft_info{float:left;position:relative;bottom:auto;left:auto;padding-left:80px;height:95px;background-size:68px 95px}
	.footer_wrap .f_top .ft_info p{padding:0 0 5px 0;font-size:2.4rem}
	/*.footer_wrap .f_top .ft_btn{padding-top:0}*/
	/**/
	.footer_wrap .f_top .ft_info_img{display:block;padding:0;padding-bottom:20px;}
	.footer_wrap .f_top .ft_btn{float:right;padding-top:0}
	.footer_wrap .f_top .ft_btn{position:absolute;top:5%;right:3%;}
	.footer_wrap .f_top .ft_info_img_m {display:block; padding:0 3%;}
	.footer_wrap .f_top .ft_info_img {display:none;}
	/**/
	.footer_wrap.foot_main .f_bot{padding:0}
	.footer_wrap .f_bot .right{float:none;text-align:center}
	.footer_wrap .f_bot .left{float:none;text-align:center}
	.footer_wrap .f_bot .fb_mNi{margin:0 20px;padding:25px 0 20px}
	.footer_wrap .f_bot .fb_mNi .right{}
	.footer_wrap .f_bot .fb_mNi .right li{float:none;display:inline-block;vertical-align:middle;margin:0 5px}
	.footer_wrap .f_bot .fb_mNi .left li{float:none;display:inline-block;vertical-align:middle;margin:0 5px;padding-top:20px}
	.footer_wrap .f_bot .fb_mNi .left li a{font-size:2rem}
	.footer_wrap .f_bot .fb_mNi .left li.disappear{display:none}
    
    /* 모달창 */
    .modal_box{width: 80%;padding: 5.5vw 2.77vw 2.77vw;}
    .modal_box h2{font-size: 4.16vw;margin-bottom: 3.47vw;}
    .modal_box table tr th{border-bottom: 0.14vw solid #222;padding: 2vw 0;font-size: 2.6vw}
    .modal_box table tr td{border-bottom:0.14vw solid #ddd;padding: 2vw 0;font-size: 2.4vw;}
    .modal_box table tr td br{display: block;}
    .modal_box table tr td:not(:last-of-type){border-right: 0.14vw solid #ddd;}
    .modal_box button{width: 20vw;height: 6.5vw;margin-top: 2.77vw;font-size: 2.4vw;}
    
	.footer_wrap .f_bot .fb_tNf{padding:0}
	.footer_wrap .f_bot .fb_tNf .left{margin:0 20px}
	.footer_wrap .f_bot .fb_tNf .left img{width:100%;display: block;padding: 5% 0;}
	.footer_wrap .f_bot .fb_tNf .right{text-align:left}
	.footer_wrap .f_bot .fb_tNf .right .family{position:relative;float:left;width:50%;display:block}
	.footer_wrap .f_bot .fb_tNf .right .family p{background:#444;border-color:#444}
	.footer_wrap .f_bot .fb_tNf .right .family ul{background:#444;border-color:#363636}
	.footer_wrap .f_bot .fb_tNf .right .family ul li{border-color:#363636}
	.footer_wrap .f_bot .fb_tNf .right .family ul li:last-of-type{border-bottom:1px solid #363636}
	.footer_wrap .f_bot .fb_tNf .right .languge{position:relative;float:left;width:50%;display:block}
	.footer_wrap .f_bot .fb_tNf .right .languge p{background:#333;border-color:#333}
	.footer_wrap .f_bot .fb_tNf .right .languge span{display:inline-block;vertical-align:baseline;width:15px;height:15px;margin-right:5px;background-repeat:no-repeat;background-position:center center;background-size:cover}
	.footer_wrap .f_bot .fb_tNf .right .languge span.kor{background-image:url("//images.idhospital.com/image/iddental/common/icon_gLang_kor.png")}
	.footer_wrap .f_bot .fb_tNf .right .languge span.chn{background-image:url("//images.idhospital.com/image/iddental/common/icon_gLang_chn.png")}
	.footer_wrap .f_bot .fb_tNf .right .languge ul{background:#333;border-color:#1f1f1f}
	.footer_wrap .f_bot .fb_tNf .right .languge ul li{border-color:#1f1f1f}
	.footer_wrap .f_bot .fb_tNf .right .languge ul li:last-of-type{border-bottom:1px solid #1f1f1f}
	.footer_wrap .f_bot .fb_tNf .right p{padding:0 20px;font-family:'Montserrat';font-size:2rem;color:#fff}
	.footer_wrap .f_bot .fb_tNf .right p i{top:50%;right:20px;width:7px;height:4px;margin-top:-2px;border-left:0;background:url("//images.idhospital.com/image/iddental/common/icon_gLang_up.png") no-repeat center center}
	.footer_wrap .f_bot .fb_tNf .right p.on i{background:url("//images.idhospital.com/image/iddental/common/icon_gLang_down.png") no-repeat center center}
	.footer_wrap .f_bot .fb_tNf .right ul{border:0}
	.footer_wrap .f_bot .fb_tNf .right ul li a{padding:12px 20px;font-size:2rem;font-weight:300;color:#fff}
	.footer_wrap .f_bot .fb_tNf .right ul li a:hover{background:transparent}
    
    .f_top_cnt li.f_top_call_parent02{width: 100%;}
	.f_top_call_parent02 .f_top_cnt_txt{padding: 0 0 0 20%;}
    .f_top_cnt li.f_top_call_parent03{width: auto;}
    .footer_wrap .f_top .ft_btn{padding-top:5%;float: inherit;}
    .f_top_call_parent02 .f_top_cnt_txt dt{margin: 7% 0 2%;padding: 0;font-size: 5.13vw;}
	.f_top_call_parent02 .f_top_cnt_txt dt strong{font-size: 5.13vw;}
	.f_top_cnt_txt > dd{font-size: 2.5vw;}
	.f_top_cnt_txt > dd span{width: 8.5vw;}
	.f_top_cnt_txt > dd > strong{margin:0;}
	.f_top_cnt_txt > dd br{display: none;}
    .footer_wrap .f_top .ft_btn a{display: inline-block;padding: 10% 7%;font-size: 3vw;background-size: 5px;width: 22vw;color:#ffda78;border-color:#ffda78;margin-top: 5vw;}
    .f_top_call_parent .f_top_cnt_txt dt {padding: 30px 0 20px;font-size: 3rem;}
	.f_top_cnt li.f_top_call_parent02 {padding-left:0;}
	.bottom_floating {display:block}
	.f_call_icon{height: 19vw;}
	
	/* footer_link */
	.footer_link{display: block;margin-top: 5%;}
	.footer_sns{position:relative; overflow:hidden; padding:4.17vw 0; background:#fff; border-radius:2.778vw; text-align:left;}
	/* .footer_sns::before{content:''; position:absolute; left:50%; top:4.167vw; bottom:4.167vw; width:1px; background:#ddd; transform:translate(-50%, 0);} */
	.footer_sns li{position:relative; float:left; width:33%; text-align:center; border-left:1px solid #ddd; padding:2.78vw 0;}
	.footer_sns li:first-child {border-left:none; padding:2.78vw 0 0;}
	/* .footer_sns li:nth-child(1)::before{content:''; position:absolute; left:5.556vw; right:0; bottom:0; height:1px; background:#ddd;}
	.footer_sns li:nth-child(2)::before{content:''; position:absolute; left:0; right:5.556vw; bottom:0; height:1px; background:#ddd;} */
	.footer_sns li a{display:block;}
	.footer_sns li span{display:block; font-size:3.89vw; color:#555; line-height:1.15; vertical-align:middle; margin:4.17vw 0 2.08vw;}
	.footer_sns li span em{font-family: 'Montserrat'; font-style:normal;}
	.footer_sns li img{display:inline-block; width:15.97vw; vertical-align:middle;}
	.footer_sns li:first-child span {margin-top:2.08vw;}

	
	.closingPopup {width:100%;height:100%;position:fixed;bottom:0;z-index:100}
	.closingPopup .cpopTop {width:100%;height:35%;background-color:#3c3c3b;position:relative}
	.closingPopup .cpopTop .closePopupClose {position:absolute;right:20px;bottom:20px;width:15px}
	.closingPopup .cpopBottom {width:100%;height:65%;background-color:#fff;position:relative}
	.closingPopup .cpopBottom .closePopupFace {position:absolute;width:70%;max-width:454px;top:-15%;left:15%}
	.closingPopup .cpopBottom ul {position:absolute;width:70%;left:15%;bottom:100px;display:flex}
	.closingPopup .cpopBottom ul li img {width:100%}
    
}


/* Layout Style - Small Mobile(375) */
@media screen and (max-width: 375px) {
	
		
    
}
/* QUICK */
.quick_wrap{position:fixed;top:0;right:0;height:100%;z-index:110}

.quick_btns{position:absolute;top:50px;left:-70px;width:70px;z-index:10}
.quick_btns .q_member{padding:0 8px 8px 8px;text-align:center;background:#00306b}
.quick_btns .q_member a{display:block;font-size:1.4rem;font-weight:300;color:#fff;letter-spacing:-0.05em}
.quick_btns .q_member a:last-of-type{margin-top:8px;padding-top:8px}
.quick_btns .q_member a:hover{color:#fff}
.quick_btns .q_menu{text-align:center;background:rgba(201,223,244,0.9)}
/*.quick_btns .q_menu ul{border-top:1px solid #a1bcd9}*/
.quick_btns .q_menu ul li{padding:15px 0;border-bottom:1px solid #a1bcd9}
.quick_btns .q_menu ul li span{display:block;padding-top:40px;font-size:1.2rem;font-weight:300;color:#00306b;background-repeat:no-repeat;background-position:center top;cursor:pointer}
.quick_btns .q_menu ul li span.icon01{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu01_off_b.png")}
.quick_btns .q_menu ul li span.icon02{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu02_off_b.png")}
.quick_btns .q_menu ul li span.icon03{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu03_off_b.png")}
.quick_btns .q_menu ul li span.icon04{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu04_off_b.png")}
.quick_btns .q_menu ul li span.icon05{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu05_off_b.png")}
.quick_btns .q_menu ul li:hover,
.quick_btns .q_menu ul li.active{background-color:#fff}
.quick_btns .q_menu ul li:hover span,
.quick_btns .q_menu ul li.active span{color:#000}
.quick_btns .q_menu ul li:hover span.icon01,
.quick_btns .q_menu ul li.active span.icon01{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu01_on.png")}
.quick_btns .q_menu ul li:hover span.icon02,
.quick_btns .q_menu ul li.active span.icon02{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu02_on.png")}
.quick_btns .q_menu ul li:hover span.icon03,
.quick_btns .q_menu ul li.active span.icon03{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu03_on.png")}
.quick_btns .q_menu ul li:hover span.icon04,
.quick_btns .q_menu ul li.active span.icon04{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu04_on.png")}
.quick_btns .q_menu ul li:hover span.icon05,
.quick_btns .q_menu ul li.active span.icon05{background-image:url("//images.idhospital.com/image/iddental/common/icon_qMenu05_on.png")}
.quick_btns .q_phone{padding:20px 0;text-align:center;background:rgba(201,223,244,0.9)}
.quick_btns .q_phone a span{display:block;margin-bottom:13px;font-family:"Montserrat";font-size:1.4rem;font-weight:500;color:#00306b}
.quick_btns .q_phone a span i{display:block;margin-bottom:5px;font-style:normal;font-size:1.2rem;font-weight:300}
.quick_btns .q_phone a span:last-of-type{}
.event_quick {display:block; margin:16px 0 0 0;}

.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 25px;overflow-y:auto}
.quick_cons .q_panel .tit{position:relative;padding:20px 0 10px;border-bottom:2px solid #56b6e6}
.quick_cons .q_panel .tit h3{font-size:3.6rem;color:#56b6e6}
.quick_cons .q_panel .tit .btn_grp{position:absolute;top:15px;right:0}
.quick_cons .q_panel .txt{padding:20px 0}
.quick_cons .q_panel .txt p{font-size:1.7rem;font-weight:300;color:#6e6e6e;line-height:1.5em;letter-spacing:-0.05em}
.quick_cons .q_panel .txt p span{font-weight:400;color:#2f99ce}
.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:1.6rem;color:#333}
.quick_cons .q_panel .list_tbl table td{height:60px;font-size:1.4rem;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:1.4rem;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:1.4rem;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:1rem}
.quick_cons .q_panel .list_tbl table td.title.mine a{color:#999}
.quick_cons .q_panel .pr{position:relative}
.quick_cons .q_panel .box{border:1px solid #b4b9c4}
.quick_cons .q_panel .box .form_tbl{padding:10px 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:1.6rem;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 input[type='radio'] {width:13px;}
.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:1.6rem}
.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 10px;font-size:1.4rem;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:1.8rem;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:1.4rem;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:1.8rem;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.loca1 .inp_grp {text-align:center;}
.quick_cons .q_panel .btn.loca1 .inp_grp > li {display:inline-block; vertical-align:top;  margin:0 0 6px 0;}
.quick_cons .q_panel .btn.loca1 .inp_grp > li:nth-of-type(odd) {margin:0 6px 0 0;}
.quick_cons .q_panel .btn.loca1 .inp_grp > li > a {width:190px; height:50px; line-height:50px; font-size:1.6rem; display:block; box-sizing:border-box;}
.quick_cons .q_panel .btn.loca1 .inp_grp > li > a.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 > li > a.btnW{border:1px solid #333; text-indent:25px;background:#ffffff url("//images.idhospital.com/image/iddental/common/icon_qLocation02.png") no-repeat 30px 50%}
.quick_cons .q_panel .btn.loca1 .inp_grp > li > a.btn_center {background:#5ab1e4; color:#fff;}

/*
.quick_cons .q_panel .btn.kakao .inp_grp input[type='button']{width:190px;font-size:1.6rem;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:1.6rem}
.quick_cons .q_panel .btn.loca1 .inp_grp input[type='button']{width:190px;font-size:1.6rem}
.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%}
*/



.quick_dimd{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:5}

.branch_chk li{display:inline-block}
.qlocationTab .tab_grp.typeBig{height:58px;margin-bottom:20px}
.mini_mg{display:none}
.mini_sinsa{display:none}



/* Layout Style - PC(1280) */
@media screen and (max-width: 1280px) {
}


/* Layout Style - Laptop,Tablet(1024) */
@media screen and (max-width: 1024px) {
}


/* Layout Style - Mobile(720) */
@media screen and (max-width: 720px) {
	.quick_wrap{display:none;width:100%}

	.quick_btns{left:auto;right:0;height:100%;background:rgba(201,223,244,0.9);z-index:11}
	.quick_btns .q_member{display:none;height:0}
	.quick_btns .q_menu{background:none}
	.quick_btns .q_phone{background:none}

	.quick_cons.on{width:100%}
	.quick_cons .q_panel{padding:0}
	.quick_cons .q_panel .tit{height:50px;line-height:50px;padding:0 20px;border-bottom:0;background:#000}
	.quick_cons .q_panel .tit h3{font-size:2.5rem;color:#fff}
	.quick_cons .q_panel .tit .btn_grp{top:50%;right:20px;margin-top:-14px;line-height:1}
	.quick_cons .q_panel .tit .btn_grp .close{width:28px;height:28px}
	.quick_cons .q_panel .tit .btn_grp a i.cross_l{background:#fff}
	.quick_cons .q_panel .tit .btn_grp a i.cross_r{background:#fff}
	.quick_cons .q_panel .list_tbl{margin:20px 90px 10px 20px}
	.quick_cons .q_panel .txt{margin:0 90px 0 20px}
	.quick_cons .q_panel .pr{margin:0 90px 0 20px}
	.quick_cons .q_panel .btn{margin:0 90px 0 20px}
	.quick_cons .q_panel .btn.loca1{margin:0}
	.quick_cons .q_panel .box .form_tbl table td .short{width:33%}
	.quick_cons .q_panel .box .form_tbl table td .remainder{width:60%}
	.quick_cons .q_panel .agree_pa .top{padding:20px 15px}
	.quick_cons .q_panel .agree_pa .top span.agree_close{right:15px;width:18px;margin-top:-9px}
	.quick_cons .q_panel .agree_pa .scrollY{height:150px}
	.quick_cons .q_panel .location .minimap p{margin-top:10px}
	.quick_btns .q_phone{padding:9px 0 16px}

	.quick_cons .q_panel .btn.loca1 .inp_grp > li {width:48.5%;}
	.quick_cons .q_panel .btn.loca1 .inp_grp > li {margin-bottom:3%;}
	.quick_cons .q_panel .btn.loca1 .inp_grp > li:nth-of-type(odd) {margin-right:3%;}
	.quick_cons .q_panel .btn.loca1 .inp_grp > li > a {display:block; width:100%;}
	.quick_cons .q_panel .btn.loca1 .inp_grp > li > a.btnB {text-indent: 18px; background: #5ab1e4 url(//images.idhospital.com/image/iddental/common/icon_qLocation01.png) no-repeat 6px 50%;	}
	.quick_cons .q_panel .btn.loca1 .inp_grp > li > a.btnW {text-indent: 18px; background: #ffffff url(//images.idhospital.com/image/iddental/common/icon_qLocation02.png) no-repeat 6px 50%;	}
}


/* Layout Style - EXCEPTION(480) */
@media screen and (max-width: 480px) {
	.quick_btns{width:50px}
	.quick_btns .q_menu ul li span{background-size:65%}

	.quick_cons .q_panel .list_tbl{margin:20px 70px 10px 20px}
	.quick_cons .q_panel .list_tbl table td.dv span{width:90%}
	.quick_cons .q_panel .list_tbl table td.title a{max-width:120px}
	.quick_cons .q_panel .txt{margin:0 70px 0 20px}
	.quick_cons .q_panel .txt p br{display:none}
	.quick_cons .q_panel .pr{margin:0 70px 0 20px}
	.quick_cons .q_panel .btn{margin:0 70px 0 20px;padding:10px 0}
	.quick_cons .q_panel .btn .inp_grp input[type='button']{width:100px;height:40px;font-size:1.6rem}
	.quick_cons .q_panel .btn.loca .inp_grp input[type='button']{width:160px}
	.quick_cons .q_panel .btn.loca1 .inp_grp input[type='button']{width:110px}
	.quick_cons .q_panel .btn.loca1 .inp_grp input[type='button'].btnB{text-indent:0;background-image:none}
	.quick_cons .q_panel .btn.loca1 .inp_grp input[type='button'].btnW{text-indent:0;background-image:none}
	.quick_cons .q_panel .box{border-left:0;border-right:0}
	.quick_cons .q_panel .box .form_tbl{padding:10px 0}
	.quick_cons .q_panel .box .form_tbl table th{height:50px}
	.quick_cons .q_panel .box .form_tbl table td select{font-size:1.6rem;height:35px}
	.quick_cons .q_panel .box .form_tbl table td input{font-size:1.6rem;height:35px}
	.quick_cons .q_panel .box .form_tbl table td .remainder{width:56%}
	.quick_cons .q_panel .agree{margin:20px 0 10px}
	.quick_cons .q_panel .agree input[type='checkbox']{vertical-align:middle}
	.quick_cons .q_panel .agree .all{margin-bottom:10px}
	.quick_cons .q_panel .agree .pers .check{padding:10px 5px}
	.quick_cons .q_panel .agree .pers .check label span{width:55%;vertical-align:top}
	.quick_cons .q_panel .agree_pa .scrollY{height:120px;font-size:1.6rem}
	.quick_cons .q_panel .location .minimap p br{display:none}
}


/* Layout Style - Mobile Small(375) */
@media screen and (max-width: 375px) {
}


/* bottom */

.popup_dimd{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:5}
.login_before18 {position:absolute;z-index:3;left:0;top:0}
.img_before18 {visibility:hidden}
#sbna .login_before_normal {left:50%;top:50%;margin-top:-132px;margin-left:-328px}
#sbna .login_before_eye {left:0;top:0}
#sbna .list .sbna_list_img {position:relative}

.total_p{margin-top:10px;text-align:left}

.nose_common{padding-bottom:80px;text-align:center;background:#fff}
.nose_common .team{}
.nose_common .team p{padding:60px 0 30px;}
.nose_common .team .bg{height:665px;background-repeat:no-repeat;background-position:center top;background-image:url('//images.idhospital.com/image/idhospital/main_surgerys/team_bg.jpg');background-size:100%}
.nose_common .step{max-width:960px;margin:0 auto;padding:70px 0 40px;border-top:1px solid #909090;border-bottom:1px solid #909090}
.nose_common .step h4{margin-bottom:30px;font-size:36px;font-weight:normal}
.nose_common .step ul{overflow:hidden;text-align:left}
.nose_common .step ul li{float:left;width:50%;height:252px;background-repeat:no-repeat;background-position:center top;background-size:cover}
.nose_common .step ul li.item01{background-image:url('//images.idhospital.com/image/idhospital/main_surgerys/step_item01.jpg')}
.nose_common .step ul li.item02{background-image:url('//images.idhospital.com/image/idhospital/main_surgerys/step_item02.jpg')}
.nose_common .step ul li.item03{background-image:url('//images.idhospital.com/image/idhospital/main_surgerys/step_item03.jpg')}
.nose_common .step ul li.item04{background-image:url('//images.idhospital.com/image/idhospital/main_surgerys/step_item04.jpg')}
.nose_common .step ul li a{display:block;padding:70px 0 0 40px;color:#222}
.nose_common .step ul li a p{font-size:16px;line-height:22px;}
.nose_common .step ul li a h5{margin:20px 0;font-size:24px;font-weight:500;line-height:30px}
.nose_common .step ul li a h5 br{display:none}
.nose_common .step ul li a span{display:inline-block;width:80px;height:30px;line-height:28px;box-sizing:border-box;text-align:center;font-size:14px;color:#2d3a49;border:1px solid #2d3a49;border-radius:20px}


@media screen and (max-width:1600px){
	.nose_common .team .bg{height:570px;background-size:120%}
	.nose_common .step ul li a{padding-top:50px}
	.nose_common .step ul li a h5 br{display:block}
}
@charset "utf-8";
/* common */
.stdrd_b{max-width:1200px}
.diff .stdrd_b{padding:100px 0;z-index:1}
.content_wrap{padding-left:330px}
.footer_wrap{padding-left:330px}
.footer_wrap.foot_main .f_top{padding-right:0}
.footer_wrap.foot_main .f_bot{padding-right:0}



/* subTop */
.subTop{position:relative;letter-spacing:-0.05em}
.subTop .top_visual{height:900px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.subTop .top_visual .stdrd_b{height:100%}
.subTop .top_visual.short{height:460px}
.subTop .top_visual.intro{background-image:url("//images.idhospital.com/image/iddental/intro/top_visual_intro.jpg")}
.subTop .top_visual.network{background-image:url("//images.idhospital.com/image/iddental/intro/top_visual_network.jpg")}
.subTop .top_visual.bna{background-image:url("//images.idhospital.com/image/iddental/nboard/top_visual_bna.jpg")}
.subTop .top_visual.cost{background-image:url("//images.idhospital.com/image/iddental/nboard/top_visual_cost.jpg")}
.subTop .top_visual.online{background-image:url("//images.idhospital.com/image/iddental/nboard/top_visual_online.jpg")}
.subTop .top_visual.kakao{background-image:url("//images.idhospital.com/image/iddental/nboard/top_visual_kakao.jpg")}
.subTop .top_visual.reservation{background-image:url("//images.idhospital.com/image/iddental/nboard/top_visual_reservation.jpg")}
.subTop .top_visual.selfie{background-image:url("//images.idhospital.com/image/iddental/nboard/top_visual_selfie.jpg")}

.subTop .rightTxt{float:right;width:50%;margin-top:240px;color:#fff}
.subTop .rightTxt h3{margin-bottom:25px;font-size:6rem}
.subTop .rightTxt p{margin-bottom:45px;font-size:3rem;font-weight:300;line-height:1.2}
.subTop .rightTxt ul li{font-size:1.8rem;font-weight:300;color:#ffda78;margin-bottom:15px;word-break:keep-all}
.subTop .rightTxt ul li:last-of-type{margin-bottom:0}

.subTop .rightTxt2{float:right;width:50%;margin-top:140px;color:#fff}
.subTop .rightTxt2 h3{margin-bottom:20px;font-size:4.8rem;font-weight:300}
.subTop .rightTxt2 p{font-size:1.8rem;line-height:1.4}

.subTop .centerTxt{padding-top:240px;font-size:0;text-align:center}
.subTop .centerTxt .img{display:inline-block;vertical-align:middle}
.subTop .centerTxt .txt{display:inline-block;vertical-align:middle;margin-left:50px;text-align:left;color:#fff}
.subTop .centerTxt .txt img{margin-bottom:40px}
.subTop .centerTxt .txt h3{margin-bottom:20px;font-size:6rem;line-height:1.1}
.subTop .centerTxt .txt p{font-size:3rem;font-weight:300;line-height:1.2}
.subTop .centerTxt .txt p.yellow{margin-top:35px;font-size:1.8rem;font-weight:300;color:#ffda78}
.subTop .centerTxt .txt .brown_t{margin-bottom:20px;font-size:2rem;color:#a3682c;line-height:1.5;}
.subTop .centerTxt .txt .brown_t .skill{display:inline-block;vertical-align:baseline;margin-right:5px;font-size:2rem}
.subTop .centerTxt .txt .brown_t .skill strong{display:inline-block;vertical-align:middle;padding:0 5px;color:#fff;border:1px solid #ae8761;background:#ae8761}
.subTop .centerTxt .txt .brown_t .skill span{display:inline-block;vertical-align:middle;padding:0 5px;color:#a3682c;border:1px solid #a3682c}
.subTop .part .centerTxt{padding-top:180px}
.subTop .part .centerTxt .img{vertical-align:bottom}
.subTop .part .centerTxt .txt{color:#333}
.subTop .part .centerTxt .txt img{margin-bottom:20px}
.subTop .dol .centerTxt .txt h3{margin:20px 0 0}
.subTop .half .centerTxt .txt{float:right;width:50%;margin-left:0}
.subTop .youth .centerTxt{padding-top:180px}
.subTop .youth .centerTxt .img{vertical-align:bottom}
.subTop .youth .centerTxt .txt{color:#333}
.subTop .youth .centerTxt .txt img{margin-bottom:20px}

.subTop .centerTxt2{padding-top:280px;text-align:center;color:#fff}
.subTop .centerTxt2 .txt h3{margin-bottom:15px;font-size:6rem}
.subTop .centerTxt2 .txt p{font-size:3.2rem;font-weight:300}
.subTop .centerTxt2 ul{margin-top:60px;font-size:0}
.subTop .centerTxt2 ul li{display:inline-block;margin:0 10px;width:160px;height:160px;box-sizing:border-box;border:2px solid #ffda78;border-radius:50%}
.subTop .centerTxt2 ul li p{display:table;width:100%;height:100%}
.subTop .centerTxt2 ul li p span{display:table-cell;vertical-align:middle;font-size:1.6rem;font-weight:300;color:#ffda78;line-height:1.4}
.subTop .centerTxt2 ul li p span strong{display:block;font-size:2.4rem;font-weight:300}

.subTop .centerTxt3{padding-top:130px;text-align:center}
.subTop .centerTxt3 .txt{color:#fff}
.subTop .centerTxt3 .txt p{margin-bottom:20px;font-size:2.4rem}
.subTop .centerTxt3 .txt h3{font-size:3.6rem;font-weight:300;line-height:1.4}

.subTop .blueBox{position:absolute;top:50%;left:50%;display:table;width:520px;height:180px;background:rgba(21,136,202,0.9);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}
.subTop .blueBox > div{display:table-cell;vertical-align:middle}
.subTop .blueBox h3{font-size:4.8rem;font-weight:300;color:#fff;line-height:1.3}
.subTop .blueBox p{font-size:2.6rem;font-weight:300;color:#ffda78;line-height:1.5}



/* subCon */
.subCon{position:relative;letter-spacing:-0.05em}
.subCon .sect{position:relative;padding:100px 0}
.subCon .nboard{position:relative;padding:40px 80px 100px;background:#fff}

.subCon .col-left{float:left}
.subCon .col-right{float:right}

.subCon .innerTxt{position:relative;z-index:1}
.subCon .innerTxt:after{content:"";clear:both;display:block}
.subCon .innerTxt .txtLeft{float:left;width:45%}
.subCon .innerTxt .txtRight{float:left;width:45%;margin-left:50%}
.subCon .innerTxt .txtCenter{text-align:center}
.subCon .innerTxt .topB.left{text-align:left}
.subCon .innerTxt .topB{color:#333}
.subCon .innerTxt .topB.white{color:#fff}
.subCon .innerTxt .topB.white p{color:#999}
.subCon .innerTxt .topB .chiChar{margin-bottom:25px;display:inline-block;font-size:0}
.subCon .innerTxt .topB .chiChar p{display:inline-block;vertical-align:middle;text-align:center;margin-right:20px}
.subCon .innerTxt .topB .chiChar p span{display:block;font-family:'Montserrat';font-weight:500;font-size:2.4rem;color:#81817e}
.subCon .innerTxt .topB .chiChar p i{display:inline-block;width:2px;height:28px;margin-top:5px;background:#81817e}
.subCon .innerTxt .topB .chiChar h3{display:inline-block;vertical-align:middle;font-size:5.8rem;color:#81817e}
.subCon .innerTxt .topB .chiChar h4{display:inline-block;vertical-align:middle;margin-bottom:0;font-family:'Montserrat';font-size:10rem;color:#333;line-height:1;letter-spacing:-0.08em}
.subCon .innerTxt .topB .chiChar img{vertical-align:bottom}
.subCon .innerTxt .topB h4{margin-bottom:20px;font-size:4.8rem;line-height:1.2}
.subCon .innerTxt .topB h4 span{color:#a2692c}
.subCon .innerTxt .topB h4 span.yel{color:#dcbe88}
.subCon .innerTxt .topB h5{margin-bottom:20px;font-size:3rem;line-height:1.2}
.subCon .innerTxt .topB p{font-size:1.8rem;color:#666;line-height:1.4;word-break:keep-all}
.subCon .innerTxt .topB p span{color:#333}
.subCon .innerTxt .topB p span.brown{font-size:2rem;color:#a2692c}
.subCon .innerTxt .topB .bna{margin-bottom:25px;font-family:'Gulim';font-size:4.6rem;color:#000}
.subCon .innerTxt .topB .bna span{font-family:'Montserrat'}
.subCon .innerTxt .topB .bna span.b{color:#999}
.subCon .innerTxt .topB .bna span.a{color:#333}

.subCon .subTit{text-align:center}
.subCon .subTit h3{position:relative;display:inline-block;margin:0 auto 15px;padding:0 40px;font-family:'Montserrat';font-size:6rem;font-weight:bold;color:#333}
.subCon .subTit h3:before,
.subCon .subTit h3:after{content:"";position:absolute;top:0;display:block;width:25px;height:100%;background-repeat:no-repeat;background-position:center center}
.subCon .subTit h3:before{left:0;background-image:url("//images.idhospital.com/image/iddental/common/subTit_l.png")}
.subCon .subTit h3:after{right:0;background-image:url("//images.idhospital.com/image/iddental/common/subTit_r.png")}
.subCon .subTit h4{word-break:keep-all}
.subCon .subTit h4 p{font-size:4.8rem;color:#1588ca;line-height:1.2}
.subCon .subTit h4 p strong{color:#333}
.subCon .subTit h4 span{display:block;margin-bottom:10px;font-size:3rem;color:#333;line-height:1.3}
.subCon .subTit h4 span.eng{margin-bottom:0;font-family:'Montserrat'}
.subCon .subTit h4.eng span{display:inline-block;vertical-align:middle;margin-bottom:0;font-family:'Montserrat';font-size:4.8rem;color:#666}
.subCon .subTit h4.eng span:last-of-type{color:#2395c4}
.subCon .subTit h4.eng i{display:inline-block;vertical-align:middle;font-family:'Montserrat';font-style:normal;font-size:4.8rem;color:#000}
.subCon .subTit h4.eng p{font-family:'Montserrat'}
.subCon .subTit dl{margin-top:30px;font-size:1.8rem;color:#666;line-height:1.3;word-break:keep-all}
.subCon .subTit dl span{color:#333}
.subCon .subTit dl strong{color:#1588ca}
.subCon .subTit dl dd{margin-top:10px}
.subCon .subTit.txtLeft{text-align:left}
.subCon .subTit.bgBlack h3{color:#fff}
.subCon .subTit.bgBlack h4 p{color:#fff}
.subCon .subTit.bgBlack h4 p strong{color:#1588ca}
.subCon .subTit.bgBlack h4 span{color:#aaa}
.subCon .subTit.bgBlack h4 span strong{color:#fff}
.subCon .subTit.bgBlack dl{color:#999}
.subCon .subTit.bgBlack dl span{color:#fff}

.subCon .titleSect{padding:100px 0;text-align:center}
.subCon .titleSect h3{margin-bottom:30px;font-family:'Nanum Myeongjo';font-size:6rem;font-weight:bold;color:#2395c4}
.subCon .titleSect h4{font-size:4.8rem;color:#1588ca;line-height:1.1}
.subCon .titleSect p{font-size:2.4rem;color:#333;line-height:1.3;word-break:keep-all}
.subCon .titleSect p span{display:block;margin:20px 0;font-size:2.2rem}

.subCon .introTab{text-align:center}
.subCon .introTab ul{position:absolute;bottom:0;left:0;width:100%;height:60px;background:#fff;font-size:0;z-index:10}
.subCon .introTab ul li{display:inline-block;vertical-align:middle;margin:0 25px;padding-top:40px}
.subCon .introTab ul li a{display:block;padding-bottom:5px;font-size:1.8rem;color:#333;border-bottom:3px solid transparent}
.subCon .introTab ul li.active a,
.subCon .introTab ul li:hover a{color:#1588ca;border-bottom:3px solid #1588ca}

.subCon .subTab{margin-top:40px;text-align:center}
.subCon .subTab ul{display:inline-block;font-size:0;z-index:10}
.subCon .subTab ul li{display:inline-block;vertical-align:middle;width:230px;height:60px;line-height:58px;box-sizing:border-box;border:1px solid #9a9a9a;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.subCon .subTab ul li span{display:block;font-size:1.8rem;color:#666;cursor:pointer}
.subCon .subTab ul li.on{background:#48a9e0}
.subCon .subTab ul li.on span{color:#fff}
.subCon .subTab ul li.tab2_f{border-radius:10px 0 0 10px;border-right:0}
.subCon .subTab ul li.tab2_l{border-radius:0 10px 10px 0;border-left:0}



/* slider */
.step_slider{position:relative;overflow:hidden;max-width:690px;margin:0 auto;text-align:center}
.step_slider .swiper-slide{}
.step_slider .swiper-slide .img{margin-bottom:30px}
.step_slider .swiper-slide .txt{}
.step_slider .swiper-slide .txt h5{margin-bottom:10px;font-family:'Montserrat';font-size:2.4rem;color:#b48655}
.step_slider .swiper-slide .txt p{font-size:1.6rem;color:#fff}
.step_slider .swiper-pagination{position:relative;margin-top:20px;left:auto;bottom:auto}
.step_slider .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;background:#43474d;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;outline:none;opacity:1}
.step_slider .swiper-pagination .swiper-pagination-bullet-active{width:50px;background:#c19b74;border-radius:10px}
.step_slider .swiper-controls{position:absolute;top:47%;left:0;width:100%;height:0;margin-top:-44px;z-index:10}
.step_slider .swiper-controls span{position:absolute;top:0}
.step_slider .swiper-controls .swiper-prev{left:0}
.step_slider .swiper-controls .swiper-next{right:0}
.step_slider .ctrls_grp span.prev:hover{background-image:url("//images.idhospital.com/image/iddental/common/slide_ctrls_prev_off.png")}
.step_slider .ctrls_grp span.next:hover{background-image:url("//images.idhospital.com/image/iddental/common/slide_ctrls_next_off.png")}



/* Layout Style - EXCEPTION(1600) */
@media screen and (max-width: 1600px) {
	.subTop .centerTxt .txt{max-width:calc(100% - 370px)}

	.diff .stdrd_b{padding-left:20px;padding-right:20px}
	.stdrd_b{padding:0 20px}

	.subCon .innerTxt .txtLeft{width:60%}

	.subCon .introTab{margin:0 20px;padding:0}
}


/* Layout Style - PC(1280) */
@media screen and (max-width: 1280px) {
	.stdrd_b{padding:0}
	.content_wrap{padding-left:0}
	.footer_wrap{padding-left:0}

	.subCon .nboard{padding:40px 40px 100px}

	.subCon .subTit.txtLeft.bgBlack{padding:0 40px}

	.subCon .introTab{margin:0 40px}
}


/* Layout Style - Laptop,Tablet(1024) */
@media screen and (max-width: 1024px) {
	.footer_wrap.foot_main .f_top{padding-right:5%;}
	
	.subTop .top_visual{height:800px}

	.subTop .rightTxt{width:60%;margin-top:220px}
	.subTop .rightTxt h3{font-size:4.5rem}
	.subTop .rightTxt p{margin-bottom:30px;font-size:2.2rem}
	.subTop .rightTxt ul li{font-size:1.6rem}

	.subTop .centerTxt{padding-top:200px}
	.subTop .centerTxt .img{width:280px}
	.subTop .centerTxt .img img{width:100%}
	.subTop .centerTxt .txt{margin-left:20px}
	.subTop .centerTxt .txt h3{margin-bottom:30px}
	.subTop .centerTxt .txt h3{margin-bottom:15px;font-size:4.5rem}
	.subTop .centerTxt .txt p{font-size:2.2rem}

	.subTop .centerTxt2{padding-top:200px}
	.subTop .centerTxt2 .txt h3{font-size:4.5rem}
	.subTop .centerTxt2 .txt p{font-size:2.2rem}
	.subTop .centerTxt2 ul li{width:150px;height:150px}

	.subCon .innerTxt .txtLeft{float:none;width:100%;text-align:center}
	.subCon .innerTxt .txtRight{float:none;width:100%;margin-left:0;text-align:center}
	.subCon .innerTxt .topB{margin:0 20px}

	.subCon .titleSect h3{font-size:4.5rem}
	.subCon .titleSect p{font-size:2rem}
	.subCon .titleSect h4{font-size:4rem}
	.subCon .titleSect p span{font-size:2rem}
}


/* Layout Style - Mobile(720) */
@media screen and (max-width: 720px) {
	.diff .stdrd_b{padding:40px 0}

	.subTop .top_visual{height:550px}
	.subTop .top_visual.short{display:none}
	.subTop .top_visual.network{display:block;height:360px}

	.subTop .rightTxt{width:100%;margin-top:300px;text-align:center}
	.subTop .rightTxt h3{margin-bottom:15px}
	.subTop .rightTxt p{margin-bottom:20px}
	.subTop .rightTxt ul{padding:0 10px}
	.subTop .rightTxt ul li{margin-bottom:7.5px}
	.subTop .rightTxt .txt img{width:130px;margin-bottom:0}

	.subTop .centerTxt{padding-top:120px}
	.subTop .centerTxt .img{display:block;width:130px;margin:0 auto}
	.subTop .centerTxt .txt{margin-left:0;max-width:100%;box-sizing:border-box;margin-top:30px;padding:0 20px;text-align:center}
	.subTop .centerTxt .txt img{width:270px}
	.subTop .centerTxt .txt h3{margin:15px 0 10px;font-size:4.2rem}
	.subTop .part .centerTxt{padding-top:40px}
	.subTop .part .centerTxt .img{position:absolute;bottom:5px;left:0;width:100%;margin:0}
	.subTop .part .centerTxt .img img{width:160px}
	.subTop .part .centerTxt .txt{margin-top:0}
	.subTop .part .centerTxt .txt img{width:130px;margin-bottom:0}
	.subTop .part .centerTxt .txt p{margin:15px 0 10px}
	.subTop .centerTxt .txt p.yellow{margin:15px 20px 0;line-height:1.4}
	.subTop .dol .centerTxt .txt h3{margin-top:15px}
	.subTop .half .centerTxt .txt{float:none;width:100%}
	.subTop .youth .centerTxt{padding-top:40px}
	.subTop .youth .centerTxt .img{position:absolute;bottom:5px;left:0;width:100%;margin:0}
	.subTop .youth .centerTxt .img img{width:160px}
	.subTop .youth .centerTxt .txt{margin-top:0}
	.subTop .youth .centerTxt .txt img{width:130px;margin-bottom:0}
	.subTop .youth .centerTxt .txt p{margin:15px 0 10px}

	.subTop .centerTxt2{padding-top:80px}
	.subTop .centerTxt2 ul{margin-top:30px}
	.subTop .centerTxt2 ul li{margin:7.5px}

	.subTop .blueBox{width:420px}
	.subTop .blueBox h3{font-size:40px}
	.subTop .blueBox p{font-size:22px}

	.subCon{padding-bottom:0}
	.subCon .sect{padding:40px 0}
	.subCon .nboard{padding:20px 20px 50px}

	.subCon .innerTxt .topB .chiChar{margin-bottom:15px}
	.subCon .innerTxt .topB .chiChar p{margin-right:10px}
	.subCon .innerTxt .topB .chiChar p i{height:20px;margin-top:2.5px}
	.subCon .innerTxt .topB .chiChar img{height:45px}
	.subCon .innerTxt .topB .chiChar h4{font-size:6rem}
	.subCon .innerTxt .topB{word-break:keep-all}
	.subCon .innerTxt .topB h4{margin-bottom:10px;font-size:3rem}
	.subCon .innerTxt .topB h5{margin-bottom:10px;font-size:2rem}
	.subCon .innerTxt .topB p br{display:none}
	.subCon .innerTxt .topB.left{text-align:center}
	.subCon .innerTxt .topB .bna{margin-bottom:10px;font-size:3.6rem}

	.subCon .subTit h3{margin-bottom:10px;padding:0 25px;font-size:34px}
	.subCon .subTit h3:before,
	.subCon .subTit h3:after{width:15px;background-size:cover}
	.subCon .subTit h4 p{font-size:26px}
	.subCon .subTit h4 span{margin-bottom:5px;font-size:18px}
	.subCon .subTit h4.eng span{font-size:24px}
	.subCon .subTit h4.eng i{font-size:24px}
	.subCon .subTit dl{margin-top:15px;padding:0 20px;font-size:15px}
	.subCon .subTit dl br{display:none}
	.subCon .subTit.txtLeft{text-align:center}
	.subCon .subTit.txtLeft.bgBlack{padding:0}

	.subCon .titleSect{padding:40px 0}
	.subCon .titleSect h3{margin-bottom:10px}
	.subCon .titleSect p span{margin:10px 0}
	.subCon .titleSect img{width:40%}

	.subCon .introTab{display:none}
	.subCon .introTab ul{position:relative;bottom:auto;left:auto;height:auto}
	.subCon .introTab ul li{margin:0 15px;padding-top:0}
	.subCon .introTab ul li a{padding:15px 0 10px;font-size:18px}

	.subCon .subTab{margin-top:20px}
	.subCon .subTab ul li{width:180px;height:50px;line-height:48px}
	.subCon .subTab ul li span{font-size:16px}

	.step_slider .swiper-slide .img{margin-bottom:20px}
	.step_slider .swiper-slide .txt h5{font-size:2.6rem}
	.step_slider .swiper-slide .txt p{font-size:1.8rem}
	.step_slider .swiper-pagination{margin-top:10px}
	.step_slider .swiper-controls{top:28%;margin-top:0}
	.step_slider .swiper-controls span{width:22px;height:44px;background-size:100%}
}


/* Layout Style - EXCEPTION(480) */
@media screen and (max-width: 480px) {
	.subTop .top_visual.network{height:180px}

	.subTop .centerTxt .txt img{width:220px}
	.subTop .centerTxt .txt .brown_t .skill{display:block;margin-right:0}
	.subTop .youth .centerTxt .txt{word-break:keep-all}
	.subTop .youth .centerTxt .txt br{display:none}

	.subTop .centerTxt2 ul li{width:120px;height:120px}

	.subTop .blueBox{width:270px;height:110px}
	.subTop .blueBox h3{font-size:24px}
	.subTop .blueBox p{font-size:14px}

	.subCon .nboard{padding:20px 10px 50px}

	.subCon .innerTxt .topB .chiChar h3{font-size:5rem}
	.subCon .innerTxt .topB .chiChar img{height:30px}
	.subCon .innerTxt .topB h5 br{display:none}

	.subCon .introTab ul li a{font-size:16px}

	.subCon .subTab ul li{width:120px;height:40px;line-height:38px}
}


/* Layout Style - Mobile Small(375) */
@media screen and (max-width: 375px) {
	.subCon .subTit{padding:0 10px}

	.subCon .introTab ul li a{font-size:14px}

	.subCon .subTab ul li span{font-size:14px}
}