@charset 'utf-8';

@media only screen and (max-width:1280px){
	#hd #head #nav { display:none; }
	#hd #head { height:92px; }
	#hd #head h1 { float:none; width:330px; padding-top:17px; margin:0 auto; }
	#hd #head .btn_menu { display:block; }

	#ft { padding:50px; }
	#ft .logo_white { float:none; text-align:center; margin-bottom:25px; }
	#ft address { margin-left:0; text-align:center; }
	#ft address span { float:none; display:inline-block; background:none; }
	#ft address .copyright { float:none; display:block; margin-top:10px; }
	
	/* 1-2. 디지털장비 */
	.equ_list li { padding:0 30px; }
	.equ_list .inwrap { height:422px; max-width:768px; margin:0 auto; }
	.equ_list .tbox:before { width:55px; }
	.equ_list .tbox { padding-top:40px; }
	.equ_list .tbox dt { font-size:33px; font-size:44px; }
	.equ_list .tbox dd { font-size:12px; font-size:15px; margin-top: 30px; }
	.equ_list .tbox dd em { font-size: 25px; font-size:33px; margin-top: 10px; }
	.equ_list .tbox dd .en { font-size:15px; }
	.equ_list li.equ01 .tbox { top:94px; }
	.equ_list li.equ02 .tbox { top:105px; }
	.equ_list li.equ03 .tbox { top:150px; }
	.equ_list li.equ04 .tbox { top:200px; }
	.equ_list li.equ05 .tbox { top:155px; padding-bottom:65px; width:380px; }
	.equ_list li.equ06 .tbox { top:155px; padding-bottom:65px; width:380px;}
	.equ_list li.equ07 .tbox { top:94px; }
	.equ_list li.equ08 .tbox { top:94px; }
	.equ_list li.equ09 .tbox { top:94px; }
	.equ_list li.equ10 .tbox { top:94px; }
	.equ_list li.equ11 .tbox { top:94px; }
	.equ_list li.equ12 .tbox { top:94px; }
	.equ_list .img { width:494px; height:466px; }
	.equ_list li.equ02 .img,
	.equ_list li.equ04 .img,
	.equ_list li.equ06 .img { width:588px; height:391px; }
	.equ_list li.equ01 .img { right: -200px; top: 50px;  }
	.equ_list li.equ02 .img { left:-180px; top:140px; }
	.equ_list li.equ03 .img { right: -167px; top: 75px; }
	.equ_list li.equ04 .img { left: -180px; top: 155px; }
	.equ_list li.equ05 .img { right: -200px; top: 50px; }
	.equ_list li.equ06 .img { left: -150px; top: 42px; }
	.equ_list li.equ07 .img { right: -200px; top: 50px; }
	.equ_list li.equ08 .img { left: -150px; top: 42px; }
	.equ_list li.equ09 .img { right: -200px; top: 68px; }
	.equ_list li.equ10 .img { left: -150px; top: 42px; }
	.equ_list li.equ11 .img { right: -200px; top: 78px; }
	.equ_list li.equ12 .img { left: -150px; top: 42px; }

	/* 1-3. 치과갤러리 */
	#gallery .contents { max-width:100%; }
	#gallery .t1 br { display:none; }

	/* 1-4. 위치 및 진료안내 */
	#location .contents { max-width:1280px; }

	/* 3-1. 오늘하루 커럼 */
	.od-container .contents { max-width:767px; margin:0 auto; }
	.bo_list { }
	.bo_list li { width:323px; }
	.bo_list li .ibox { padding-bottom:120px; }
	.bo_list li .info { padding:30px 25px 0 25px; height: 120px; }
	.bo_list li .info .subject { font-size:19px; }
	.bo_list li .info .conts { font-size:13px; line-height:1.35em; margin-bottom:10px; }
	.bo_list li .info .date { font-size:13px; }
	.bo_list.motion li:hover .info { height:170px; }
	
	#column_v .contents { max-width:1280px; }
	#column_v .v_hd { padding-bottom:10px; margin-bottom:30px; padding-top:80px; }
	#column_v .v_hd .subject { font-size:50px; margin-bottom:30px; }
	#column_v .v_hd br { display:none; }
	#column_v .v_hd .date { font-size:18px; line-height:30px; }
	#column_v .v_hd .share .ico { width:30px; height:30px; margin-left:18px; }
	#column_v .v_content { font-size:18px; }
	#column_v .button_area .btn { width: 110px; font-size:18px; height: 52px; line-height: 52px; margin-right:6px; }
	#column_v .button_area .btn2 { width:110px; }

	/* 3-2. 치료 케이스 */
	.tab_menu { margin-bottom:40px; }
	.tab_menu li { font-size:17px; }
	#case .bo_list li { width:323px; }
	#case .bo_list li:nth-child(3n) { margin-right:20px; }
	#case .bo_list li:nth-child(2n) { margin-right:0; }

	/* 3-3. 뉴스 보도자료 */
	#press .bo_list li { width:323px; }
	#press .bo_list li:nth-child(3n) { margin-right:20px; }
	#press .bo_list li:nth-child(2n) { margin-right:0; }

	/* 3-4. 특별한 방문 */
	#special .bo_list li { width:323px; }
	#special .bo_list li:nth-child(3n) { margin-right:20px; }
	#special .bo_list li:nth-child(2n) { margin-right:0; }
	#special .bo_list li .ibox { padding-bottom:80px; }
	#special .bo_list li .info { height:80px; }

}


@media all and (max-width:1000px) {
	#main .hidden { display:block; }
	#main .m_hidden { display:none; }

	/* 2-3. 오늘하루치과 모델 지원 */
	#support .information dl dd .sample li { float:left; width:33.33%; box-sizing:border-box; margin-right:0; padding-right:5px; }
}

@media all and (max-width: 780px){
	/* 3-1. 오늘하루 커럼 */
	.container .contents { max-width:460px; margin:0 auto; }
	.bo_list li { width:100%; margin:0 0 20px 0; }
	.bo_list li .ibox { padding-bottom:90px; } 
	.bo_list li .info { padding:15px 20px 0 20px; height:90px; }
	.bo_list.motion li:hover .info { height:90px; }
	.bo_list.motion li .conts { display:none; }
	
	#column_v .button_area .al { float:none; overflow:hidden; width:100%; margin-bottom:10px; }
	#column_v .button_area .ar { float:none; overflow:hidden; width:100%; }
	#column_v .button_area .btn2 { margin-left:0; margin-right:6px; }

	/* 3-2. 치료 케이스 */
	#case .contents h3 { height:150px; }
	#case .tab_menu { margin-bottom:30px; }
	#case .tab_menu li { font-size:14px; width:33%; margin-bottom:5px; }
	#case .tab_menu li:nth-child(3n) { background:none; }
	#case .bo_list li { width:100%; margin:0 0 20px 0; }

	/* 3-3. 뉴스 보도자료 */
	#press .bo_list li { width:100%; margin:0 0 20px 0; }

	/* 3-4. 특별한 방문 */
	#special .bo_list li { width:100%; margin:0 0 20px 0; }
	#special .bo_list li .ibox { padding-bottom:60px; }
	#special .bo_list li .info { height:60px; }
}

@media all and (max-width: 768px){
	#hd #head { height:50px; }
	#hd #head h1 { width:175px; padding-top:10px; }
	#hd #head .btn_menu { width:50px; }
	.btn_menu .nav-icon { width:18px; margin:17px 0 0 13px; }  
	.btn_menu .nav-icon:after, 
	.btn_menu .nav-icon:before, 
	.btn_menu .nav-icon div { height:3px; margin: 4px 0; }
	
	#head_mobile .top { height:50px; }
	#head_mobile .top h1 { width:125px; padding-top:15px; }
	#head_mobile .top .btn_menu { width:50px; }
	.btn_menu.close .nav-icon:before { transform: translateY(7px) rotate(135deg); }
	.btn_menu.close .nav-icon:after { transform: translateY(-7px) rotate(-135deg); }
	
	#nav_m .menu li a { padding-left:22px; }
	#nav_m .menu li a.idx { height:60px; line-height:60px; font-size:20px; }
	#nav_m .menu li a.idx:after { width:60px; background-size:19px auto; }
	#nav_m .menu li .submenu { padding:12px 0; }
	#nav_m .menu li .submenu li { line-height:40px; font-size:14px; }
	
	#main .msection { padding-top:80px; height:600px; } 
	#main #section03 .bg { background-color:#fff; background-image:url('../img/main/m_main_img_03.jpg'); background-repeat:no-repeat; background-size:auto 100%; }
	.msection .t01 { font-size: 34px; }
	.msection .t02 { font-size: 17px; }
	.msection .more { width:180px; height:42px; line-height:42px; font-size:13px; }
	.msection .more span { background-size:10px auto; padding-right:14px; }
	
	#ft { padding:25px; padding-bottom:120px; }
	#ft .logo_white { margin-bottom:12px; }
	#ft .logo_white img { width:80px; height:auto; }
	#ft address,
	#ft address .copyright { font-size:11px; }
	#ft address span { margin:0 5px; }
	.quick_menu { display:block; }

	/* 1-1. 의료진 소개 */
	.doctor_info { height:auto; padding-top:0; }
	.doctor_info .tbox { position:absolute; left:0; top:55px; right:0; width:100%; }
	.doctor_info .t01 { }
	.doctor_info .t01 img { width:160px; height:auto; }
	.doctor_info .t02 { font-size: 24px; }
	.doctor_info .bg { display:none; }
	.doctor_info .mobile { display:block; }
	.doctor_list ul li { padding-top:50px; }
	.doctor_list ul.web { display:none; }
	.doctor_list ul.mobile { display:block; }
	
	/* 1-2. 디지털장비 */

	#instrument .equ_movie { width: 100%; margin: 0 auto; }
	.equ_list li { padding:0; }
	.equ_list .inwrap { max-width:375px; height: auto; padding-top: 25px;}
	.equ_list .tbox:before { height: 2px; left: calc(50% - 27.5px); }
	.equ_list .tbox { position:relative; top: 0; padding-top:20px; width:100%; box-sizing:border-box; text-align: center;}
	.equ_list .tbox dt { font-size:26px; letter-spacing:0; }
	.equ_list .tbox dd { font-size:16px; margin-top: 15px; }
	/*.equ_list .tbox dd .m_hidden { display:none; }*/
	.equ_list .tbox dd em { font-size: 24px; margin-top: 5px; }
	.equ_list .tbox dd .en { font-size:11px; }
	.equ_list li.equ01 .tbox { top:0; }
	.equ_list li.equ02 .tbox { top:0; }
	.equ_list li.equ03 .tbox { top:0; }
	.equ_list li.equ04 .tbox { top:0; }
	.equ_list li.equ05 .tbox { top: 0;  padding-bottom: 0;}
	/*.equ_list li.equ05 .tbox dd { font-size:12px; }*/
	.equ_list li.equ05 .tbox dt { text-align: center; width: 100%; }
	.equ_list li.equ06 .tbox { top: 0; padding-bottom: 0; }
	.equ_list li.equ06 .tbox dt { text-align: center; width: 100%; }
	.equ_list li.equ06 .tbox dd { padding:0; }

	.equ_list li.equ07 .tbox { top: 0; }
	.equ_list li.equ08 .tbox { top: 0; }
	.equ_list li.equ09 .tbox { top: 0; }
	.equ_list li.equ10 .tbox { top: 0; }
	.equ_list li.equ11 .tbox { top: 0; }
	.equ_list li.equ12 .tbox { top: 0; }

	.equ_list .img { width: 100%; z-index: 3;}
	.equ_list li.equ02 .img,
	.equ_list li.equ04 .img,
	.equ_list li.equ06 .img {  }

	/*.equ_list li.equ01 .img { background-image: url('../img/intro/m_sub_system_01.png'); top: 0; left: 0; }*/
	/*.equ_list li.equ02 .img { background-image: url('../img/intro/m_sub_system_02.png'); top: 0; left: 0; }*/
	/*.equ_list li.equ03 .img { background-image: url('../img/intro/m_sub_system_03.png'); top: 0; left: 0; }*/
	/*.equ_list li.equ04 .img { background-image: url('../img/intro/m_sub_system_04.png'); top: 0; left: 0; }*/
	/*.equ_list li.equ05 .img { background-image: url('../img/intro/m_sub_system_05.png'); top: 0; left: 0; }*/
	/*.equ_list li.equ06 .img { background-image: url('../img/intro/m_sub_system_06.png'); top: 0; left: 0; }*/

	/* 1-3. 치과갤러리 */
	#gallery .equ_movie { width: 100%; margin: 0 auto; }
	#gallery .equ_movie .fmovie > div {
		padding-bottom: 177%;
	}
	#gallery .t1 { font-size:25px; padding:50px 0 30px 0; }
	.gallerylist li { margin-bottom:30px; }
	.gallerylist li .title { font-size:17px; margin-top:10px; }
	.gallerylist li .title span { background-size:12px auto; padding-left:20px; }

	/* 1-4. 위치 및 진료안내 */
	.container h3 { font-size:38px; padding-top:60px; height: 160px;}
	#location .map { height:500px; margin-bottom:40px; }
	.location_info dl dt { font-size:27px; }
	.location_info dl dd { font-size:18px; }
	.location_info .time_info { margin-bottom:0; }
	.location_info .time_info dl { float:none; width:100%; border-right:0; margin-bottom:50px; }
	.location_info .time_info .t1 { font-size:17px; }
	.location_info .time_info .t2 { margin-top:20px; }
	.location_info .time_info dl:last-child { padding-left:0; }

	/* 2-3. 오늘하루치과 모델 지원 */
	#support h3 { font-size:38px; height:auto; margin-bottom:30px; letter-spacing:-1px; }
	#support .information { padding:70px 0; }
	#support .information dl dt { font-size:27px; margin-bottom:10px; }
	#support .information dl dd { font-size:18px; text-align:center; }
	#support .information dl dd .note { font-size:18px; }
	#support .information dl dd .web { display:none; }
	#support .information dl dd .mobile { display:inline-block; }
	#support .information dl dd .sample li span { font-size:18px; }
	.formbox { padding:70px 0; }
	.formbox .flist { margin-bottom:20px; }
	.formbox .flist li { margin-bottom:20px; }
	.formbox .flist li label { font-size:18px; margin-bottom:10px; }
	.formbox .flist li .fr_input { font-size:16px; }
	.formbox .flist li .ta { font-size:16px; height:300px; }
	.filebox { margin-bottom:20px; }
	.filebox label { font-size:18px; height:30px; line-height:30px;  padding-left: 40px; margin-right:10px; }
	.filebox .upload-name { width:110px; height:30px; line-height:30px; font-size:18px; }
	.terms_agree { margin-bottom:20px; }
	.terms_agree input + label { font-size:18px; height:30px; line-height:30px; padding-left: 40px; margin-right:10px; }
	.terms_agree .btn_view { font-size:18px; }
	.button_area .btn { height:50px; line-height:38px; font-size:18px; }
}

@media all and (max-width: 480px){
	#nav_m .menu li a.idx { font-size:17px; }
	#main .msection { height:500px; } 

	#ft { padding-bottom:75px; }
	.quick_menu li .btn { height:50px; }

	/* 1-4. 위치 및 진료안내 */
	#location { padding-bottom:70px; }
	.container .contents { padding:0 25px 70px 25px; }
	.container h3 { font-size:25px; padding-top:40px; height:auto; margin-bottom:20px; }
	#location .map { height:250px; margin-bottom:30px; }
	.location_info dl { margin-bottom:25px; }
	.location_info dl dt { font-size:18px; margin-bottom:10px; }
	.location_info dl dd { font-size:14px; }
	.location_info .time_info dl { margin-bottom:40px; }
	.location_info .time_info ul li .time { margin-left:120px; }
	.location_info .time_info .t1 { font-size:14px; }
	.location_info .time_info .t2 { margin-top:17px; }

	/* 2-3. 오늘하루치과 모델 지원 */
	#support .visual { height:500px; }
	#support h3 { font-size:25px; }
	#support .information { padding:50px 0; }
	#support .information .inwrap { padding:0 25px; }
	#support .information dl { margin-bottom:40px; }
	#support .information dl dt { font-size:18px; }
	#support .information dl dd,
	#support .information dl dd .note { font-size:14px; }
	#support .information dl dd .sample li span { font-size:13px; margin-top:7px; }
	.formbox { padding:50px 0; }
	.formbox .inbox { padding:0 25px; }
	.formbox .flist li { padding-bottom:5px; }
	.formbox .flist li label { font-size:16px; }
	.formbox .flist li .fr_input { height:40px; font-size:14px; }
	.formbox .flist li .ta { padding:10px; font-size:14px; height:250px; }
	.filebox label { font-size:16px; background-size:auto 70%; padding-left: 25px; }
	.terms_agree input + label { font-size:16px; background-size:auto 70%; padding-left: 25px;  }
	.terms_agree .btn_view { font-size:16px; margin-left:0; }
	.button_area .btn { height:40px; line-height:28px; font-size:16px; }
	
	/* 3-1. 오늘하루 커럼 */
	#column_v .v_hd { padding-top:40px; margin-bottom:20px; }
	#column_v .v_hd .subject { font-size:25px; line-height:1.35em; margin-bottom:20px; }
	#column_v .v_hd .date { font-size:14px; line-height:25px; }
	#column_v .v_hd .share .ico { width:25px; height:25px; margin-left:10px; }
	#column_v .v_content { font-size:14px; padding-bottom:60px; }
	#column_v .button_area .btn,
	#column_v .button_area .btn2 { font-size:14px; height:36px; line-height:22px; width:85px; }

	#landing { width: 100%; }
	#landing .cont_list { width: 100%; }

	.formbox { width: 100%; }
}