@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}
*:before,*:after{box-sizing:border-box}
html{-webkit-font-size-adjust:none}
html,body{height:100%}
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{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-family:'Play','ntk','nsr','맑은고딕','Malgun Gothic','AppleGothic','Dotum','arial',sans-serif}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
body{line-height:1;color:#666;font-size:16px;font-weight:400;letter-spacing:0;height:auto;}
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}
img{max-width:100%;border:0;vertical-align:top;-ms-interpolation-mode:bicubic}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,em,li,i,tr,th,td{word-wrap:break-word;word-break:break-all}
button,input{line-height:1}
button{text-transform:none}
button[disabled],html input[disabled]{cursor:pointer}
button,input[type="reset"],input[type="submit"]{cursor:pointer}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box}
form,input,form,fieldset{border:none}
label,select,input,button{vertical-align:middle}
button{border:0;cursor:pointer}
button,input,textarea{margin:0;font-size:100%;vertical-align:baseline}
button{text-transform:none}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
select{margin:0;padding:0;border:1px solid #c9c9c9;box-sizing:border-box;line-height:1}
form label,form input,form span,form img,form em,form a{display:inline-block;margin-top:0;vertical-align:middle}
form fieldset,legend,form input{border:0}
input,textarea{font-size:1em;font-family:'Play','ntk','nsr','맑은고딕','Malgun Gothic','AppleGothic','Dotum','arial',sans-serif;vertical-align:baseline;vertical-align:middle;border:0}
input[type="checkbox"],input[type="radio"]{margin:0 10px 0 0;padding:0;width:15px;height:15px;line-height:18px;vertical-align:middle}
input[type="checkbox"]+label,input[type="radio"]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}
input[type="text"],input[type="password"],input[type="file"],input[type="search"]{padding:0 14px;height:38px;border:1px solid #d4d4d4;border-radius:0;font-size:16px;line-height:38px;color:#666}
input[type="file"]{height:38px;line-height:20px;padding:8px 5px;font-size:16px;border:1px solid #d4d4d4}
input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled]{border:1px solid #adadad;background:#d4d4d4;color:#928881}
input,textarea,select{font-size:1em;font-family:'Play','ntk','nsr','맑은고딕','Malgun Gothic','AppleGothic','Dotum','arial',sans-serif;vertical-align:baseline;vertical-align:middle}
/*textarea{overflow:auto;padding:10px;width:100%;height:130px;border:1px solid #d4d4d4;border-radius:8px;vertical-align:top;font-size:16px;color:#666}*/






a{text-decoration:none;}
a:link,
a:visited{color:#666; text-decoration:none;}
a:hover,
a:focus,
a:active{color:#000; text-decoration:none;}
form{margin:0;padding:0; display:inline; }
em{ font-style:normal;}

input::-webkit-input-placeholder {color:#afafaf;}
input:-moz-placeholder {color:#afafaf;}
input::-moz-placeholder {color:#afafaf;}
input:-ms-input-placeholder {color:#afafaf;}

/* skip Navi */
#accessibility{position:absolute;top:-1px;left:0;background-color:#333;z-index:999999}
#accessibility a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000}
#accessibility a:link{color:#333;}
#accessibility a:focus{margin-top:0;text-decoration:underline;color:#fff}

hr{ width:100%; height:1px; background-color:#666; margin:20px 0px; border:0px;}
.clearfix:after{content:'';display:block;clear:both;}
.hidden,legend,caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
#wrap{position:relative;width:100%;height:100%;}



/* onload */
.onload .visual_slide{opacity: 1;}

/* paging */
.paging {text-align:Center;margin-top:15px}
.paging ul {font-size:0}
.paging li {display:inline-block;}
.paging li a {display:block;font-size:16px;float:left;margin:0px 8px}
.paging li a img {display:block;position:relative;top:2px}
.paging li a.active {font-weight:bold;color:#00529b}
.paging li.arrow1 a {margin:0}
.paging li.arrow2 {margin:0}

#suggesstion-box {position: relative;}
.school-view {position: absolute;top: 0;width: 430px;height: 230px;border: 1px solid #ccc;border-top: 0;box-shadow: 4px 8px 10px rgb(0 0 0 / 13%);}
.scrollBlind {overflow-y: scroll;width: 100%;height: 100%;background-color: #fff;}
#school-list li {display: flex;justify-content: space-between;align-items: center;padding: 10px;background-color: #fff;border-bottom: #bbb9b9 1px solid;line-height: 1.5;font-size: 15px;}
#school-list li:hover {background-color: #f0f0f0;}
#school-list li .btn {padding: 2px 8px;background: #0b4f98;color: #fff;font-size: 13px;letter-spacing: -0.5px;cursor: pointer;}