@charset 'utf-8';

/* 1440px */
@media(max-width:1440px){
	#hd h1 { padding-left:20px; }
	#hd .util { right:20px; }
	#hd #nav { text-align:center; }
	#hd #nav ul li { float:none; display:inline-block; margin:0 15px; text-align:center;  }
	#hd #nav ul li:first-child { margin-left:0; } 

	.main-banner .imgbx { height:500px; background-size:auto 100%; }
	
	#regist { padding-top:0px; }
	
	section.sc-main .in-bx { top:auto; }
	.evt-bx { border:0; margin-bottom:0; }
	.evt-bx .d-day { float:none; width:auto; padding-top:25px; height:150px; }
	.evt-bx .evt-list { float:none; width:100%; overflow:hidden; }
	.evt-bx .evt-list .evt-item { width:25%; }
	
	.sc-video .in-bx { padding:0 25px; }
	.sc-videond .in-bx { padding:0 25px; }	

	section.sc-sponsor { padding:0; } 
	.sponsor-list_wr { padding:50px; }
	.logo_medtronic { margin-bottom:0; padding-top:50px; }
	.surgery-li li .title { height:54px; }

	#ftad { padding:50px; }
	#ftad .foot { position:relative; }
	#ftad .foot dl { float:none; margin-bottom:40px; margin-right:0; }
	#ftad .foot dl dt { margin-bottom:10px; }
	#ftad .foot dl:nth-child(2) { margin-bottom:0; }
	#ftad .foot dl.hostedby { position:absolute; right:0; top:0; float:none; }
	#ftad .foot dl.add { position:absolute; right:0; top:0; float:none; }	

	#ft { padding:50px; }
	#ft .foot { position:relative; }
	#ft .foot dl { float:none; margin-bottom:40px; margin-right:0; }
	#ft .foot dl dt { margin-bottom:10px; }
	#ft .foot dl:nth-child(2) { margin-bottom:0; }
	#ft .foot dl.hostedby { position:absolute; right:0; top:0; float:none; } 

	/* sub-contents */
	.container .sub_title_bnr { display:none; }
	.sub-top-bnr { background-size:auto 100%; height:165px; }

	.style-table .support-list li { width:50%; }
	.sponsor-table .diamond-list li { width:100%; }
	.sponsor-table .platinum-list li { width:80%; }
	.sponsor-table .gold-list li { width:60%; }	
	.sponsor-table .silver-list li { width:50%; }
	.sponsor-table .bronze-list li { width:33.2%; }
	.sponsor-table .other-list li { width:28.5%; }	
}


/* 1024px */
@media(max-width:1024px){
	#hd h1 { text-align:center; padding:60px 0 0 0; border-bottom:1px solid #e5e5e5;}
	#hd .util { display:none; }
	#hd .btn_menu, #hd .btn_home  { display:block; }
	/* nav */
	#hd #nav { position:fixed; left:0; top:0; bottom:0; width:30px; left:-300px; background-color:#333; z-index:999; transition: left 0.5s; display:block; overflow-y:auto; }
	#hd #nav ul { padding-top:40px; }
	#hd #nav ul li { display:block; float:none; font-size:20px; line-height:1.25em; text-align:left; margin:0; } 
	#hd #nav ul li a.idx { color:#fff; padding:10px 20px; height:auto; line-height:1.25em; font-size:17px; } 

	#hd #nav .btn_close { position:absolute; right:18px; top:8px; display:block; width:36px; height:36px; background-repeat:no-repeat; background-position:center; background-image:url('../img/common/icon_close.png'); background-size:16px auto; cursor:pointer; display:block; }
	#hd #nav.open { left:0; }
	#hd #nav:after { display:none !important; }

	#hd #nav .submenu { position:relative; top:0; width:100%; overflow:hidden; padding:0; height:auto; box-sizing:border-box; background-color:#2e2e2e; display:block; }
	#hd #nav .submenu span { position:relative; float:left; width:50%; font-size:14px; margin:0; padding:0; box-sizing:border-box; }
	
	#hd #nav .submenu span:nth-child(2n+1):before { position:absolute; left:0; width:200%; top:0; display:block; height:1px; background-color:#444; content:""; }
	#hd #nav .submenu span:nth-child(odd):after { position:absolute; right:0; bottom:0; top:0; display:block; width:1px; background-color:#444; content:""; }
	#hd #nav .submenu span a { font-weight:300; color:#aaa; padding:10px; }

	.main-banner .imgbx { height:350px; }
	section.sc-main { padding-bottom:0; }
	
	.evt-bx .evt-list .evt-item { width:50%; border-bottom:1px solid #e5e5e5; padding:50px 10px; height:auto; }
	
	.mid-conts { border-bottom:1px solid #cdcdcd; }
	.mid-conts .online-platform, .mid-conts .web-banner { width:100%; float:none; }
	.mid-conts .cnt-top .txt-goto { left:30px; }

	.mid-conts .conts-li li { height:220px; } 
	.mid-conts .cnt-top .txt-goto { top:20px; }
	
	/* 20220620 */
	.mid-conts .bnr_wr .bnr { width:100%; float:none; }
	
	.sc-video { padding:30px 0; }
	.sc-video .videobx { float:none; text-align:center; margin:0 auto; max-width:680px; width:auto; margin-bottom:30px; }
	
	.sc-videond { padding:30px 0; }
	.sc-videond .videobx { float:none; text-align:center; margin:0 auto; max-width:680px; width:auto; margin-bottom:30px; }	
	
	.sc-videond .video_list { max-width:680px; margin:0 auto; }
	.sc-videond .video_list li { float:none !important;  width:100%; margin-right:0; margin-bottom:20px; }
	.sc-videond .video_list li:last-child { margin-bottom:0px; }

	section.sc-surgery { display:none; }
	
	section.sc-sponsor { padding:0; }
	.logo_medtronic { margin-bottom:40px; padding-top:30px; }
	.logo_medtronic img { width:200px; height:auto; }
	.sponsor-list_wr { padding:50px 30px; background-color:#fff; }
	.sponsor-list { padding:0 76px; }
	.sponsor-list .swiper-button-next2, .sponsor-list .swiper-button-prev2 { width:50px; border:1px solid #ececec; bbox-sizing:border-box; }

	#ftad { background-color:#000; padding:35px 30px; }
	#ftad .foot dl { margin-bottom:30px !important; }
	#ftad .foot dl dt,
	#ftad .foot dl dd { color:#fff; }
	#ftad .foot dl dt { margin-bottom:7px; }
	#ftad .foot dl.hostedby { position:static; margin-bottom:0 !important; }
	#ftad .foot dl.hostedby dd { background:none; padding:0; margin-bottom:20px;}
	#ftad .foot dl.add {  position:static; margin-bottom:0 !important;}		
	#ftad .foot dl.add dd { background:none; padding:0; }	

	#ft { background-color:#000; padding:35px 30px; }
	#ft .foot dl { margin-bottom:30px !important; }
	#ft .foot dl dt,
	#ft .foot dl dd { color:#fff; }
	#ft .foot dl dt { margin-bottom:7px; }
	#ft .foot dl.hostedby { position:static; margin-bottom:0 !important; }
	#ft .foot dl.hostedby dd { background:none; padding:0; }
	
	
	/* sub-contents */
	.sub-top-bnr { background-image:url('../img/contents/sub_top_bnr02_m.png'); height:250px; }

	/* 2-2 */
	.style-table dt { width:150px; }
	.style-table .support-list li { width:100%; }
	
	.sponsor-table dt { width:150px; }
	.sponsor-table .diamond-list li { width:100%; }		
	.sponsor-table .platinum-list li { width:80%; }
	.sponsor-table .gold-list li { width:60%; }
	.sponsor-table .silver-list li { width:50%; }		
	.sponsor-table .bronze-list li { width:33.2%; }
	.sponsor-table .other-list li { width:28.5%; }		
	
	.organizing-list { border-top: 5px solid #5b5b5b; }
	.organizing-list li { float:none; width:100%; padding:0; margin:0; margin-bottom:0; }
	.organizing-list li .ibx { border-top:0; }
	
	.organizingnon-list { border-top: 5px solid #5b5b5b; }
	.organizingnon-list li { float:none; width:100%; padding:0; margin:0; margin-bottom:0; }
	.organizingnon-list li .ibx { border-top:0; }	
	
	.chart_01.min960 { display:none; }
	.chart_01.max960 { display:block; }
	
	.chart_011.min960 { display:none; }
	.chart_011.max960 { display:block; }
	
	
	
	.chart_0111.min960 { display:none; }
	.chart_0111.max960 { display:block; }	
	
		

	.content .text-cont { font-size:13px; }
	.content .text-contterms { font-size:12px; }	
	.ul_li { font-size:13px; }
	
	
	.ul_lii { font-size:16px; }	
	
	/* 6-4. Visa
	* * * * * * * * * * * * * * * * * * * * * * * * * * */
	.related_websites li { width:47.5%; }
	.related_websites li .text { font-size:14px; display:block; text-align:center; margin-top:10px; }		
}

/* 726px */
@media(max-width:726px){
	.style-table dl { border-bottom:1px solid #ececec; padding:20px 0; }
	.style-table dt,
	.style-table dd { width:auto; float:none; display:block; border:0; padding:0; }
	.style-table dt { font-weight:700; margin-bottom:5px; }
	.style-table .support-list li { padding:0; margin-bottom:10px; }
	.style-table .support-list li .img { width:120px; height:120px; }
	
	.sponsor-table dl { border-bottom:1px solid #ececec; padding:20px 0; }
	.sponsor-table dt,
	.sponsor-table dd { width:auto; float:none; display:block; border:0; padding:0; }
	.sponsor-table dt { font-weight:700; margin-bottom:5px; }

	.sponsor-table .diamond-list li { padding:0; margin-bottom:20px; width:100%; }
	.sponsor-table .diamond-list li .img { width:50px; height:33px; padding-right:5px;}	
	
	.sponsor-table .platinum-list li { padding:0; margin-bottom:10px; width:80%; }
	.sponsor-table .platinum-list li .img { width:200px; height:33px; padding-right:5px;}	

	.sponsor-table .gold-list li { padding:0; margin-bottom:10px; width:60%; }
	.sponsor-table .gold-list li .img { width:200px; height:33px; padding-right:5px;}

	.sponsor-table .silver-list li { padding:0; margin-bottom:10px; width:50%; }
	.sponsor-table .silver-list li .img { width:50px; height:33px; padding-right:5px;}	
		
	.sponsor-table .bronze-list li { padding:0; margin-bottom:10px; width:33.2%; }
	.sponsor-table .bronze-list li .img { width:60px; height:45px; padding-right:5px;}
	
	.sponsor-table .other-list li { padding:0; margin-bottom:10px; width:28.5%; }
	.sponsor-table .other-list li .img { width:45px; height:30px; padding-right:5px;}			
	

	/* 6-4. Discover Seoul
	* * * * * * * * * * * * * * * * * * * * * * * * * * */
	.discover_seoul .list_tour { grid-template-columns:repeat(3, 1fr); }
	.discover_seoul .visit_link { display:block; margin-top:60px; }
	.discover_seoul .visit_link .btn { margin-bottom:20px; }
	.discover_seoul .visit_link .btn { line-height:54px; height:54px; font-size:16px; margin-bottom:18px; }
	.discover_seoul .visit_link .btn span:after { margin-left:10px; }
	.discover_seoul .list_tour li .tit  { font-size:11px; display:block; text-align:center; margin-top:10px;}	
	.discover_seoul h4 { position:relative; font-size:17px; font-weight:400; line-height:1.25em; margin-bottom:20px; color:#282726; letter-spacing:-0.8px; }


	
	.v_web { display:none; }
	.v_mobile { display:block; }
}

/* 600px */
@media(max-width:600px){
	.main-banner .imgbx { height:auto; }
	.main-banner .imgbx .mobile { display:block; }
	
	.contents { padding:2px 15px; }
	.contents .h3 {font-size:18px; margin:0 -5px; margin-bottom:20px; padding-left:20px; }
	.contents .h3:after { background-size:auto 7px; }
	
	.contents .h33 {font-size:14px; margin:0 -5px; margin-bottom:20px; padding-left:20px; }
	.contents .h33:after { background-size:auto 7px; }
		
	
	.contents .h5 {font-size:16px; margin:0 -5px; margin-bottom:20px; padding-left:20px; }
	
	/* sub-contents */
	.sub-top-bnr { display:none; }
	/*.sub-top-bnr { background-size:auto 100%; height:160px; }	*/
	.evt-bx .evt-item .t1 { letter-spacing:-1px; }

	.bo_w .bo_list .td_num,
	.bo_w .bo_list .td_hit { display:none; }
	.bo_w .bo_list thead th { height:40px; padding:0; }	
	.bo_w .bo_list tbody td.td_subject { padding:0; }
	.bo_w .bo_list td { padding:10px 5px; font-size:13px;}
	
	#bo_v_title {padding:10px 0; font-size:1.15em; line-height:1.7em;}
	#bo_v_info {margin-bottom:10px;width:100%;font-size:0.85em; line-height:1.7em;word-break:break-all;overflow:hidden}
	#bo_v_atc {font-size:1.25em}
	
	.imgtable dt { display:block; width:100%; margin-bottom:15px; }
	.imgtable dd { display:block; width:100%; font-size:12px; }
	.imgtable dt img { width:100%; height:auto; }
	
	/* quick-menu */	
	.quick-menu { display:none; }
	.quick-menu ul li { background-size:auto 100%; }
	.quick-menu ul li a { height:80px; }
	
	/* contactsus */		
    .contactsus li { font-size:18px; text-indent:-27px; padding-left:27px; }
    .contactsus table th, .contactsus table td { padding:10px; font-size:13px; }	
    .contactsus .depth2 { padding-left:0; }
    .contactsus .depth2 li { font-size:16px; }
    .contactsus.min960 { display:none; }
    .contactsus.max960 { display:block; }	
    .ul_li { font-size:13px; line-height:1.7em; margin-bottom:17px; }
	
    .ul_lii { font-size:16px; line-height:1.7em; margin-bottom:17px; }			

	.style-table dl { border-bottom:1px solid #ececec; padding:15px 0; }
	.style-table dt,
	.style-table dd { font-size:13px; width:auto; float:none; display:block; border:0; padding-right:10px; }
	.style-table dt { font-weight:700; margin-bottom:5px; font-size:15px; }
	.style-table .support-list li { padding:0; margin-bottom:10px; }
	.style-table .support-list li .img { width:120px; height:120px; }
	
	.style-table .button_a .btn_submit { font-size:11px; height:27px; line-height:27px; width:120px; }
	.style-table .button_a .btn_submit span { background-position: right center; }	
	
	/* tab_menuorg */
	.tab_menuorg { margin-bottom:50px; }
	
	.tab_menuorg ul li { float:left; width:50%; }
	.tab_menuorg ul li span { font-size:14px;}

				
	
}

/* 500px */
@media(max-width:500px){
	#hd h1 { height:120px; box-sizing:border-box; padding-top:40px; }
	#hd h1 img { height:auto; margin-top:-15px; }
	#hd h1 img.pc { display:none; }
	#hd h1 img.m { display:inline-block; }
	#hd .btn_menu, #hd .btn_home { width:40px; height:40px; }
	#hd .btn_menu { left:10px; }
	#hd .btn_home { right:10px; }
	#hd #nav ul li { font-size:17px; }
	#hd #nav .btn_close { right:10px; top:10px; }

	.evt-bx .d-day { height:120px; padding-top:15px; }
	.evt-bx .d-day .count { font-size:38px; }
	.evt-bx .d-day .date { font-size:12px; }
	.evt-bx .d-day .infokor { font-size:12px; padding-bottom:15px;}	

	.evt-bx .evt-list .evt-item { padding:20px 5px; }
	.evt-bx .evt-item .t1 { font-size:11px; margin-bottom:10px; }
	.evt-bx .evt-item .t2 { font-size:21px; }
	.evt-bx .evt-item .t3 { font-size:17px; margin-bottom:10px; }
	.evt-bx .evt-item .button_a .btn_submit { font-size:11px; height:27px; line-height:27px; width:120px; }
	.evt-bx .evt-item .button_a .btn_submit span { background-position: right center; }
	
	.mid-conts .cnt-top { height:90px; padding-top:10px; }
	.mid-conts .cnt-top .txt-goto  { left:20px; top:10px; font-size:13px; background-size:8px auto; }
	.mid-conts .cnt-top .title { font-size:16px; background-size:35px auto; padding-left:30px; }
	
	.mid-conts .conts-li li { height:130px; }
	.mid-conts .conts-li li span { font-size:12px; background-size:50px auto; padding-top:50px; letter-spacing:-1px;}
	
	.sc-video .videobx { margin-bottom:15px; }
	.sc-video .textbx { font-size:12px; line-height:1.55; }
	.sc-video .textbx p { margin-bottom:10px; }
	.sc-video .button_a { margin-top:15px; }
	.sc-video .button_a .btn_submit { font-size: 11px; height: 27px; line-height: 27px; width: 120px; }
	.sc-video .button_a .btn_submit span { background-position: right center; }
	
	.sc-videond .videobx { margin-bottom:800px; }	

	/* 20220620 */
	.mid-conts .cnt-top { padding-top:0; }
	.online-platform { border-bottom: 1px solid #cdcdcd; }

	.logo_medtronic { margin-bottom:0; padding:20px 0; }
	.logo_medtronic img { width:130px; }

	.sponsor-list_wr { padding:30px 20px; }
	.sponsor-list { padding:0 50px; }
	.sponsor-list .swiper-button-next2, .sponsor-list .swiper-button-prev2 { width:35px; background-size:7px auto; }

	#ftad { padding:30px 20px; }
	#ftad .foot dl { margin-bottom:20px !important; }
	#ftad .foot dl dt { font-size:12px; }
	#ftad .foot dl dd { font-size:11px; line-height:1.25em; opacity:0.9; }
	
	
	#ft { padding:30px 20px; }
	#ft .foot dl { margin-bottom:20px !important; }
	#ft .foot dl dt { font-size:12px; }
	#ft .foot dl dd { font-size:11px; line-height:1.25em; opacity:0.9; }

	/* sub-contents */
	.container { padding: 0px 0 80px 0; }
	.contents h3.h3 { font-size:24px; padding-left:25px; padding-bottom:10px; margin-bottom:20px; }
	.contents h3.h3:after { left:-10px; }
	
	.contents h33.h33 { font-size:27px; padding-left:25px; padding-bottom:10px; margin-bottom:20px; }
	.contents h33.h33:after { left:-10px; }	

	.contents .h4 { font-size:21px; }
	.contents .h44 { font-size:25px; }
	
		
	.contents .h6 { font-size:13px; }
	.contents .h7 { font-size:15px; padding-top:100px;}		
	
	.contents .content { font-size:14px; line-height:1.5em;}
	.greeting .title { font-size:20px; line-height:1.5em; }
	.greeting .sign img { width:500px; height:auto; }
	
	.organizing-list li { padding:10px 0; border-bottom: 1px solid #d3d3d3; }
	.organizing-list li .ibx { border-bottom:0; }
	.organizing-list li .pic { padding:0; width:100px; border-right:0; }
	.organizing-list li .info { margin-left:115px; padding-top:7px; }
	.organizing-list li .info .org { font-size:20px; margin-bottom:20px; }	
	.organizing-list li .info .name { font-size:17px; margin-bottom:10px; }
	.organizing-list li .info .text { line-height:1.35em; }
	
	.organizingnon-list li { padding:10px 0; border-bottom: 1px solid #d3d3d3; margin-bottom:20px;}
	.organizingnon-list li .ibx { border-bottom:0; }
	.organizingnon-list li .pic { padding:0; width:100px; border-right:0; }
	.organizingnon-list li .info { padding-top:7px; }
	.organizingnon-list li .info .name { font-size:17px; margin-bottom:5px; }
	.organizingnon-list li .info .text { line-height:1.35em; }	
	
	.imgtable dt { display:block; width:100%; margin-bottom:15px; }
	.imgtable dd { display:block; width:100%; font-size:12px; }
	.imgtable dt img { width:100%; height:auto; }
	
	/* contactsus */		
    .contactsus li { font-size:18px; text-indent:-27px; padding-left:27px; }
    .contactsus table th, .contactsus table td { padding:10px; font-size:13px; }	
    .contactsus .depth2 { padding-left:0; }
    .contactsus .depth2 li { font-size:16px; }
    .contactsus.min960 { display:none; }
    .contactsus.max960 { display:block; }	
    .ul_li { font-size:13px; line-height:1.7em; margin-bottom:17px; }
	
    .ul_lii { font-size:16px; line-height:1.7em; margin-bottom:17px; }					
	
	/* quick-menu */	
	.quick-menu { display:none; }
	.quick-menu ul li { background-size:auto 100%; }
	.quick-menu ul li a { height:80px; }
	
	.btn_area .btn_download { width:300px; background-size:100% auto; height:57px; line-height:45px; font-size:13px; }
}