@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);

/* basic setting */
* { padding:0; margin:0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0 }
body, input, textarea, select, button, table { font-size:14px;  font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Noto Sans', Helvetica, AppleGothic, Sans-serif; color:#333; }
html { overflow-y:visible; }
html, body { width:100%; height:100%; padding:0; margin:0; }
img, fieldset { border:0; }
ul, ol, li { list-style:none; }
em, address { font-style:normal; }
a { text-decoration:none; }
header, footer, nav, section, article, aside { display:block; }
img { max-width:100%; }

* {box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-family: 'Noto Sans KR', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
		font-family: 'Noto Sans KR', sans-serif;
	line-height: 1.5;
	letter-spacing:-0.5px;
	background:#F8F9FA;;
}
ol, ul , li {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {text-decoration:none;color:black;}

/*구조*/
.pc_view { display:inline-block;}
.mb_view { display:none; }

/*pc*/
.wrap { width:100%; margin:0 auto; text-align:center;  min-width:800px; margin-bottom:11vw;}
/*.wrap img { max-width:100%; display:block; margin:0 auto; }*/

.fixed {position:fixed; bottom:0; left:0; width:100%; background-color:#312d2c; height:auto;z-index:999;}
.fixed .fixed_in {width:850px; margin:0 auto;}

.db_box{}
.db_box h1{margin:0 auto; margin-top:10px;}
.db_box .info{width:590px; float:left;}
.info dl{}
.info dl:after {display:block;visibility:hidden;width:0;height:0;content:"";}
.info dd {width:75%;text-align:left;float:right;height:45px;line-height:45px;color:#fff;}
.info dt {width:17%;text-align:left;float:left;height:45px;line-height:45px; color:#fff;font-size:16px;}
.info dd input[type="text"] {width:95.2%;height:38px;}
.info dd input[type="text"].short {width:30%;}
.info dd input[type="tel"] {width:100%;height:38px;}
.info dd input[type="tel"].short {width:30%;}
.db_box .btn_submit{float:right; margin-top:4px;}
.btn_submit img{}



.apply {clear:both;}
.apply ul{margin-top:10px;}
.apply li {font-size:14px;color:#fff;padding:5px;float:left;padding-right:20px; margin-bottom:10px;}
.apply li a {color:#fc0000;}
.apply li input , .apply li a {vertical-align:middle;}
.apply .commennt {font-weight:bold;}

.map_css{position:absolute; right:0; width:60.3vw;}

.btn{position:fixed; z-index:992;; right:53px;}
.btn > a{display:block;  width:90px; height:90px}

.btn01{top:271px; }
.btn02{top:380px; }
.btn03{top:493px; }

/*
.right_img{position:fixed;z-index:900;right:0px;bottom:280px;}
.bottom{}
*/

/*이용약관 버튼*/
.footer ul{position: absolute; z-index:600; width:100%; height: 2vw; left:18vw}
.footer ul li{width:7vw; height:2vw; margin-right:1vw; float:left; margin-top:0.5vw; cursor:pointer; }


.footer {width:100%;}


/*팝업*/
        .popup_btn{cursor: pointer;}
        .on{display:block !important;}
        .popup, .popup2{display:none;}
        .popup .mask, .popup2 .mask{ position:fixed; z-index:999; width:100%; height: 100%; display:block; background-color:rgba(0, 0, 0, 0.3); }
        .apply_pop_wrap{position:fixed; z-index:1000; left: 50%; transform: translate(-50%); background-color:white; top:50px; width:52vw; height:calc(100% - 256px); }
        .apply_pop_wrap .apply_close{display:block; float:right; margin:30px 30px 10px 0; cursor: pointer;} 
        .apply_pop_wrap .text_wrap{clear:both; display:flex; justify-content: center; flex-flow: column nowrap; height:calc(100% - 105px); max-height: calc(100% - 105px); padding:0 40px 30px; text-align:left;}
		.apply_pop_wrap .text_wrap .textCon{width:100%; height:94%; line-height:24px; padding:10px 20px 40px; overflow-y:auto; }
		.apply_pop_wrap p{clear:both; text-align:center; font-size:24px; font-weight:600;}


@media all and (max-width:1500px){
.wrap {margin-bottom:15vw;}
}


@media all and (max-width:1050px){
.wrap {margin-bottom:20vw;}
}

@media all and (max-width:860px){
.wrap {margin-bottom:25vw;}
}

/*모바일*/
@media screen and  (max-width: 640px) {
.pc_view { display:none; }
.mb_view { display:inline-block; }

.wrap { width:100%; margin:0 auto; text-align:center;  min-width:200px; padding-bottom:100vw; }
/*.wrap img { max-width:100%; display:block; margin:0 auto; }*/

.fixed {height:auto;}
.fixed .fixed_in {position:relative; width:100vw; margin:0 auto;}

.db_box{height:auto;}

.db_box h1{margin-top:2vw; width:78%;}
.db_box .info{width:100%; margin-left:6vw;}
.info dl{}
.info dl:after {display:block;visibility:hidden;width:0;height:0;content:"";}
.info dd {width:70%;text-align:left;float:left;height:30px;line-height:30px;color:#fff;}
.info dt {width:20%;text-align:left;float:left;height:30px;line-height:30px;  color:#fff;font-size:1em;}
.info dd input[type="text"] {width:95%;height:24px;}
.info dd input[type="text"].short {width:25%;}
.info dd input[type="tel"] {width:95%;height:24px;}
.info dd input[type="tel"].short {width:29%;}

.btn_submit{ }
.btn_submit img{width:22vw;}

.apply {width:75%; padding-top:1vw; margin-left:6vw;}
.apply ul{margin-top:5px;}
.apply li {font-size:0.8em;color:#fff;padding:0;float:left; clear:both; margin-bottom:1vw;}
.apply li a {color:#fc0000;}
.apply li input , .apply li a {vertical-align:middle;}
https://frogstock.speedgabia.com/smi/landing/2023/smi_2023_onjung_kmed/pc/section_06.jpg
.btn{position:fixed; z-index:992; right:5vw; background-color:red;}
.btn > a{display:block;  width:12vw; height:10vw;}



.right_img{position:fixed; z-index:900; top:74vw; width:24%; right: 2vw;}

/*이용약관 버튼*/
.footer ul{position: absolute; z-index:600; width:100%; height: 14vw; left: 0;}
.footer ul li{width:37vw; height:100%; margin-left:13vw; float:left; margin-top:1.5vw; cursor:pointer;}
.footer ul li:nth-child(2){margin-left:2vw;}




/*팝업*/
        .popup_btn{cursor: pointer;}
        .on{display:block !important;}
        .popup, .popup2{display:none;}
        .popup .mask, .popup2 .mask{ position:fixed; z-index:999; width:100%; height: 100%; display:block; background-color:rgba(0, 0, 0, 0.3); }
        .apply_pop_wrap{position:fixed; z-index:1000; left: 50%; transform: translate(-50%); background-color:white; top:20vw; width:90%; height:62%; }
        .apply_pop_wrap .apply_close{display:block; float:right; margin:5vw 5vw 2vw 0; cursor: pointer;} 
        .apply_pop_wrap .apply_close img{width:7vw;}
        .apply_pop_wrap textarea, .apply_pop_wrap p{clear:both; text-align:center;}
		.apply_pop_wrap .text_wrap{ padding:0 4vw 3vw;}
		.apply_pop_wrap .text_wrap .textCon{width:100%; height:94%; line-height:24px; padding:1vw 2vw 4vw; overflow-y:auto; }
		.apply_pop_wrap p{font-size:1.4em; }





.footer {height:180px;}
}