@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FRADM';
    src: url('https://asp2024.gaonpco.com/event/asp2024/font/FRADM.TTF') format('ttf');
    font-weight: normal;
    font-style: normal;
}

/* base */
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea, button, select { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; background:none; }
input:focus, textarea:focus { outline-style:none; } 
input {  -webkit-appearance: none; -webkit-border-radius: 0; }
img { max-width:100%; height:auto; vertical-align:middle; border:0;}
a:link, a:hover, a:active, a:visited, a:focus {color:inherit; text-decoration: none;}
html { font-size: 14px; line-height:1.35em; }
/* body, button, h1, h2, h3, h4, h5, input, select, table, textarea, button { font-family:S-CoreDream-4Regular, Arial, Helvetica, sans-serif; font-weight:400; color:#000; } */
body, button, h1, h2, h3, h4, h5, input, select, table, textarea, button { font-family: 'FRADM', 'Noto Sans KR', sans-serif; font-weight:500; color:#000; }

/* placeholder */
input::-webkit-input-placeholder { color:#aaa; }
input::-moz-input-placeholder { color:#aaa; }
input::-moz-placeholder { color:#aaa; }
input::-ms-input-placeholder { color:#aaa } 
textarea::-webkit-input-placeholder { color:#aaa; }
textarea::-moz-input-placeholder { color:#aaa; }
textarea::-moz-placeholder { color:#aaa; }
textarea::-ms-input-placeholder { color:#aaa }

/* input :: text */
input.fr_input {
	width:100%; height:48px; border:1px solid #d8dbe6; background-color:#fff; font-size:20px; line-height:1.25em; color:#333333; padding:5px 10px; vertical-align:middle; font-weight:700;
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	-o-box-sizing:border-box; 
	box-sizing:border-box; 
}

input[type=checkbox] { -webkit-appearance: checkbox; }

.selectbx { }
.selectbx select { display:block; width:100%; padding:10px; height:48px; border: 1px solid #d8dbe6; font-family: inherit; background: url('../img/arrow.png') no-repeat 95% center; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing:border-box; font-size:20px; line-height:1.35em; font-weight:700; outline:none; cursor:pointer; }
select::-ms-expand { display: none; }

/* select 20220624*/
.select{ position:relative; display:block; vertical-align:middle; background-color:#fff;  }
.select .myValue { position:relative; border:0; left:0; top:0; display:block; width:100%; height:69px; line-height:69px; padding-right:69px; font-size:18px; text-align:center; overflow:visible; background:transparent; box-sizing:border-box; color:#666; cursor:pointer; z-index:99; }
.select .myValue:focus { outline:none; }
.select .myValue.selected { font-weight:700; }
.select.open .myValue,
.select .myValue.outLine { }
.select .ctrl { position:absolute; top:0; right:0; display:block; width:69px; height:100%; background-repeat:no-repeat; background-position:center 50%; background-image:url('../img/contents/icon_menu_arrow_default.png'); color:transparent; z-index:9; }
.select.open .ctrl { background-image:url('../img/contents/icon_menu_arrow_open.png'); }
.select .arrow { }
.select ul.aList{ position:absolute; top:0px; left:0; float:none !important; width:100%; border:0; background-color:#44485a; overflow:hidden; box-sizing:border-box; z-index:999;  display:none; }
.select.open ul.aList { display:block; }
.select ul.aList li { position:relative; overflow:hidden; width:100% !important; float:none !important; font-size:18px; border-bottom:1px solid #55565d;  }
.select ul.aList li a { display:block; text-decoration:none; color:#eee; height:69px; line-height:69px; padding-left:40px; }
.select ul.aList li.hover *{ background-color:#999; color:#fff;}


/* filebox */
.filebox { position:relative; padding-right:110px; }
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
.filebox label { position:absolute; right:0; top:0; display: block; text-align:center; width:110px; height: 48px; line-height: 48px; font-size:14px; vertical-align: middle;  background-color:#d8dbe6; border:0; outline:none; font-weight:700; cursor:pointer; }
.filebox .upload-name { display: block; width:100%; padding: 10px 20px; color: #333333; vertical-align: middle; background-color: #fff; cursor: pointer; border: 1px solid #d8dbe6; font-size:20px; font-weight:700; box-sizing:border-box; height: 48px; line-height: 1.25em; }

.formbox dl dt .btn_download { color:#3e97fe; }


.wrap { min-width:320px; }

/* header */
#hd { position:relative; z-index:99; }
#hd .head { position:relative; max-width:1400px; margin:0 auto; }
#hd h1 { padding-top:25px; height:110px; }
#hd h1 img.pc { }
#hd h1 img.m { display:none; }
#hd .util { position:absolute; right:0; top:72px; }
#hd .util a { font-size:14px; line-height:1.35em; color:#353535; margin-left:25px; font-weight:300; text-transform:uppercase; } 

#hd #nav { position:relative; background-color:#605c52; min-width:300px; border-top:1px solid #e5e5e5; }
#hd #nav:after { position:absolute; left:0; right:0; top:70px; height:215px; background-color:rgba(0,0,0,0.7); content:""; display:none; }
#hd #nav ul { max-width:1400px; margin:0 auto; }
#hd #nav ul:after { display:block; clear:both; height:0; content:""; }
#hd #nav ul li { position:relative; float:left; font-size:19px; font-weight:400; margin-right:135px; }
#hd #nav ul li:last-child { margin-right:0; }
#hd #nav ul li a.idx { display:block; height:70px; line-height:70px; color:#fff; }



#hd #nav .submenu { position:absolute; left:0; top:65px; z-index:9; width:200px; padding:30px 0 0 0; z-index:1; display:none; }
#hd #nav .submenu span { display:block; margin-bottom:7px; font-size:16px; text-align:left; font-weight:500;}
#hd #nav .submenu a { display:block; height:auto; line-height:1.25em; color:#fff; opacity:0.9; font-weight:510; }
#hd #nav .submenu a:hover { opacity:1; }

#hd #nav:hover:after { display:block; }
#hd #nav ul li:hover > .submenu { display:block; }


/* mobile */
#hd .btn_menu,
#hd .btn_home { position:absolute; top:50%; width:64px; height:64px; background-repeat:no-repeat; background-position:center; transform:translateY(-50%); background-size:100% auto; display:none; overflow:hidden; text-indent:-5000px; cursor:pointer; }
#hd .btn_menu { left:30px; background-image:url('../img/common/icon_menu.png'); }
#hd .btn_home { right:30px; background-image:url('../img/common/icon_home.png'); }
#hd .btn_close { display:none; }


/* footer */
#ftad { background-color:#e3e3e3; padding:60px 0; }
#ftad .foot { max-width:1400px; margin:0 auto; }
#ftad .foot:after { display:block; clear:both; height:0; content:""; }
#ftad .foot dl { float:left; }
#ftad .foot dl:nth-child(2) { margin-right:0; }
#ftad .foot dl dt { font-size:17px; line-height:1.5em; font-weight:400; color:#282626; margin-bottom:15px; margin-right:10px;}
#ftad .foot dl dd { font-size:14px; line-height:1.7em; font-weight:300; color:#282626; margin-right:50px;}
#ftad .foot dl.hostedby dt { margin-bottom:5px;}
#ftad .foot dl.hostedby dd { padding:2px 0 10px 0px;}
#ftad .foot dl.add dt { margin-bottom:5px;}
#ftad .foot dl.add dd { padding:2px 0 0px 0px;}
/* #ft .foot dl.hostedby dd { padding:8px 0 10px 70px; background-repeat:no-repeat; background-position:left top; background-image:url('../img/common/emblem.jpg'); } */


/* footer */
#ft { background-color:#e3e3e3; padding:60px 0; }
#ft .foot { max-width:1400px; margin:0 auto; }
#ft .foot:after { display:block; clear:both; height:0; content:""; }
#ft .foot dl { float:left; margin-right:100px; }
#ft .foot dl:nth-child(2) { margin-right:0; }
#ft .foot dl:last-child { float:center; margin-right:0; }
#ft .foot dl dt { font-size:17px; line-height:1.5em; font-weight:400; color:#282626; margin-bottom:15px; margin-right:50px;}
#ft .foot dl dd { font-size:14px; line-height:1.7em; font-weight:300; color:#282626; margin-right:50px;}
#ft .foot dl.hostedby dt { margin-bottom:5px;}
#ft .foot dl.hostedby dd { padding:2px 0 10px 0px;}
/* #ft .foot dl.hostedby dd { padding:8px 0 10px 70px; background-repeat:no-repeat; background-position:left top; background-image:url('../img/common/emblem.jpg'); } */

/* main
* * * * * * * * * * * * * * * * * * * * * * */
.container.main { max-width:none; padding:0; }
.main-banner-wr { }
.main-banner .swiper-slide { }
.main-banner .swiper-button-next,
.main-banner .swiper-button-prev { width:57px; height:57px; outline:none; border:0; background-size:57px auto; cursor:pointer; }
.main-banner .swiper-button-next { background-image:url('../img/main/icon_next.png'); right:50%; transform:translatex(1220%); }
.main-banner .swiper-button-prev { background-image:url('../img/main/icon_prev.png'); left:50%; transform:translatex(-1220%); }
.main-banner .imgbx { height:636px; background-repeat:no-repeat; background-position:center; background-color:#1e1d41; }
/*.main-banner .imgbx.mb1 { background-image:url('../img/main/main_banner_2021_ondemandservice.jpg'); }*/
.main-banner .imgbx.mb1 { background-image:url('../img/main/index_visual_2026_01.jpg'); }
.main-banner .imgbx.mb2 { background-image:url('../img/main/index_visual_2026_02.jpg'); }
/*.main-banner .imgbx.mb3 { background-image:url('../img/main/index_visual_03_02.jpg'); }*/

.main-banner .imgbx .mobile { display:none; width:100%; height:auto; }

.container { position:relative; z-index:9; }

/* sc-main */
section.sc-main { background-color:#e5e5e5; padding-bottom:12px; }
section.sc-main .in-bx{ position:relative; max-width:1400px; margin:0 auto; top:-78px; }

/* evt-bx */
.evt-bx { position:relative; width:100%; overflow:hidden; background-color:#fff; /* border:1px solid #e5e5e5; */ margin-bottom:40px; }
.evt-bx .d-day { float:left; width:280px; height:290px; background-color:#82508f; text-align:center; color:#fff; box-sizing:border-box; padding-top:75px;}
.evt-bx .d-day .count { font-size:40px; line-height:1.2em; font-family: 'S-CoreDream-4Regular'; font-weight:700; }
/*.evt-bx .d-day .count { font-size:55px; line-height:1.2em; font-weight:800; }*/
.evt-bx .d-day .date { font-size:23px; line-height:1.2em; padding-top:10px;}
.evt-bx .d-day .infokor { font-size:18px; line-height:1.2em; padding-top:4px;}
.evt-bx .evt-list { float:left; }
.evt-bx .evt-list .evt-item { float:left; width:280px; height:290px; text-align:center; box-sizing:border-box; border-left:1px solid #e5e5e5; padding-top:60px; }
.evt-bx .evt-item .t1 { font-size:16px; line-height:1.40em; text-transform:uppercase; margin-bottom:20px; font-weight:300; }
.evt-bx .evt-item .t2 { font-size:27px; line-height:1.15em; text-transform:uppercase; color:#b13e59; margin-bottom:20px; font-weight:700; }
.evt-bx .evt-item .t3 { font-size:28px; line-height:1.15em; text-transform:uppercase; color:#b13e59; margin-bottom:20px; font-weight:600; letter-spacing:-0.8px;}
.evt-bx .evt-item .button_a { text-align:center; }
.evt-bx .evt-item .button_a .btn_submit { display:inline-block; width:150px; height:34px; line-height:35px; text-align:center; background-color:#4c4b4b; color:#fff; font-size:14px; text-transform:uppercase; border-radius:15px; overflow:hidden; }
.evt-bx .evt-item .button_a .btn_submit span { display:inline-block; background-repeat:no-repeat; background-position:right 12px; background-image:url('../img/main/icon_arrow.png'); padding-right:18px; cursor:pointer; font-weight:500; }

/* .mid-conts */
.mid-conts { width:100%; overflow:hidden; background-color:#fff; }
.mid-conts .online-platform,
.mid-conts .web-banner { float:left; width:50%; }
.mid-conts .cnt-top { position:relative; display:block; text-align:center; height:140px; background-color:#5a67a2; box-sizing:border-box; padding-top:20px; }
.mid-conts .cnt-top .txt-goto { position:absolute; left:90px; top:25px; display:inline-block; color:#fff; line-height:1.35em;  background-repeat:no-repeat; background-position:right center; background-image:url('../img/main/icon_goto.png'); padding-right:250px; font-weight:300; }
.mid-conts .cnt-top .title { display:inline-block; padding-right:60px; font-family: 'S-CoreDream-4Regular'; font-weight:500; font-size:23px; text-transform:uppercase; line-height:90px; color:#fff; background-repeat:no-repeat; background-position:right center; }
.mid-conts .online-platform .title { background-image:url('../img/main/icon_reg_over.jpg'); }
.mid-conts .web-banner .title { background-image:url('../img/main/icon_reg_dom.jpg'); }
.mid-conts .web-banner .cnt-top { background-color:#0ba6c3; }

.mid-conts .conts-li { width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; }
.mid-conts .conts-li li { float:left; width:33.33%; height:250px; text-align:center; box-sizing:border-box; }
.mid-conts .conts-li li a { color:#333;}
.mid-conts .conts-li li span { position:relative; top:45%; width:100%; display:inline-block; background-position:center top; background-repeat:no-repeat; padding-top:120px; font-size:17px; text-transform:uppercase; line-height:1.35em; transform:translateY(-50%); font-weight:300; }

/* 20220620 */
.mid-conts .bnr_wr { width:100%; overflow:hidden; }
.mid-conts .bnr_wr .bnr { float:left; width:50%; }
.mid-conts .bnr_wr .bnr .title { background-image:url('../img/main/icon_arrow02.png'); } 

.mid-conts .bnr_wr .bnr:last-of-type .cnt-top { background-color:#548db8; }
/* .mid-conts .bnr_wr .bnr:last-of-type .title { background-image:url('../img/main/icon_reg_dom.jpg'); }*/

.mid-conts .web-banner .conts-li { border-left:1px solid #e5e5e5; }

.mid-conts .conts-li li span.p1 { background-image:url('../img/main/icon_message.jpg'); }
.mid-conts .conts-li li span.p2 { background-image:url('../img/main/icon_program.jpg'); }
.mid-conts .conts-li li span.p3 { background-image:url('../img/main/icon_abstract.jpg'); }
.mid-conts .conts-li li span.b1 { background-image:url('../img/main/icon_organization.jpg'); }
/* .mid-conts .conts-li li span.b1 { background-image:url('../img/main/icon_sponsor.jpg'); } */
.mid-conts .conts-li li span.b2 { background-image:url('../img/main/icon_announcement.jpg'); }
.mid-conts .conts-li li span.b3 { background-image:url('../img/main/icon_poster.jpg'); }

/* .sc-video */
.sc-video { padding:100px 0 90px 0; border-bottom: 1px solid #ccc; }
.sc-video .in-bx { max-width: 1400px; margin: 0 auto; }
.sc-video .videobx { position:relative; float:left; width:680px; margin-right:40px; }
#vimeoWrap { position:relative; padding-bottom: 56.25%; }
#vimeoWrap iframe { position:absolute; left:0; top:0; width: 680px; height: 380px; width:100%; height:100%; }

.sc-video .textbx { /* margin-left:720px; */ font-size:17px; line-height:1.75; color:#000000; font-weight:300; letter-spacing:-0.5px; }
.sc-video .textbx p { margin-bottom:20px; }
.sc-video .button_a { margin-top:30px; }
.sc-video .button_a .btn_submit { display: inline-block; width: 150px; height: 34px; line-height: 34px; text-align: center; background-color: #4c4b4b; color: #fff; font-size: 12px; text-transform: uppercase; border-radius: 15px; overflow: hidden; vertical-align:middle; }
.sc-video .button_a .btn_submit span { display: inline-block; background-repeat: no-repeat; background-position: right 12px; background-image: url(../img/main/icon_arrow.png); padding-right: 18px; cursor: pointer; font-weight: 300; }

/* .sc-videond */
.sc-videond { padding:100px 0; border-bottom: 1px solid #ccc; }
.sc-videond .in-bx { max-width: 1400px; margin: 0 auto; overflow:hidden; }
.sc-videond .videobx { position:relative; float:left; width:680px; margin-right:40px; }
.sc-videond .video_list { max-width: 1400px; margin: 0 auto; overflow:hidden; }
.sc-videond .video_list li { position:relative; float:left; width:24.6%; margin-right:0.5%; }
.sc-videond .video_list li:last-child { margin-right:0; }
.sc-videond .video_list li .vimeoWrap {  position:relative; padding-bottom: 56.25%; }
.sc-videond .video_list li .vimeoWrap video { position:absolute; left:0; top:0; width: 340px; height: 380px; width:100%; height:100%;}

#vimeoWrap { position:relative; padding-bottom: 56.25%; }
#vimeoWrap iframe { position:absolute; left:0; top:0; width: 340px; height: 190px; width:100%; height:100%; }



/* sc-surgery */
section.sc-surgery { border-bottom:1px solid #cccccc; padding:78px 0 100px 0; }
section.sc-surgery .in-bx{ position:relative; max-width:1400px; margin:0 auto; }
/* surgery-li */
.surgery-li { width:100%; overflow:hidden; }
.surgery-li li { float:left; width:20%; text-align:center; box-sizing:border-box; padding:0 10px; }
.surgery-li li .emblem { text-align:center; margin-bottom:30px; }
.surgery-li li .title { text-align:center; margin-bottom:25px; font-size:15px; line-height:1.45em; color:#4c4b4b; font-weight:300; text-transform:uppercase; }
.surgery-li li .button_a { text-align:center; }
.surgery-li li .button_a .btn_view { display:inline-block; width:90px; height:40px; line-height:40px; background-color:#282626;  background-image:url('../img/main/icon_more.png'); background-repeat:no-repeat; background-position:center; cursor:pointer; }


section.sc-sponsor { padding:65px 0 80px 0; }
section.sc-sponsor .in-bx{ position:relative; max-width:1400px; margin:0 auto; }
.logo_medtronic { text-align:center; margin-bottom:94px; }

.sponsor-list_wr { position:relative; }
/* sponsor-list */
.sponsor-list { position:relative; padding:0 120px; }
.sponsor-list .swiper-button-next2,
.sponsor-list .swiper-button-prev2 { position:absolute; top:0; width:90px; height:100%; outline:none; border:0; cursor:pointer; background-color:#282626; background-repeat:no-repeat; background-position:center; }
.sponsor-list .swiper-button-next2 { background-image:url('../img/main/icon_next_small.png'); right:0; }
.sponsor-list .swiper-button-prev2 { background-image:url('../img/main/icon_prev_small.png'); left:0; }
.sponsor-list .bnrbx { border:1px solid #d5d5d5; text-align:center; overflow:hidden; }

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





/* quick-menu */
.quick-menu { position:fixed; right:0; top:50%; display:block; transform:translateY(-50%); z-index:99; }
@media(max-width:1440px){
	.quick-menu { display:none; }
}