@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:100&display=swap');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);


* { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; }
html {margin:0 padding:0;}
body {margin:0;padding:0; min-width:320px; height:100%;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0; font-size:1em}
button {cursor:pointer}
textarea, select { font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited, a:hover, a:focus, a:active {color:#333333;text-decoration:none}

.clear {display:block;visibility:hidden;clear:both;content:""}


.head {width:100%; margin:0 auto; border-bottom:1px solid #ddd; height:auto; position:fixed; top:0; text-align:center;background:#fff; z-index:9999;}
.head_wrap {width:100%; max-width:1200px; height:40px; border-bottom:1px solid #c9c9c9; margin:0 auto; padding:30px 0; position: relative;}
.head_logo {display:inline-block; position: absolute;left:5px; cursor: pointer;}

.head_menu {display:inline-block; position:absolute; right: 0;}
.head_menu li {display:inline-block; text-align:center; width:100px; height:30px; font-size:18px; line-height:30px; padding:5px 25px; border-radius:30px; border:1px solid #000; background:#fff; color:#000; cursor:pointer; margin:0 5px;}
.head_menu li.active {background:#000; color:#fff}


.about_banner {width:100%; height: auto; margin-top:100px; text-align:center; }
.about_banner_img1 {background: url(../images/main_banner1.jpg) no-repeat center center; background-size: cover;width:100%; height: auto;  text-align:center; padding-top:185px; padding-bottom:225px;}
.about_banner_img2 {background: url(../images/main_banner2.jpg) no-repeat center center; background-size: cover;width:100%; height: auto; text-align:center; padding-top:185px; padding-bottom:225px;}
.about_banner_img3 {background: url(../images/main_banner3.jpg) no-repeat center center; background-size: cover;width:100%; height: auto; text-align:center; padding-top:185px; padding-bottom:225px;}
.about_banner_slide img {width:100%; max-width:890px !important; margin: 0 auto; }
.pc_wrap {width:95%; max-width:1200px; margin:0 auto; padding:0; position:relative; text-align:center; background:#fff; text-align:center;}
.pc_wrap img {width:95%; margin:0 auto 20px; text-align: center; }

.about_cont {padding-top: 1vh ; padding-bottom:1vw; border-bottom:1px solid #b0b0b0;}
.about_slide {padding-top:45px; margin-bottom:45px;}
.root_daum_roughmap {width:100% !important; max-width:1200px; margin:0 auto 100px; }
#daumRoughmapContainer1726143541791{width:100%; max-width:1200px; margin:0 auto 100px; }


.program_menu {margin:120px auto 0; width:70%; }
.program_ul {display:inline-block;}
.program_ul li {display:inline-block; text-align:center; height:20px; font-size:14px; line-height:20px; padding:5px 15px; border-radius:30px; border:1px solid #000; background:#fff; color:#000; cursor:pointer; margin:0 5px 10px;}
.program_ul li.active {background:#000; color:#fff}

.foot {padding:20px 0 30px; text-align:center; font-weight:500; background:#000; color:#fff; border-top:1px solid #eee; font-size: 1em;}
.foot_link {text-align:center; padding:35px 0}

.active {display:block; }
.deactive {display:none;}

@media only screen and  (max-width:640px) {
    .head_wrap {height:auto; padding: 15px 0;}
    .head_logo {display:inline-block; position: relative; margin:0 auto 10px; width:70%}
    .head_logo img {width:100%; }
    .head_menu {display:inline-block; position:relative; right: 0;}
    .head_menu li {width:80px; height:20px; font-size:15px; line-height:20px; margin:0 2px 4px;}

    .program_menu {margin: 120px auto 0; width:80%; }
    
}