.mont{font-family: 'Montserrat';}

/* Intro Common */
.intro_title {text-align:center; margin:0 0 34px 0;}
.intro_title > dt {font-size:4.6rem; color:#b79043; line-height:1.1; margin:0 0 26px 0;letter-spacing: -0.1rem;}
.intro_title > dt > h2 {}
.intro_title > dt > h2 > span {}
.intro_title > dd {font-size:1.8rem; color:#333; line-height:1.2;}

/* intro_visual_section */
.intro_visual_section {width:100%; height:980px; background:url("http://image.iddental.co.kr/invisalign/sub/intro_visual_v2.jpg") top center no-repeat; background-size:cover; padding:80px 0 0 0; box-sizing:border-box;}
.intro_visual_section .center_1120 {height:100%; position:relative;}
.visual_ci {position:absolute; top:90px; left:14px;}
.intro_visual_apply {display:inline-block; width:550px;  box-sizing:border-box; padding:52px 30px 0 30px; background:rgba(47, 47, 47, 0.9); border-bottom:10px solid #009ace; margin:262px 0 0 0;}
.intro_visual_apply_txt {text-align:center;}
.intro_visual_apply_txt > dt {font-size:5rem; color:#b79043;  letter-spacing:-0.3rem; margin:0 0 14px 0;line-height: 1.2;}
.intro_visual_apply_txt > dd {font-size:2.2rem; color:#fff; letter-spacing:-0.1rem;line-height: 1.3;}
.intro_visual_apply_txt > dd strong{font-weight: bold;}
.intro_visual_apply > a {display:block; width:100%; height:60px; line-height:60px; text-align:center; color:#fff; font-size:2.2rem; background:#009ace; margin:30px 0 50px;}

/* intro_award_section */
.intro_award_section {width:100%; height:609px;  box-sizing:border-box; position:relative; overflow:hidden;}
.intro_award_bg {height:100%;}
.intro_award_img {
-webkit-transition:all 7s;
-moz-transition:all 7s;
-o-transition:all 7s;
transition:all 7s;
}
.intro_award_section.on > img {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
-webkit-transition:all 7s;
-moz-transition:all 7s;
-o-transition:all 7s;
transition:all 7s;
}
.intro_award_section .center_1120 {text-align:center; position:absolute; top:50%; left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.intro_award_img {margin:0 0 35px 0;}
.intro_award_txt {font-size:4rem; color:#b79043; line-height:1.2;}


/* intro_iecture_section */
.intro_iecture_section{padding: 100px 0;text-align: center;letter-spacing: -0.05vw;}
.iecture_title{}
.iecture_title dt{font-size: 4.6rem;color:#b79043;margin-bottom: 25px;}
.iecture_title dd{font-size: 2.4rem;color:#333;line-height: 1.3;}
.intro_iecture_section .iecture_list{font-size: 0;margin: 40px 0 28px;}
.intro_iecture_section .iecture_list li{display: inline-block;vertical-align: top;width: 360px;}
.intro_iecture_section .iecture_list li > img{width: 100%;}
.intro_iecture_section .iecture_list li:nth-child(2){margin: 0 20px;}
.intro_iecture_section .iecture_last_txt{font-size: 2.2rem;color:#333;line-height: 1.3;}

/* intro_visual2_section */
.intro_visual2_section{width:100%; height:865px; background:url("http://image.iddental.co.kr/invisalign/sub/intro_visual2_v2.jpg") center no-repeat; background-size:cover; box-sizing:border-box;}
.intro_visual2_apply {display:inline-block; width:550px;  box-sizing:border-box; padding:50px 30px; background:rgba(255, 255, 255, 1);margin:370px 0 0 0;}
.intro_visual2_apply_txt {text-align:center;}
.intro_visual2_apply_txt > dt {font-size: 2.2rem;color:#333;margin-bottom: 10px;letter-spacing:-0.1rem;}
.intro_visual2_apply_txt > dd {font-size: 4.6rem;color:#b79043;line-height: 1.3;margin-bottom: 40px;letter-spacing:-0.5rem;}
.intro_visual2_apply > a {display:block; width:100%; height:60px; line-height:60px; text-align:center; color:#fff; font-size:2.2rem; background:#009ace;}

.invisalign_grade {background:#e5e5e5;padding: 100px 0;text-align: center;}
.invisalign_grade_title {text-align:center; font-size:4.8rem; color:#000; line-height:1.2; margin:0 0 70px 0;}
.invisalign_grade_title > strong {color:#1389c9; display:block;}
.invisalign_grade_listwrap {display:flex; justify-content:space-between;}
.invisalign_grade_list {} 
.invisalign_grade_list > li {width:362px; height:65px; line-height:65px; border-radius:65px; text-align:center; color:#fff; background:#1389c9; font-size:2.2rem;opacity: 0;}
.invisalign_grade_list1.on {animation:invisalign_grade_on 1.4s 0.7s forwards;}
.invisalign_grade_list2.on {animation:invisalign_grade_on 1.4s 1.4s forwards;}
.invisalign_grade_list3.on {animation:invisalign_grade_on 1.4s 2.1s forwards;}
.invisalign_grade_list4.on {animation:invisalign_grade_on 1.4s 2.8s forwards;}
.invisalign_grade_list5.on {animation:invisalign_grade_on 1.4s 3.5s forwards;}
.invisalign_grade_list6.on {animation:invisalign_grade_on 1.4s 4.2s forwards;}

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

.invisalign_grade_list > li:not(:last-child) {margin:0 0 20px 0;}
.ivisalign_grade_diamond {margin:0 -76px;}
.invisalign_grade_txt {text-align:center; font-size:2.4rem; color:#222; line-height:1.3; margin:-120px 0 0 0;}
.invisalign_grade_txt > strong {display:block; color:#1389c9;}
.ivisalign_grade_motion {display:block; margin:40px auto 0 auto;}
.invisalign_grade .invisalign_naver {width: 72%;max-width: 700px;margin: 70px auto 0;}
.invisalign_grade .invisalign_naver img{width: 100%;}

/* intro_patent_section */
.intro_patent_section {width:100%; background:#fff; padding:100px 0;}
.intro_patent_section .center_1120 {}
.intro_patent_section .intro_title > dt > strong{display: block;}
.intro_patent_list {text-align:center; margin:0 0 76px 0;}
.intro_patent_list > li {display:inline-block; vertical-align:top; font-size:1.8rem; color:#009ace; counter-increment:patent_num; line-height:25px; white-space:nowrap;}
.intro_patent_list > li:not(:last-child) {margin:0 36px 0 0; }
.intro_patent_list > li::before {display:inline-block; vertical-align:top; content:counter(patent_num); width:25px; height:25px; border-radius:25px; line-height:25px; font-size:1.6rem; background:#009ace; color:#fff; margin:0 8px 0 0;}
.intro_patent_cnt {text-align:center;}
.intro_patent_cnt > li {display:inline-block; vertical-align:top; text-align:center;}
.intro_patent_cnt > li:first-child {margin:0 20px 0 0;}
.intro_patent_cnt > li > img {margin:0 0 28px 0; width:550px;}
.intro_patent_cnt > li > p {font-size:1.8rem; color:#333; line-height:1.2;}

/* intro_flagship_section */
.intro_flagship_section {width:100%; background:url(http://image.iddental.co.kr/invisalign/sub/intro_flagship_bg.jpg) center no-repeat; padding:100px 0; background-size:cover;}
.intro_flagship_section .center_1120 {}
.intro_flagship_title {font-size:4.6rem; color:#b79043; text-align:center; line-height:1.2; margin:0 0 34px 0;}
.intro_flagship_cnt {text-align:center;}
.intro_flagship_cnt > li {display:inline-block; vertical-align:top; text-align:center;}
.intro_flagship_cnt > li:first-child {margin:0 20px 0 0;}
.intro_flagship_cnt > li > img {width:550px;}

/* intro_doctor_section */
.intro_doctor_section {width:100%; background:#fff; padding:100px 0;}
.intro_doctor_section .center_1120 {}
.doctor_lists{position:relative;max-width:1040px;margin:0 auto;}
.doctor_lists:after{content:"";clear:both;display:block}
.doctor_lists li{position:relative;float:left;width:calc(25% - 15px);margin-right:20px;background-color:#eee;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s; margin-bottom:20px;}
.doctor_lists li:nth-of-type(4n){margin-right:0}
.doctor_lists li a {display:block; height:338px; position:relative; overflow:hidden;}
.doctor_lists li img{width:100%; position:absolute; bottom:0; left:0; right:0;}
.doctor_lists li .txt{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:15px 30px;font-size:1.4rem;color:#fff;background-color:rgba(51,51,51,0.8);-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
.doctor_lists li .txt h4{margin-bottom:5px}
.doctor_lists li .txt h5 span{display:inline-block;margin-right:3px;font-size:2.2rem}
.doctor_lists li:hover,
.doctor_lists li.doctor_active{background-color:#e7f6ff}
.doctor_lists li.active_mouse{background-color:#e7f6ff}
.doctor_lists li:hover .txt,
.doctor_lists li.doctor_active .txt{background-color:rgba(21,136,202,0.8)}
.doctor_lists li.active_mouse .txt{background-color:rgba(21,136,202,0.8)}
.panel{position:relative;max-width:1040px;margin:0 auto 20px;height:720px;background:url("http://images.idhospital.com/image/iddental/intro/doctor_bg.jpg") no-repeat center center;background-size:cover}
.panel .img{position:absolute;bottom:0;left:0;width:50%;text-align:center}
.panel .img img{width:80%}
.panel .txt{position:relative;top:0;left:50%;width:50%;height:100%;display:table;color:#333}
.panel .txt .tc{display:table-cell;vertical-align:top; padding-top:10%;}
.panel .txt h4{margin-bottom:15px;font-size:2.4rem}
.panel .txt h5{margin-bottom:20px;font-size:2.6rem}
.panel .txt h5 span{font-family:'Nanum Myeongjo';font-weight:bold;font-size:6rem}
.panel .txt p{margin-bottom:110px;font-family:'Montserrat';font-size:2.6rem}
.panel .txt ul{color:#fff}
.panel .txt ul li{margin-bottom:15px;font-size:1.8rem}
.panel .txt ul li:last-of-type{margin-bottom:0}
.panel .btn_grp{position:absolute;top:30px;right:50px; display:block;}
.panel .btn_grp .close{width:40px;height:40px; display:block;}
.panel .btn_grp a i {position: absolute; top: 50%; left: 50%; display: inline-block; width: 100%; height: 2px;}
.panel .btn_grp a i.cross_l{background:#c3cfd6;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.panel .btn_grp a i.cross_r{background:#c3cfd6;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

.banner_top{position: relative;top:100px;width:100%;height:110px;overflow:hidden;background:url("//image.iddental.co.kr/www/main/banner_top_bg_01.png") repeat-x center center;background-size:cover;z-index:0;}
.banner_top .bt_con{display:block;font-size:0;width:100%;height:100%;text-align: center;}
.banner_top .bt_con .mobile{display: none;}
.banner_top .bt_con .txt{display:inline-block;vertical-align:top;margin-top:15px;padding-right:60px;box-sizing:border-box;letter-spacing:-0.05em;background:url("http://images.idhospital.com/image/iddental/main/banner_top_arrow.png") no-repeat 96% 87%;text-align:left}
.banner_top .bt_con .txt h4{font-size:3rem;font-weight:300;color:#fff}
.banner_top .bt_con .txt h4 strong{font-weight:500;color:#00306B}
.banner_top .bt_con .txt p{margin:10px 0;font-size:2rem;font-weight:300;color:#fff}
.banner_top .btn_close{position:absolute;top:30px;right:50px;display:block;width:50px;height:50px;background:url("http://images.idhospital.com/image/iddental/main/close_btn_01.png") no-repeat center center;background-size:cover;border:0;font-size:0;cursor:pointer}


/* main_video_section */
.main_video_section {padding:100px 0; box-sizing:border-box;}
.main_video_section .center_1120 {position:relative;}
.main_video_section .main_cnt_title {margin:0 0 20px 0;text-align: center;font-size: 4.6rem;color: #b79043;letter-spacing: -0.2rem;line-height: 1.2;font-family: 'Montserrat','Noto Sans KR', sans-serif;}
.main_video_title {text-align:center; margin:0 0 34px 0; font-size:1.8rem; color:#333;}
.main_video_title > dt {}
.main_video_title > dd {}
.main_video_big_thumb {z-index:0; width:840px; height:472px; margin:0 auto 20px auto;}
.main_video_big_thumb .swiper-wrapper {height:100%;}
.main_video_big_thumb .swiper-wrapper .swiper-slide { height:100%;}
.main_big_video {}
.main_video_small_thumb {z-index:0; width:840px;  margin:0 auto;}
.main_video_small_thumb .swiper-wrapper { height:100%; }
.main_video_small_thumb .swiper-wrapper .swiper-slide > a {display:block;}
.thumb_img { box-sizing:border-box; width:266px; border:4px solid transparent;}
.main_video_small_thumb .swiper-slide-active .thumb_img { border:4px solid #1588ca;}
.main_video_small_thumb .swiper-slide-active .main_video_txt {color:#009ace;}
.main_video_txt {color:#000; font-size:1.6rem; line-height:1.4; padding:18px 0 0 0;}
.main_video_section .swiper-button-prev {display:inline-block; width:30px; height:30px; border-left:2px solid #bb974e; border-top:2px solid #bb974e; background:none; outline:none; top:auto; bottom:114px; left:50%; margin-left:-464px; z-index:0;
-webkit-transform:rotate(-45deg); 
-moz-transform:rotate(-45deg); 
-o-transform:rotate(-45deg); 
transform:rotate(-45deg); 
}
.main_video_section .swiper-button-next {display:inline-block; width:30px; height:30px; border-right:2px solid #bb974e; border-top:2px solid #bb974e; background:none; outline:none; top:auto; bottom:114px; right:50%; margin-right:-464px; z-index:0;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.main_video_section .swiper-button-prev.swiper-button-disabled {border-color:#999; opacity:1;}
.main_video_section .swiper-button-next.swiper-button-disabled {border-color:#999; opacity:1;}
.m_main_video_txt {display:none;}


/* intro_location_section */
.intro_location_section {width:100%; padding:100px 0 0 0; background:url(http://image.iddental.co.kr/invisalign/sub/intro_location_bg.jpg) center no-repeat; background-size:cover;}
.intro_location_tab {text-align:center; margin:0 0 40px 0;}
.intro_location_tab > li {display:inline-block; width:280px;}
.intro_location_tab > li > a {display:block; font-size:1.8rem; color:#009ace; padding:15px 0;}
.intro_location_tab > li > a.on {border-bottom:2px solid #009ace; box-sizing:border-box;}
.intro_map_cnts > div {width:100%; position:relative;}
.map_sample {width:100%;}
.intro_map_cnts > div:not(:first-child) {display:none;}
.location_info {position:absolute; top:20px; left:50%; max-width:338px; z-index:1; background:#fff; border:1px solid #ccc; padding:30px 20px; box-sizing:border-box;  box-shadow:0 4px 6px rgba(0,0,0,0.3); margin:0 0 0 -570px;z-index:9}
.location_info > dl {overflow:hidden; font-size:14px; padding:0 0 0 62px; line-height:1.3; margin:0 0 10px 0;}
.location_info > dl:last-child {margin: 0 0 0 0;}
.location_info > dl > dt { color:#999; float:left; margin-left:-62px;}
.location_info > dl > dd {color:#555;}
.location_info > dl > dd > p {}
.location_notice {margin:8px 0 8px 0;}
.location_notice > li {color:#999;}
.location_blank1 {width:23px; display:inline-block;}
.location_blank2 {width:6px; display:inline-block;}
.location_blank3 {width:10px; display:inline-block;}
.location_to {display:inline-block;  text-align:center;width:12px;}
.location_num_font {font-family:'Montserrat';}
.location_btn {color:#1588ca; display:inline-block; margin:2% 0 0 0;}
.location_close {position:absolute; top:5px; right:5px; }
.map_sample {width:100%;}

#map1 {width:100%;height:600px}
#map2 {width:100%;height:600px}
#map3 {width:100%;height:600px}
#map4 {width:100%;height:600px}

/* Layout Style - EXCEPTION(1600) */
@media screen and (max-width: 1600px){
    
    .invisalign_grade_list{width: 50%;}
    .invisalign_grade_list > li{width: 100%;}
    .ivisalign_grade_diamond{width: 45%;}

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

	/* intro_visual_section */
	.intro_visual_section {height:890px; padding:70px 0 0 0;}
	.visual_ci {top:80px; right:10px; width:160px;} 
	.intro_visual_apply {width:480px; margin:280px 0 0 0; padding: 40px 24px 0 24px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	}
	.intro_visual_apply > a {height:50px; line-height:50px;}
	.intro_patent_list {margin:0 0 60px 0;}

	/* intro_award_section */
	.intro_award_section {height:540px;}

    /* intro_iecture_section */
    .intro_iecture_section .iecture_list li{width: 31%;}
    .intro_iecture_section .iecture_list li > img{width: 100%;}
    
    
	/* intro_patent_section */
	.intro_patent_cnt > li > img {width:450px;}

	/* intro_flagship_section */
	.intro_flagship_cnt > li > img {width:450px;}

	/* intro_doctor_section */
	.panel {height:650px;}
	.location_info {left:20px; margin:0;} 
    
    /* main_video_section */
	.main_video_section {padding:60px 0;}
	.main_video_txt {padding:12px 0 0 0;}
    
}

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

	/* intro_visual_section */
	.intro_visual_section {height:780px;}
	.intro_visual_apply {width:450px; margin: 196px 0 0 0; padding: 32px 24px 0 24px;}
	.visual_ci {position:absolute; right:30px; width:140px;}  

	/* intro_award_section */
	.intro_award_section {height:490px;}
    
    /* intro_iecture_section */
    .intro_iecture_section .iecture_last_txt{font-size: 1.8rem;letter-spacing: -0.1rem;}
    
    /* intro_visual2_section */
    .intro_visual2_section{height: 680px;}
    .intro_visual2_apply {width:420px; margin: 200px 0 0 0; padding: 40px 24px ;}
    .intro_visual2_apply_txt > dd{font-size: 4rem;margin-bottom: 30px;}
    
    /* invisalign_grade */
    .ivisalign_grade_motion{width: 100%;}
    .invisalign_history_list::before{width: 100%;}
    .invisalign_grade_txt{margin-top: 0;}
    .invisalign_grade_list > li{font-size: 1.8rem;height: 50px;line-height: 50px;}
    
	/* intro_patent_section */
	.intro_patent_list {margin:0 0 50px 0;}
	.intro_patent_cnt {overflow:hidden; padding:34px 0 0 0;}
	.intro_patent_cnt > li {float:left; text-align:center; width:49%}
	.intro_patent_cnt > li:first-child {margin:0 2% 0 0;}
	.intro_patent_cnt > li > img {margin:0 0 5% 0; width:100%;}

	/* intro_flagship_section */
	.intro_flagship_cnt {overflow:hidden;}
	.intro_flagship_cnt > li {float:left; text-align:center; width:49%;}
	.intro_flagship_cnt > li:first-child {margin:0 2% 0 0;}
	.intro_flagship_cnt > li > img {width:100%;}

	/* intro_doctor_section */
	.doctor_lists li a {height:250px;}
	.doctor_lists li img {width:170px;}
	.panel {height:550px;} 

    /* main_video_big_thumb */	
	.main_video_big_thumb {width:100%; height:auto; margin:0 auto 15px auto;}
	.main_video_big_thumb .swiper-slide {position:relative; height:0; padding-bottom:56.25%;}
	.main_big_video {position:absolute; top:0; left:0; width:100%; height:100%;}
	.main_video_small_thumb {width:100%; height:auto;}
	.main_video_section .swiper-button-prev {display:none;}
	.main_video_section .swiper-button-next {display:none;}
	.thumb_img {width:100%;}
    
    
	.map_sample {min-height:310px;}
    .intro_location_tab > li{width: 33%;}

}

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

	/* Intro Common */
	.intro_title {text-align:center; margin:0 0 5% 0;}
	.intro_title > dt {font-size:6.4vw; color:#b79043; line-height:1.1; margin:0 0 4% 0;}
	.intro_title > dd {font-size:3vw;}


    /* intro_visual_section */
	.visual_ci {width:120px; top:70px; right:20px;}
	.intro_visual_section {height:136vw;background-image:url("http://image.iddental.co.kr/invisalign/sub/intro_visual_m_v2.jpg");padding:0 0 18%;}
	.intro_visual_apply {width:100%; margin:0; position:absolute; bottom:-15.5%; left:0; right:0; padding: 6% 5%;border-bottom-width: 3vw;}
	.intro_visual_apply_txt > dt {letter-spacing: -0.1vw;font-size: 6.4vw;line-height: 1.15;margin-bottom: 2.5%;}
	.intro_visual_apply_txt > dd { letter-spacing:0;font-size: 3.2vw;}
	.intro_visual_apply > a {margin: 4% 0 0;height: auto;line-height: 1;padding: 4% 0;font-size: 3.5vw;}

    /* intro_iecture_section */
    .intro_iecture_section{padding: 13% 0;}
    .iecture_title dt{font-size: 6.4vw;letter-spacing: -0.1vw;margin-bottom: 3%;}
    .iecture_title dd{font-size: 3.2vw;}
    .intro_iecture_section .iecture_list{margin: 6% 0 5%;}
    .intro_iecture_section .iecture_list li{width: 70%;display: block;margin: 0 auto 3.5%;}
    .intro_iecture_section .iecture_list li:nth-child(2){margin: 0 auto 3.5%;}
    .iecture_last_txt{white-space: pre-line;font-size: 3vw;}
    .iecture_last_txt br{display: none;}
    
    
    /* intro_visual2_section */
	.intro_visual2_section {height:139vw;background-image:url("http://image.iddental.co.kr/invisalign/sub/intro_visual2_m_v2.jpg");padding: 0;position: relative;}
	.intro_visual2_apply {width:100%; margin:0; position:absolute; bottom:0; left:0; right:0; padding:5.8% 5%; background: rgba(255, 255, 255, 0.8);}
	.intro_visual2_apply_txt > dt {letter-spacing: -0.1vw;font-size: 3.2vw;margin-bottom: 2.5%;}
	.intro_visual2_apply_txt > dd {margin-bottom: 6%;font-size: 6.4vw;line-height: 1.15;letter-spacing: -0.2vw;}
	.intro_visual2_apply > a {margin: 4% 0 0;height: auto;line-height: 1;padding: 4% 0;font-size: 3.5vw;}
    
    
	/* intro_award_section */
	.intro_award_section {height:56vw;}
	.intro_award_img {width:30%; margin:0 0 3% 0;}
	.intro_award_txt {font-size:4.4vw;}

    /* invisalign_grade */
    .invisalign_grade{padding: 13% 0 10%;}
    .invisalign_grade .center_1120{padding: 0;}
    .invisalign_grade_title{margin-bottom: 6%;font-size: 6.4vw;}
    .invisalign_grade_listwrap{display: block;position: relative;padding: 0 1%;}
    .ivisalign_grade_diamond{position: absolute;top: 0;left: 50%;width:47%;margin: 0 auto;transform: translate(-50%,0);-webkit-transform:translate(-50% , 0) ;
-moz-transform:translate(-50% , 0);
-ms-transform:translate(-50% , 0);
-o-transform:translate(-50% , 0);}
    .invisalign_grade_list{display: inline-block;width: 48.5%;margin-top: 26%;}
    .invisalign_grade_list:first-child{margin-right: 2%;}
    .invisalign_grade_list > li{width: 100%;height: auto;line-height: normal;padding: 5% 0;font-size: 3vw;}
    .invisalign_grade_list > li:not(:last-child) {margin: 0 0 6% 0;}
    .invisalign_grade_txt{margin-top: 5%;font-size: 3.2vw;}
    .ivisalign_grade_motion{margin-top: 4%;padding: 0 5%;box-sizing: border-box;}
	.invisalign_grade .invisalign_naver {width: 83.4%;margin: 6% auto 0;}
    
    
	/* intro_patent_section */
	.intro_patent_section {width:100%; background:#fff; padding:13% 0;}
    .intro_patent_section .center_1120{padding: 0;}
    .intro_patent_section .intro_title > dt{letter-spacing: -0.3vw;font-size: 6.2vw;}
    .intro_patent_section .intro_title > dt > strong{font-size: 5.3vw;letter-spacing: -0.2vw;margin-bottom: 1%;display: block;}
	.intro_patent_list {margin:0 0 6% 0;}
	.intro_patent_list > li {display:block; text-align:left; margin-left:50%; font-size:3vw; line-height:5vw;
	-webkit-transform:translate(-50%, 0); 
	-moz-transform:translate(-50%, 0); 
	-o-transform:translate(-50%, 0); 
	transform:translate(-50%, 0); 
	}
    
	.intro_patent_list > li:not(:last-child) {margin:0 0 6px 50%;}
	.intro_patent_list > li::before {text-align:center; font-size:3vw; width:5vw; height:5vw; border-radius:5vw; line-height:5vw;}
	.intro_patent_cnt {padding: 0;}
	.intro_br {display:block;}
    .intro_patent_cnt > li{width: 50%;padding:0 1.5%;box-sizing: border-box;}
    .intro_patent_cnt > li:first-child {margin:0;}
    .intro_patent_cnt > li > img{margin-bottom: 11%;}
	.intro_patent_cnt > li > p {font-size:3vw; color:#333;}
	.remove_br {display:none;}

	
	/* intro_flagship_section */
	.intro_flagship_section {padding:10% 0;}
	.intro_flagship_title {font-size:6.4vw;}

	/* intro_doctor_section */
	.doctor_lists {margin:0 auto;}
	.doctor_lists li{width:calc(50% - 5px);margin-right:10px;margin-bottom:10px}
	.doctor_lists li:nth-of-type(2n){margin-right:0}
	.doctor_lists li .txt{padding:10px 15px}
	.doctor_lists li img {width:170px; margin:0 auto; display:block;}
	.panel{height:auto;background:none; margin:0 auto 10px auto;}
	.panel .img{position:relative;bottom:auto;left:auto;width:100%;text-align:right;background:#e7f6ff}
	.panel .img img{margin-right:10px;width:60%}
	.panel .txt{top:0;left:5%;width:90%;margin-top:-150px;}
	.panel .txt h4{margin-bottom:5px;margin-left:10px;font-size:2rem}
	.panel .txt h5{margin-bottom:10px;margin-left:7px;font-size:2.2rem}
	.panel .txt h5 span{font-size:4rem}
	.panel .txt p{margin-bottom:10px;margin-left:10px;font-size:2.2rem}
	.panel .txt ul{padding:15px 10px;background:#3a95c9}
	.panel .txt ul li{margin-bottom:10px;line-height:1.3;word-break:keep-all}
	.panel .btn_grp{top:10px;right:30px}
	.panel .btn_grp .close{width:30px;height:40px}
    
    .banner_top {height: 100%;}
    .banner_top .bt_con .desktop{display: none;}
    .banner_top .bt_con .mobile{display: block;width: 100%;height: 100%;margin: 0 auto;}
    /*.banner_top .bt_con{float:none;padding:0 35px 0 20px}
	.banner_top .bt_con .txt{margin-top:0;width:calc(100% - 130px);padding-right:25px;background:none;vertical-align:middle}
	.banner_top .bt_con .txt h4{font-size:2.4rem}
	.banner_top .bt_con .txt p{margin:2px 0;font-size:12px;font-weight:300;color:#fff}
	.banner_top .bt_con > img{vertical-align:middle}
	.banner_top .btn_close{top:50%;right:15px;margin-top:-15px;width:30px;height:30px}*/


    /* main_video_big_thumb */	
    .main_video_section{padding: 10% 5%;}
	.main_video_section  .center_1120 {padding:0;}
    .main_video_section .main_video_title{margin-bottom: 5%;}
    .main_video_section .main_cnt_title{font-size: 6.4vw;margin-bottom: 3%;}
    .main_video_section .main_video_title > dd {font-size: 2.5vw;}
	.main_video_big_thumb {margin:0;}
	.main_video_big_thumb .swiper-slide {padding-bottom:66%;}
	.main_video_big_thumb .swiper-slide::after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.6);}
	.main_big_video {height:84%;}
	.main_video_small_thumb {display:none;} 
	.m_main_video_txt {display:block; position:absolute; top:87%; z-index:1; font-size:2.6vw; color:#555; line-height:1.2;}
	.main_video_big_thumb .swiper-slide.swiper-slide-active .m_main_video_txt {color:#009ace;}
	.main_video_big_thumb .swiper-slide.swiper-slide-active::after {display:none;}
    
    
	/* intro_location_section */
	.intro_location_section {background:url(http://image.iddental.co.kr/invisalign/sub/intro_location_bg_m.jpg) center no-repeat;padding: 13% 5%;box-sizing: border-box;}
    .intro_location_section .intro_title > dd{font-size: 2.5vw;}
	.intro_location_tab {text-align:center; width:calc(100% - 60px); margin:0 auto 5% auto;}
	.intro_location_tab > li {display:inline-block; width:50%;}
	.intro_map_cnts > div {height:auto;}
	.location_close {display:none;} 
	.location_info {position:static; width:100%; max-width:none; background:transparent; border:0; padding:30px 20px 0 20px;box-shadow: none;}

	#map1 {height:400px}
	#map2 {height:400px}
	#map3 {height:400px}
	#map4 {height:400px}


}

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

    
}








@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.header {width:100%; height:80px; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; right:0; z-index:10;}
.gnb {max-width:1500px; height:100%; margin:0 auto; overflow:hidden; position:relative;}
.gnb .logo {position:absolute; top:50%; left:0;z-index: 99;
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
transform:translate(0, -50%);
}
.gnb .logo > a > img {}
.gnb .depth01 {position:absolute; top:50%; right:2%;
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
transform:translate(0, -50%);
width: 100%;
text-align: right;
}
.gnb .depth01 > li {display:inline-block;} 
.gnb .depth01 > li:not(:last-child) {margin:0 25px 0 0;}
.gnb .depth01 > li > a {color:#fff; font-size:1.8rem;} 
.gnb .depth01 > li:hover > a {color:#009ace;}
.gnb .depth01 > li.active > a {color:#009ace;}
.m_gnb, .m_menu {display:none;}

.gnb .depth01 > li.iddental{padding-left: 2%;}
.gnb .depth01 > li.iddental > a{color:#009ace;border-bottom: 1px solid #009ace;}
.gnb .depth01 > li.iddental > a:after{content: '';display: inline-block;vertical-align: top;background: url(//image.iddental.co.kr/invisalign/common/gnb_btn.png) no-repeat center;background-size: cover;width: 24px;height: 7px;margin: 5px 0 0 9px;}

@media screen and (max-width: 1600px){
	.gnb .depth01 > li:not(:last-child) {margin:0 15px 0 0;}
	.gnb .depth01 > li.iddental {padding-left:1%;}
}

/* Layout Style - PC(1280) */
@media screen and (max-width: 1280px){
	.header {height:70px;}
	.gnb {/* width:calc(100% - 80px); */ box-sizing:border-box;}
	.logo > a > img {width:180px;}
    .gnb .logo{left: 0;}
	.gnb .depth01 > li:not(:last-child) {margin: 0 13px 0 0;}
	.gnb .depth01 > li > a{font-size: 1.6rem;}
	.gnb .depth01 > li.iddental {padding-left:0;}
}

/* Layout Style - Laptop,Tablet(1024) */
@media screen and (max-width: 1024px){
	/*.gnb {width:calc(100% - 60px);}
	*/
    .logo > a > img {width:80%;}
    .gnb {display:none;}
	.m_gnb {display:block; width:90%; height:100%; margin:0 auto; position:relative;}
	.header {height:60px;}
	.m_gnb .logo {position:absolute; top:50%; left:0; z-index:1;
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	transform:translate(0, -50%);
	}
	.m_gnb .depth01 {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; opacity:0; z-index:-1; visibility:hidden; padding:90px 0 0 5%; background:url(http://image.iddental.co.kr/invisalign/common/m_gnb_bg.jpg) center no-repeat; background-size:cover;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;	
	}
	.m_gnb .depth01.on {opacity:1; z-index:0;  visibility:visible;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	}
	.m_gnb .depth01 > li:not(:last-child) {margin:0 0 24px 0;}
	.m_gnb .depth01 > li > a {color:#009ace; font-size:16px;} 
	.m_menu {display:block; width:26px; height:24px; position:absolute; top:21px; right:5%; z-index:1;}
	.m_menu > span {display:block; width:100%; height:2px; background:#fff; position:absolute; right:0;}
	.m_menu > span:nth-of-type(1) {top:0;}
	.m_menu > span:nth-of-type(2) {top:8px; left:0;}
	.m_menu > span:nth-of-type(3) {top:16px;}
	.m_menu.on > span:nth-of-type(1) {top:9px; background:#333;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	}
	.m_menu.on > span:nth-of-type(2) {width:0; background:#333;}
	.m_menu.on > span:nth-of-type(3) {top:9px; background:#333;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}
    
}

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

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

}
.footer {width:100%; padding:84px 0 76px; background:url(http://image.iddental.co.kr/invisalign/common/footer_bg.jpg) center no-repeat; background-size:cover; text-align:center;}
.footer_txt {font-size:1.8rem; color:#999; line-height:1.6;}
.footer_txt > span {}
.footer_copy {margin:30px 0 0 0;}
.footer_copy > li {display:inline-block; vertical-align:top; font-size:1.8rem;}
.footer_copy > li:first-child {margin:0 10px 0 0;}
.footer_copy > li > p {color:#999;}
.footer_copy > li > a {color:#fff;}
.footer_txt_m {display:none;}
.footer_txt_m > p {color:#999; text-transform:uppercase; display:inline-block; vertical-align:top; line-height:1.6; font-size:3vw; margin:0 1%;}


/* 하단 플로팅배너 */
.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: 33.3333%;text-align: center;}
.floating_list li a{display: block;padding: 12% 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;}

/* 떠나기 팝업 */
.leave_popup{display:none;position:absolute;width:400px;text-align:center;z-index:1002; margin:0; left:50%; top:30%; transform:translate(-50%,-30%); }
.leave_popup>img{vertical-align:top; }
.leave_popup .top{position:absolute;top:-50px;left:-60px;z-index:5}
.leave_popup .btn_img{position:relative;display:inline-block;margin:0 0 0;z-index:10;  }
.leave_popup .btn_img > img {border-radius:20px 20px 0 0;}
.leave_popup img[class^="btn_detail"] {position:absolute; left:50%; margin-left:-200px; z-index:15; cursor:pointer;}
.leave_popup a[class^="btn_area"] {position: relative;width: 100%;display: block;}
.leave_popup .btn_area1 {top: 4px;}
.leave_popup .btn_area2 {top: 2px;}
.promotion_bg{width: 100%;display: block;}

.promotion_cnt {position: absolute;top: 13%;left: 5%;}
.promotion_girl {position:absolute; top:-60px; left:-60px;}
.promotion_detail {position:absolute;top: 69%;left: 5%;}
.leave_popup .btn_area1 .promotion_detail {top:40%;}
.leave_popup .btn_detail1 {bottom:86px;}
.leave_popup .btn_detail2 {bottom:58px;}
.leave_popup ul{margin-top:-1px;overflow:hidden;background-color:#fff}
.leave_popup ul li:first-child{float:left}
.leave_popup ul li:last-child{float:right}
.leave_popup ul li img{width:auto;height:auto;cursor:pointer}
.leave_pop_btn_wrap  {}
.leave_pop_btn_wrap .btn_deny {padding:0; box-sizing:border-box;}

/* 떠나기 팝업창 DB 입력 부분 */
.leave_popup_db_box input::-ms-input-placeholder {color:#949495;}
.leave_popup_db_box input::-webkit-input-placeholder {color:#949495;}
.leave_popup_db_box input::-moz-placeholder {color:#949495;}

.leave_popup_db_box {position:relative; width:100%; background:#dcb3d6; font-family: 'Noto Sans KR'; padding:10px 0; box-sizing:border-box; text-align:left;}
.leave_popup_db_box .bottom_input_wrap {width:360px; margin:0 auto; box-sizing:border-box;}
.leave_popup_db_box .bottom_input_wrap > div {display:flex; justify-content: space-between;}
.leave_popup_db_box .bottom_input_wrap label > input {background:#fff; height:30px; line-height:30px; font-size:15px; border:none; padding:0 10px; box-sizing:border-box; margin:0; border-radius:0;  font-family: 'Noto Sans KR'; accent-color:#fff;}
.leave_popup_db_box .bottom_input_wrap .name_input_box input {width:110px;}
.leave_popup_db_box .bottom_input_wrap .phone_input_box input {width:150px;}
.leave_popup_db_box .bottom_input_wrap .btn_apply_go {font-family: 'Noto Sans KR'; border:none; width:90px; background:#b788b5; font-size:15px; font-weight:500; color:#fff; height:30px; line-height:24px; box-sizing:border-box; cursor:pointer; border-radius:0;}

.leave_popup_db_box .bottom_input_wrap .sms_check_box {display:inline-block; font-size:10px; color:#fff; margin-top:10px;}
.leave_popup_db_box .bottom_input_wrap .sms_check_box input {width:13px; height:13px; margin:-1.5px 3px 0 0; display:inline-block; vertical-align:middle; padding:0;}
.leave_popup_db_box .bottom_input_wrap span a { font-size:10px;}
.leave_popup .agreement {position:absolute;top:20px;left:5%;width:90%;display:none}
.leave_popup .agreement .JI_readOnly {padding:10px;height:200px;background-color:#fff;width:100%;font-size:12px;border:0}
.leave_popup .agreement span {display:block;position:absolute}

/* Layout Style - PC(1280) */
@media screen and (max-width: 1280px){
	.footer {padding:54px 0 50px;}
}

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

}

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

	.footer {padding:10% 0; font-family:'Montserrat','Noto Sans KR';}
	.footer_txt {display:none;}
	.footer_txt_m {display:block;}
	.footer_txt_m > p.footer_email_m {text-transform:none;}
	.footer_copy {margin:3% 0 0 0;}
	.footer_copy > li {font-size:2.7vw;}
	.footer_copy > li:first-child {margin:0 1% 0 0;}
	.footer_txt_m_blank {padding:1% 0; display:block;}
	
    .bottom_floating {display:block;}

	/* 하단 빠른상담 */
	.counsel_bottom input::-ms-input-placeholder {color:#949495;}
	.counsel_bottom input::-webkit-input-placeholder {color:#949495;}
	.counsel_bottom input::-moz-placeholder {color:#949495;}

	.bottom_counsel_btn_wrap {box-sizing:border-box; position:absolute; width:16.25vw; bottom:23vw; right:5.56vw;}
	.bottom_counsel_btn_wrap h3 {display:inline-block; width:16.25vw; margin-right:5.56vw; cursor:pointer;}
	.bottom_counsel_btn_wrap h3 img {width:100%;}

	.counsel_bottom {position:relative; width:100%; background:#569be4; font-family: 'Noto Sans KR'; padding:2.47vw 0 2.78vw; box-sizing:border-box;}
	.counsel_bottom .bottom_input_wrap {width:88.89vw; margin:0 auto; box-sizing:border-box;}
	.counsel_bottom .bottom_input_wrap > div {display:flex; justify-content: space-between;}
	.counsel_bottom .bottom_input_wrap label > input {background:#fff; height:8.75vw; line-height:8.75vw; font-size:3.61vw; border:none; padding:0 2.78vw; box-sizing:border-box; margin:0; border-radius:0;  font-family: 'Noto Sans KR';}
	.counsel_bottom .bottom_input_wrap .name_input_box input {width:27.78vw;}
	.counsel_bottom .bottom_input_wrap .phone_input_box input {width:38.61vw;}
	.counsel_bottom .bottom_input_wrap .btn_apply_go {font-family: 'Noto Sans KR'; border:none; width:20.14vw; background:#ff9c01; font-size:3.61vw; font-weight:bold; color:#fff; height:8.75vw; line-height:8.75vw; box-sizing:border-box; letter-spacing:-0.14vw; cursor:pointer; border-radius:0;}

	.counsel_bottom .bottom_input_wrap .sms_check_box {display:inline-block; font-size:10px; color:#fff; margin-top:1.4vw;}
	.counsel_bottom .bottom_input_wrap .sms_check_box input {width:2.08vw; height:2.08vw; margin:-0.3vw 0.42vw 0 0; display:inline-block; vertical-align:middle; padding:0; accent-color:#000;}
	
	.counsel_bottom .agreement .JI_readOnly {font-size:10px;background-color:#fff;padding:5px;height:100px;margin-left:2%;width:96%}
	.counsel_bottom .agreement {display:none}
	.counsel_bottom .agreement span {margin-left:10px}
	.bottom_floating > div.counsel_bottom > form > div > span > a {font-size:10px;}

	.bottom_counsel_btn_wrap ul {position:absolute; width:16.25vw; bottom:16.67vw; right:0;}
	.bottom_counsel_btn_wrap ul li {display:block; margin:2.78vw 0;}
	.bottom_counsel_btn_wrap ul li img {width:100%;}

	.bottom_counsel_btn_open {display:none;}

	/* 떠나기 팝업 */
	.leave_popup{width:85vw;}

	/* 떠나기 팝업창 DB 입력 부분 */
	.leave_popup_db_box {padding:2.78vw 0;}
	.leave_popup_db_box .bottom_input_wrap {width:81.25vw;}
	.leave_popup_db_box .bottom_input_wrap label > input {height:6.94vw; line-height:6.94vw; font-size:3.47vw; padding:0 1.4vw; accent-color:#000;}
	.leave_popup_db_box .bottom_input_wrap .name_input_box input {width:25vw;}
	.leave_popup_db_box .bottom_input_wrap .phone_input_box input {width:34.03vw;}
	.leave_popup_db_box .bottom_input_wrap .btn_apply_go {width:20.14vw; font-size:3.47vw; height:6.94vw; line-height:6.11vw;}

	.leave_popup_db_box .bottom_input_wrap .sms_check_box {font-size:1.94vw; margin-top:2.08vw;}
	.leave_popup_db_box .bottom_input_wrap .sms_check_box input {width:2.78vw; height:2.78vw; margin:-0.28vw 0.42vw 0 0;}

	.leave_popup ul li:first-child {width:71%; padding-left:0.3%;}
	.leave_popup ul li:last-child {width:15.5%;}

	.leave_pop_btn_wrap .btn_deny {width:100%;}
	.leave_popup ul li img {width:100%;}
}
/* QUICK */
.quick_wrap img{max-width: 100%;width: auto;}


.quick_wrap{position:fixed;top:0;right:0;height:100%;z-index:110}

.quick_btns{position:absolute;top:200px;left:-70px;width:70px;z-index:10}
.quick_btns .q_member{padding:12px 8px;text-align:center;background:#000}
.quick_btns .q_member a{display:block;font-size:1.4rem;font-weight:300;color:#a3a3a3;letter-spacing:-0.05em}
.quick_btns .q_member a:last-of-type{margin-top:10px;padding-top:10px;border-top:1px solid #333}
.quick_btns .q_member a:hover{color:#fff;}
.quick_btns .q_menu{text-align:center;background:rgba(21,136,202,0.9)}
.quick_btns .q_menu ul{border-top:3px solid #fff;}
.quick_btns .q_menu ul li{padding:15px 0;border-bottom:1px solid #429ed3}
.quick_btns .q_menu ul li span{display:block;padding-top:40px;font-size:1.2rem;font-weight:300;color:#fff;background-repeat:no-repeat;background-position:center top;cursor:pointer}
.quick_btns .q_menu ul li span.icon01{background-image:url("http://images.idhospital.com/image/iddental/common/icon_qMenu03_off.png")}
.quick_btns .q_menu ul li span.icon02{background-image:url("http://images.idhospital.com/image/iddental/common/icon_qMenu01_off.png")}
.quick_btns .q_menu ul li span.icon03{background-image:url("http://images.idhospital.com/image/iddental/common/icon_qMenu02_off.png")}
.quick_btns .q_menu ul li span.icon04{background-image:url("http://images.idhospital.com/image/iddental/common/icon_qMenu04_off.png")}
.quick_btns .q_menu ul li span.icon05{background-image:url("http://images.idhospital.com/image/iddental/common/icon_qMenu05_off.png")}
.quick_btns .q_menu ul li span.icon06{background-image:url("http://images.idhospital.com/image/iddental/common/icon_qMenu06_off.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("http://images.idhospital.com/image/iddental/common/icon_qMenu03_on.png")}
.quick_btns .q_menu ul li:hover span.icon02,
.quick_btns .q_menu ul li.active span.icon02{background-image:url("http://images.idhospital.com/image/iddental/common/icon_qMenu01_on.png")}
.quick_btns .q_menu ul li:hover span.icon03,
.quick_btns .q_menu ul li.active span.icon03{background-image:url("http://images.idhospital.com/image/iddental/common/icon_qMenu02_on.png")}
.quick_btns .q_menu ul li:hover span.icon04,
.quick_btns .q_menu ul li.active span.icon04{background-image:url("http://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("http://images.idhospital.com/image/iddental/common/icon_qMenu05_on.png")}
.quick_btns .q_menu ul li:hover span.icon06,
.quick_btns .q_menu ul li.active span.icon06{background-image:url("http://images.idhospital.com/image/iddental/common/icon_qMenu06_on.png")}
.quick_btns .q_phone{padding:20px 0 16px;text-align:center;background:rgba(21,136,202,0.9)}
.quick_btns .q_phone a span{display:block;margin-bottom:13px;font-family:"Montserrat";font-size:1.5rem;font-weight:500;color:#fff}
.quick_btns .q_phone a span i{display:block;margin-bottom:5px;font-style:normal;font-family:"Montserrat";font-size:1.6rem;font-weight:300;color:#fff}

.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 .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.kakao .inp_grp > li > a{width:190px; height:50px; line-height:50px; font-size:1.6rem;color:#3b1e1e;border-color:#fbe300;text-indent:25px;background:#fbe300 url("http://images.idhospital.com/image/iddental/common/icon_qBtn_kakao.png") no-repeat 45px 50%}
.quick_cons .q_panel .btn.loca .inp_grp > li > a {width:190px; height:50px; line-height:50px; font-size:1.6rem; display:block;}
.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("http://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("http://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_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;}
.quick_cons .q_panel .box .form_tbl table td input[type='radio'] {width:13px;}
.quick_wrap .hidden_class {display:none}

/**/
/*.icon_phone_img {padding-bottom:15px;}*/
/**/

/* 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(21,136,202,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;text-align:center;background:rgba(21,136,202,0.9)}

	.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(http://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(http://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}
}

.qlocationTab .tab_grp.typeBig {height:58px;margin-bottom:20px;}
.mini_nw {display:none}
.mini_mj {display:none}
.mini_mg {display:none}
/* Layout Style - Mobile Small(375) */
@media screen and (max-width: 375px) {
}
#wholebg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;background:rgba(0,0,0,0.5);filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;display:none}