@charset "utf-8";

/* 익스플로러, 크롬 본고딕 폰트 크로스 브라우징 적용 */
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

body {font-family: 'Noto Sans KR', sans-serif;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

table {border-collapse: collapse; border-spacing: 0; width: 100%;}

a:hover,a:active,a:focus, a{text-decoration:none;}

img {vertical-align: top;}

select::-ms-expand {display: none;} 

.center_1120 {width:1120px; margin:0 auto;}
.upper {text-transform:uppercase;}
.ani03 {
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}

/* Layout Style - PC(1280) */
@media screen and (max-width: 1280px){
	html {font-size:55%;}
	.center_1120 {width:100%; padding:0 40px; box-sizing:border-box;}
}

/* Layout Style - Laptop,Tablet(1024) */
@media screen and (max-width: 1024px){
	html {font-size:52.5%;}
	.center_1120 {padding:0 30px;}
}

/* Layout Style - Mobile(720) */
@media screen and (max-width: 720px){
	html {font-size:50%;}
}

/* fee_visual_section */
.fee_visual_section {width:100%; height:980px; background:url(http://image.iddental.co.kr/invisalign/sub/fee_visual.jpg) center no-repeat; background-size:cover;  padding:80px 0 0 0; box-sizing:border-box;}
.fee_visual_section .center_1120 {height:100%; position:relative;}
.visual_ci {position:absolute; top:90px; right:14px;}
.fee_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:354px 0 0 0;}
.fee_visual_apply_txt {text-align:center;}
.fee_visual_apply_txt > dt {font-size:4.8rem; color:#b79043;  letter-spacing:-0.3rem; margin:0 0 16px 0; line-height:1.2;}
.fee_visual_apply_txt > dd {font-size:2.7rem; color:#fff; letter-spacing:-0.1rem; }
.fee_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;}

/* fee_tab_section */
.fee_tab_section {width:100%;}
.fee_tabs_wrap {padding:90px 0 40px; background:#fff;}
.fee_tabs_wrap .center_1120 {}
.fee_tabs {text-align:center;}
.fee_tabs > li {display:inline-block; vertical-align:top; box-sizing:border-box; width:280px;}
.fee_tabs > li > a {display:block; padding:0 0 15px 0;}
.fee_tabs > li:hover > a {border-bottom:2px solid #009ace;}
.fee_tab.on {border-bottom:2px solid #009ace;}
.fee_tabs > li > a > dl {color:#009ace;}
.fee_tabs > li > a > dl > dt {font-size:2.4rem; margin:0 0 6px 0; padding:6px 0;}
.fee_tabs > li > a > dl > dt > span {font-size:1.6rem; display:inline-block; vertical-align:top; padding:4px 8px; margin:0 0 -3px 5px; box-sizing:border-box; color:#fff; text-transform:uppercase; background:#009ace;}
.fee_tabs > li > a > dl > dd {font-size:1.8rem;}
.fee_cnt_group {padding:0 0 0 0;}
.fee_cnt_group > div:not(:first-child) {display:none;}
.fee_cnt_wrap {width:100%; height:570px;}
.fee_cnt1 {overflow:hidden; height:100%;}
.fee_cnt1 > li {float:left; width:50%; height:100%; overflow:hidden; }
.fee_cnt1 > li:first-child {background:url(http://image.iddental.co.kr/invisalign/sub/fee_tab_bg.jpg) center no-repeat; background-size:cover;}
.fee_cnt1 > li > div {width:560px; float:right; position:relative;}
.fee_cnt1 > li:last-child {background:url(http://image.iddental.co.kr/invisalign/sub/fee_tab_cnt_img.jpg) center no-repeat; background-size:cover;}
.fee_cnt1_txt { position:absolute; top:50%; left:0;
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
transform:translate(0, -50%);
}
.fee_cnt1_txt > dl {}
.fee_cnt1_txt > dl > dt {font-size:2.2rem; color:#333; margin: 0 0 10px 0;}
.fee_cnt1_txt > dl > dt > span {display:inline-block; padding:8px 12px; font-size:2.2rem; color:#009ace; border:2px solid #009ace; margin:0 0 16px 0;}
.fee_cnt1_txt > dl > dd {font-size:4.8rem; color:#009ace; line-height:1.2;}
.fee_cnt1_txt > a {display:block; width:420px; height:60px; line-height:60px; text-align:center; background:#009ace; color:#fff; font-size:2.2rem; margin:46px 0 0 0;}
.fee_cnt_wrap2 {background:url(http://image.iddental.co.kr/invisalign/sub/fee_tab_cnt_bg.jpg) center no-repeat; background-size:cover;}
.fee_cnt_wrap2 .center_1120 { height:100%; position:relative;}
.fee_cnt2 {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%);
}
.fee_cnt2 > div {width:560px; margin:0 auto 20px auto; border:6px solid #009ace; box-sizing:border-box; background:#fff; padding:38px 40px 50px; text-align:center;}
.fee_cnt2 > div > dl {color:#009ace; font-family:'Montserrat','Noto Sans KR', sans-serif;}
.fee_cnt2 > div > dl > dt {font-size:6rem; border-bottom:1px solid #b2b2b2; margin:0 0 44px 0; padding:0 0 24px 0;}
.fee_cnt2 > div > dl > dt > span { display:block; font-size:2.6rem; margin:0 0 14px 0;} 
.fee_cnt2 > div > dl > dt > strong {display:block; font-size:6rem; text-transform:uppercase;}
.fee_cnt2 > div > dl > dd {font-size:4rem; font-family:'NanumBarunGothic'; letter-spacing:-0.17rem; padding:14px 0 0 0;}
.fee_cnt2 > div > dl > dd > span {position:relative;}
.fee_cnt2 > div > dl > dd > span::after {content:"(�볤��대깽�� 李몄뿬��)"; display:block; font-size:1.8rem; color:#999; position:absolute; top:-22px; left:0; white-space:nowrap;}


.fee_cnt2 > div > dl > dd > strong {font-weight:500; font-family:'Montserrat'; font-size:7rem; display:inline-block; vertical-align:middle; margin:-0.8rem 0 0 0;}

.fee_cnt2_btn {display:block; margin:0 auto; width:560px; height:60px; line-height:60px; text-align:center; background:#009ace; color:#fff; font-size:2.2rem;}
.fee_cnt_wrap3 {background:url(http://image.iddental.co.kr/invisalign/sub/fee_tab_cnt_bg.jpg) center no-repeat; background-size:cover;}
.fee_cnt3 {text-align:center;}
.fee_cnt3_title {line-height:1.2; padding:70px 0 0 0;}
.fee_cnt3_title > dt {font-size:4.8rem; color:#009ace; margin:0 0 10px 0;}
.fee_cnt3_title > dd {font-size:2.2rem; color:#333;}
.fee_cnt3_list {text-align:center; margin:38px 0 0 0;}
.fee_cnt3_list > li {display:inline-block; vertical-align:top; width:180px; height:180px; border-radius:180px; background:#009ace; position:relative;}
.fee_cnt3_list > li:not(:last-child) {margin:0 100px 0 0;}
.fee_cnt3_list > li:not(:last-child)::after {content:""; display:block; width:31px; height:50px; background-size:contain; background:url(http://image.iddental.co.kr/invisalign/sub/fee_crossline.png) center no-repeat; position:absolute; top:50%; right:0; margin:-25px -70px 0 0;}	
.fee_cnt3_list > li > div {width:67px; height:66px; text-align:center; margin:0 auto; padding:26px 0 0 0;}
.fee_cnt3_list > li > div > img {height:100%;}
.fee_cnt3_list > li > p {color:#fff; font-size:2.2rem; margin:18px 0 0 0;}
.fee_cnt3 > p {font-size:2.2rem; color:#009ace; margin:20px 0 0 0;}

/* fee_video_section */
.fee_video_section {background:#232020; padding:100px 0;}
.fee_video_section .center_1120 {}
.fee_video_title {text-align:center; font-size:65px; color:#fff; font-weight:300; line-height:1.2; margin: 0 0 50px 0; letter-spacing:-1.5px;}
/*.fee_video_title > span {color:#ccc; font-family:'Montserrat', 'Noto Sans KR';}*/
.fee_video_title > span {color:#fff; font-family: 'Noto Sans KR';font-weight:bold;}
.fee_video_wrap {position:relative;}
.fee_video_wrap > video {width:100%;}
.fee_video_wrap > a {display:block;position:absolute; top:0; left:0; width:100%; height:100%;}
.fee_video_wrap > a > img {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%);
}
.fee_insert_br {display:none;}

/* fee_simulate_section */
.fee_simulate_section {}
/*.fee_simulate_tab_wrap {width:100%; box-sizing:border-box; background:url(http://image.iddental.co.kr/invisalign/sub/fee_tab_bg.jpg) center no-repeat; background-size:cover;}  */
.fee_simulate_tab_wrap {width:100%; box-sizing:border-box; background:#232020; background-size:cover;} 
.fee_simulate_tab_wrap .center_1120 {}
/* .fee_simulate_title {text-align:center; font-size:4.6rem; color:#b79043; line-height:1.2; padding:100px 0 28px 0;} */
.fee_simulate_title {text-align:center; font-size:65px; color:#fff; line-height:1.2; padding:100px 0 50px 0; font-weight:300;}
.fee_simulate_tabs {text-align:center;}
.fee_simulate_tabs > li {display:inline-block; vertical-align:top; width:16.66666666%;}
.fee_simulate_tabs > li > a {display:block; width:100%; background:#fff; padding:16px 0 16px 0;}
.fee_simulate_tabs > li > a > svg {width:120px; height:60px;}
.fee_simulate_tabs > li > a > p {font-size:21px; color:#555; margin:14px 0 0 0;}
.fee_simulate_img {fill:#414042;}
.fee_simulate_tabs > li:hover > a {background:#038ada;}
.fee_simulate_tabs > li:hover > a > svg .fee_simulate_img {fill:#fff;}
.fee_simulate_tabs > li:hover > a > p {color:#fff;}
.fee_simulate_tab.on {background:#038ada; position:relative;}
.fee_simulate_tab.on svg .fee_simulate_img {fill:#fff;}
.fee_simulate_tab.on > p {color:#fff; font-size:}
.fee_simulate_tab.on::after {content:""; display:block; width:30px; height:15px; background-size:contain; position:absolute; bottom:-28px; left:50%; z-index:1;
border-right:15px solid transparent;
border-left:15px solid transparent;
border-bottom:15px solid transparent;
border-top:13px solid #038ada;
box-sizing:border-box;
-webkit-transform:translate(-50%, 0);
-moz-transform:translate(-50%, 0);
-o-transform:translate(-50%, 0);
transform:translate(-50%, 0);
}

.fee_simulate_videos_wrap {background:#232020; padding:54px 0;}
.fee_simulate_videos_wrap .center_1120 {}
.fee_simulate_videos_wrap .center_1120 > ul:not(:first-child) {display:none;}
.fee_simulate_videos_cnt {width:100%; overflow:hidden;}
.fee_simulate_videos_cnt > li {}
.fee_simulate_video {width:50%; float:left;}
.fee_simulate_video > video {width:100%;}
.fee_simulate_txt {width:50%; float:left;}
.fee_simulate_txt > dl {padding:70px 0 0 40px; box-sizing:border-box;}
.fee_simulate_txt > dl > dt {font-size:35px; color:#038ada; margin:0 0 18px 0; line-height:1.2; text-align:left;}
.fee_simulate_txt > dl > dd {font-size:21px; color:#ccc; line-height:1.2; text-align:left;}
.video_progress_bg {width:240px; height:6px; border-radius:6px; background:#aaa; margin:60px 0 0 40px; position:relative;}
.video_progress_btn {display:block; position:absolute; left:0; top:-12px;; width:27px; height:27px; border-radius:27px; background:#b79043; cursor:pointer; box-shadow:2px 2px 3px rgba(0,0,0,0.5);}

.fee_simulate_videos_wrap .ui-slider-horizontal {height:6px;background:#aaa;width:230px;margin:30px 0 0 40px;}
.fee_simulate_videos_wrap .ui-widget.ui-widget-content {border:0}
#custom-handle { width:25px; height:25px; border-radius:25px; background:#b79043; cursor:pointer; box-shadow:2px 2px 3px rgba(0,0,0,0.5);margin-top:-5px;border:0}


/* fee_support_section */
.fee_support_section {width:100%; height:650px; background:url(http://image.iddental.co.kr/invisalign/sub/fee_support_bg.jpg) center no-repeat; background-size:cover;}
.fee_support_section .center_1120 {height:100%;}
.fee_support_wrap {overflow:hidden; height:100%;}
.fee_support_wrap > li {float:left; width:50%; height:100%; position:relative;}
.fee_support_box {width:550px; background:#fff; padding:50px 30px; box-sizing:border-box; position:absolute; top:50%; left:0;
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
transform:translate(0, -50%);
}
.fee_support_box > dl {text-align:center; margin:0 0 50px 0;}
.fee_support_box > dl > dt {font-size:2.2rem; color:#333; margin:0 0 14px 0;}
.fee_support_box > dl > dt > span {display:inline-block; padding:8px 12px; font-size:2.2rem; color:#009ace; border:2px solid #009ace; margin:0 0 16px 0;}
.fee_support_box > dl > dd {font-size:4.6rem; color:#b79043;}
.fee_support_box > a {display:block; width:100%; height:60px; line-height:60px; text-align:center; color:#fff; font-size:2.2rem; background:#009ace;}
.fee_support_img {width:532px; margin:50px 0 0 40px; display:block;}

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

}

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

	/* fee_visual_section */
	.fee_visual_section {height:890px; padding:70px 0 0 0;}
	.visual_ci {top:80px; right:10px; width:160px;} 
	.fee_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;
	}
	.fee_visual_apply > a {height:50px; line-height:50px;}

	/* fee_tab_section */
	.fee_tabs_wrap {padding: 50px 0 30px;}
	.fee_tabs > li {width:250px;}

	/* fee_tab_section */
	.fee_cnt_wrap {height:530px;}
	.fee_cnt1 > li > div {width:480px;}

	/* fee_support_section */
	.fee_support_section {height:590px;}
	.fee_support_box {width:480px; padding: 40px 24px 40px 24px; right:0; left:auto;}
	.fee_support_box > dl {margin:0 0 30px 0;}
	.fee_support_img {width:440px; margin: 50px 0 0 30px;}
}

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

	/* fee_visual_section */
	.fee_visual_section {height:780px; }
	.visual_ci {position:absolute; right:30px; width:140px;}
	.fee_visual_apply {width:420px; margin: 196px 0 0 0; padding: 32px 24px 0 24px;}

	/* fee_tab_section */
	.fee_tabs > li {width:33.3333%;}
	.fee_cnt_wrap {height:auto; }
	.fee_cnt1 {overflow:visible; position:relative;}
	.fee_cnt1 > li {width:100%; float:none; padding:30px 30px; box-sizing:border-box;}
	.fee_cnt1 > li > div {width:100%; float:none;}
	.fee_cnt1_txt {position:static;
	-webkit-transform:translate(0,0);	
	-moz-transform:translate(0,0);	
	-o-transform:translate(0,0);	
	transform:translate(0,0);	
	}
	.fee_cnt1 > li:first-child {padding-top:47.5%;}
	.fee_cnt1 > li:last-child {height:42vw; background-position:center top; position:absolute; top:0;}
	.fee_remove_br {display:none;}
	.fee_cnt_wrap2 {padding:5% 0;}
	.fee_cnt2 {position:static;
	-webkit-transform:translate(0,0);	
	-moz-transform:translate(0,0);	
	-o-transform:translate(0,0);	
	transform:translate(0,0);		
	} 
	.fee_cnt2 > div {padding:30px 30px 32px;}
	.fee_cnt_wrap3 {padding: 0 0 5% 0;}
	.fee_cnt3_title {padding:5% 0 0 0;}
	.fee_cnt3_list > li {width:140px; height:140px; border-radius:140px;}
	.fee_cnt3_list > li:not(:last-child) {margin:0 60px 0 0;}
	.fee_cnt3_list > li:not(:last-child)::after {margin: -19px -46px 0 0; width: 25px; height: 38px;}
	.fee_cnt3_list > li > div {width:52px; height:51px;}
	.fee_cnt3_list > li > p {margin:12px 0 0 0;}

	/* fee_video_section */
	.fee_video_section {padding:60px 0;}
	.fee_insert_br {display:block;}
	
	/*fee_simulate_section*/
	.fee_simulate_title {padding:60px 0 22px 0;}
	.fee_simulate_tabs {}
	.fee_simulate_tabs > li {}
	.fee_simulate_tabs > li > a > svg {width:70%;}
	.fee_simulate_tabs > li > a > p {margin:4px 0 0 0;}
	.fee_simulate_txt > dl {padding: 24px 0 0 30px;}
	.video_progress_bg {margin:40px 0 0 30px;}
	.simulate_br {display:block;}
	.simulate_remove_br {display:none;}

	/* fee_support_section */
	.fee_support_section {height:460px;}
	.fee_support_box {width:100%; padding:28px 24px 28px 24px;}
	.fee_support_box > dl > dd > span {display:block;}
	.fee_support_img {width:340px; margin: 63px auto 0 auto;}

}

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

	/* fee_visual_section */
	.fee_visual_section {width:100%; /*height:730px;*/ max-height:100vh; background:url(http://image.iddental.co.kr/invisalign/sub/fee_visual_m.jpg) center bottom no-repeat; padding:50% 0; background-size:cover; padding:60px 0 0 0; box-sizing:border-box;}
	.visual_ci {width:120px; top:70px; right:20px;}
	.fee_visual_apply {width:100%; margin:0; position:absolute; bottom:0; left:0; right:0; padding:24px 24px 0 24px;   height:259px;}
	.fee_visual_apply_txt > dt { letter-spacing:-0.1vw;}
	.fee_visual_apply_txt > dd { letter-spacing:0;}
	.fee_visual_apply > a {margin:10px 0 14px;}

	/* fee_tab_section */
	.fee_tabs_wrap {padding:7% 0 4%;}
	.fee_tabs > li > a > dl > dt {display:none;}
	.fee_tabs > li > a > dl > dd {line-height:1.2;}
	.fee_tabs > li > a > dl > dd > span {display:block;}
	.fee_cnt1_txt > dl > dt > span {font-size:3vw;}
	.fee_cnt1_txt > dl > dt {font-size:3vw;}
	.fee_cnt1_txt > dl > dd {font-size:6.6vw;}
	.fee_cnt1_txt > a {width:100%; height:50px; line-height:50px; margin:5% 0 0 0;}
	.fee_cnt2 > div {width:100%; border-width:5px;}
	.fee_cnt2_btn {width:100%; height:50px; line-height:50px;}
	.fee_cnt2 > div > dl > dt {font-size:7vw; margin: 0 0 8% 0; padding: 0 0 4% 0;}
	.fee_cnt2 > div > dl > dt > h3 > span {font-size:3.1vw;} 
	.fee_cnt2 > div > dl > dt > h3 > strong {font-size:8vw;}
	.fee_cnt2 > div > dl > dd {font-size:7vw;}
	.custom_box > dl > dd > span::after {font-size:3vw; top:-4vw; }
	.fee_cnt2 > div > dl > dd > strong {font-size:8vw;}

	.fee_cnt2 > div > dl > dd {font-size:6vw;}
	.fee_cnt2 > div > dl > dd > span::after {font-size:3vw; top:-4vw; }
	.fee_cnt2 > div > dl > dd > strong {font-size:8vw;}



	.fee_cnt3_title > dt {font-size:6.4vw;}
	.fee_cnt3_title > dd {font-size:3vw;}
	.fee_cnt3_list > li {width:22vw; height:22vw; border-radius:22vw;}
	.fee_cnt3_list > li:not(:last-child) {margin:0 8% 0 0;}
	.fee_cnt3_list > li:not(:last-child)::after {margin: -2vw -26% 0 0; width: 4vw; height: 5vw; background-size:contain;}
	.fee_cnt3_list > li > p {font-size:2.7vw; margin:4% 0 0 0;}
	.fee_cnt3_list > li > div {width:30%; height:8vw; padding:20% 0 0 0;}
	.fee_cnt3_list > li:first-child > div {width:34%;}
	.fee_cnt3_list > li > div > img {height:auto; width:100%;}

	/* fee_video_section */
	.fee_video_section {padding:10% 0;}
	.fee_video_section .center_1120 {padding:0;}
	.fee_insert_br {display:block;}
	.fee_video_title {font-size:6.4vw;}

	/*fee_simulate_section*/
	.fee_simulate_section .center_1120 {padding:0;}
	.fee_simulate_videos_wrap  {padding:30px 0 40px; margin:-47px 0 0 0;}
	.fee_simulate_title {font-size:6.4vw; letter-spacing:-0.2vw; padding:8% 0 5% 0;}
	.fee_simulate_tabs {width:100%; margin:0 auto; overflow-x:auto; overflow-y:hidden; white-space:nowrap; padding:0 0 17px 0;
	-ms-overflow-style: none; 
	}
	.fee_simulate_tabs::-webkit-scrollbar {display:none;}
	.fee_simulate_tabs > li {width:26vw;}
	.fee_simulate_tabs > li > a {padding:3% 0 10% 0;}
	.fee_simulate_tabs > li > a > svg {width:70%;}
	.fee_simulate_tabs > li > a > p {margin:0; font-size:2.8vw;}
	.fee_simulate_tab.on::after { width:20px; height:15px; }
	.fee_simulate_txt {position:relative;}
	.fee_simulate_txt > dl {padding: 30px 30px 0 30px;}
	.fee_simulate_txt > dl > dt {font-size:4.4vw; margin:0 0 2.4% 0;}
	.fee_simulate_txt > dl > dd {font-size:2.7vw;}
	.video_progress_bg {position:absolute; top:30px; left:30px; margin:0; width:60%;}
	.fee_simulate_videos_cnt {overflow:visible; margin:0 0 0 0;}
	.fee_simulate_video {width:100%; float:none;}
	.fee_simulate_txt {width: 100%; float:none;}
	.simulate_br {display:none;}
	.tab_cnt_lists > li {font-size:2.8vw;}

	/* fee_support_section */
	.fee_support_section {height:auto; position:relative;}
	.fee_support_wrap {overflow:visible;  height:auto;}
	.fee_support_wrap > li {float:none; width:100%; height:auto;}
	.fee_support_wrap > li:first-child {position:absolute; bottom:0; left:0; right:0; z-index:1;}
	.fee_support_wrap > li:first-child > div { background:rgba(255, 255, 255, 0.8);}
	.fee_support_box { position:static;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
	}
	.fee_support_img {width:82%; margin:0 auto; padding:5% 0 47% 0;}
	.fee_support_box {padding:8% 24px;}
	.fee_support_box > dl {margin:0 0 5% 0;}
	.fee_support_box > dl > dt {font-size:3vw; margin:0 0 2% 0;}
	.fee_support_box > dl > dt > span {font-size:3vw; margin:0 0 2% 0;}
	.fee_support_box > dl > dd {font-size:6.4vw;}
	.fee_support_box > dl > dd > span {display:none;} 
	.fee_support_box > a {height:10vw; line-height:10vw; font-size:3.2vw;}
}

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

	/* fee_visual_section */
	.fee_visual_apply > a {font-size:1.9rem;}
	.fee_visual_apply {padding:40px 24px 0 24px;}
	.fee_visual_apply_txt > dt {font-size:4rem; margin:0 0 8px 0;}
	.fee_visual_apply_txt > dd {font-size:2.2rem;}
	.fee_cnt3_list > li:not(:last-child)::after {margin:2vw -28% 0 0;}
	.fee_cnt3_list > li:nth-of-type(2)::after {display:none;}
	.fee_cnt3_list > li:nth-of-type(2) {margin:0;}
	.fee_cnt3_list > li:nth-of-type(3) {display:block; margin:0 auto;}
	.fee_simulate_tabs > li {width:16.6vw;}

}


@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:2;}
.gnb {width:1120px; height:100%; margin:0 auto; overflow:hidden; position:relative;}
.gnb .logo {position:absolute; top:50%; left:0;
-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:0;
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
transform:translate(0, -50%);
}
.gnb .depth01 > li {display:inline-block;} 
.gnb .depth01 > li:not(:last-child) {margin:0 46px 0 0;}
.gnb .depth01 > li > a {color:#fff; font-size1:1.8rem;} 
.gnb .depth01 > li:hover > a {color:#009ace;}
.gnb .depth01 > li.active > a {color:#009ace;}
.m_gnb, .m_menu {display:none;}

/* 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:200px;}
}

/* Layout Style - Laptop,Tablet(1024) */
@media screen and (max-width: 1024px){
	.gnb {width:calc(100% - 60px);}
	.logo > a > img {width:180px;}
}

/* Layout Style - Mobile(720) */
@media screen and (max-width: 720px){
	.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%);
	}
	.logo > a > img {width:150px;}
	.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 - 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%;}
/* 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;}
}

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

}
.top_scroll {position:fixed; bottom:3%; right:3%; display:none; width:50px; height:50px;}
.top_scroll > img {width:100%;}

/* �좎씤 �앹뾽 */
.tiny_pop_wrap {position:fixed; top:130px; left:50%; margin:0 0 0 -560px; width:152px; height:152px; border-radius:152px; text-align:center; background:#009ace; z-index:1;
}
.tiny_pop {display:block; width:100%; height:100%;}
.tiny_pop_txtwrap {position:absolute; top:50%; left:50%; width:100%; margin:4px 0 0 0;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.tiny_pop_txt {font-size:2.2rem; color:#fff; font-family:'NanumBarunGothic'; line-height:1.3; margin:0 0 14px 0;}
.tiny_pop_txt > span {display:block; color:#f5d390;}
.tiny_pop_link {font-size:1.6rem; color:#fff; font-family:'NanumBarunGothic'; display:inline-block; vertical-align:top;  }
.tiny_pop_link > span {display:inline-block; vertical-align:top; width:100%; height:1px; background:#fff; padding:0 7px 0 7px; box-sizing:border-box; margin:4px 0 0 2px; position:relative;}
.tiny_pop_link > span::after {content:""; display:block; width:1px; height:9px; background:#fff; position:absolute; bottom:-1px; right:2px; 
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
} 
.tiny_pop_close {position:absolute; top:7px; right:7px; display:block; width:28px; height:28px; border-radius:28px; background:#000; cursor:pointer;}
.tiny_pop_close > span {position:absolute; top:50%; left:50%; display:block; width:100%; height:100%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.tiny_pop_close > span::after {content:""; display:block; width:1px; height:14px; background:#fff; position:absolute; top:50%; left:50%;
-webkit-transform:translate(-50%, -50%) rotate(45deg);
-moz-transform:translate(-50%, -50%) rotate(45deg);
-o-transform:translate(-50%, -50%) rotate(45deg);
transform:translate(-50%, -50%) rotate(45deg);
}
.tiny_pop_close > span::before {content:""; display:block; width:1px; height:14px; background:#fff; position:absolute; top:50%; left:50%;
-webkit-transform:translate(-50%, -50%) rotate(-45deg);
-moz-transform:translate(-50%, -50%) rotate(-45deg);
-o-transform:translate(-50%, -50%) rotate(-45deg);
transform:translate(-50%, -50%) rotate(-45deg);
}

.tiny_pop_wrap.off {display:none;}

/* Layout Style - Mobile(720) */


@media screen and (max-width: 1280px){
	.tiny_pop_wrap {top:120px; margin:0 0 0 0; left:50px;
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);

	}
}

@media screen and (max-width: 1024px){
	.tiny_pop_wrap {top:90px; left:30px;}
}

@media screen and (max-width: 720px){
	.top_scroll {width:0; height:0; overflow:hidden;}
	.tiny_pop_wrap {top:30px; margin:60px 0 0 0; left:5%;  width:32vw; height:32vw;	}
	.tiny_pop_txtwrap {margin:4% 0 0 0;}
	.tiny_pop_txt {font-size:4.6vw; margin:0 0 9% 0;}
	.tiny_pop_link {font-size:3.2vw;}
	.tiny_pop_link > span { height:1px; background:#fff; padding:0 1.2vw 0 1.2vw; box-sizing:border-box; margin:1.2vw 0 0 0.6vw; position:relative;} 
	.tiny_pop_link > span::after {content:""; display:block; width:1px; height:2vw; background:#fff; position:absolute; bottom:-1px; right:2px; 
	} 
	.tiny_pop_close {width:6.4vw; height:6.4vw; border-radius:6.4vw; top:1vw; right:1vw;}
	.tiny_pop_close > span {}
	.tiny_pop_close > span::after {width:0.2vw; height:3vw;}
	.tiny_pop_close > span::before {width:0.2vw; height:3vw;}

}