@charset "UTF-8";

/*웹폰트*/

@font-face{
  font-family: 'Noto Sans CJK KR Demilight';
  src:url('/fonts/NotoSansKR-DemiLight-Hestia.eot');
  src:local(※), url('/fonts/NotoSansKR-DemiLight-Hestia.woff') format("woff");
}

@font-face{
  font-family:'Noto Sans CJK KR Light Hestia';
  src:url('/fonts/NotoSansKR-Light-Hestia.eot');
  src:local(※),url('/fonts/NotoSansKR-Light-Hestia.woff') format("woff");
  font-weight: 500;
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],
input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],
input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
body {background:#fff}
body,td,input,select,textarea,button {font-size:15px;line-height:1.6;font-family:'Noto Sans CJK KR Light Hestia','Malgun Gothic', '맑은 고딕', sans-serif;color:#333; font-weight: 500;} /* color값은 디자인가이드에 맞게사용 */
th{font-weight: 800;}
a {color:#333;text-decoration:none}
a:active{text-decoration:none}
a:hover{text-decoration: underline;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
strong{font-weight: 500;}
img{max-width: 100%;}
i{font-style: normal;}
input[type="text"], input[type="number"], input[type="tel"], textarea{border: 1px solid #eee;}
textarea{resize: none; padding: 2%; width: 96%;}
/*html5 요소 블럭처리*/
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {display: block; margin: 0; padding: 0;}


/* hidden type */
.skip{position:absolute;top:0;height:0;font-size:0;}

/* skip Navi */
#accessibility{position:absolute;top:0;width: 100%;height: 30px;left:0;z-index:999999}
#accessibility a{display:block;padding:0; width: 100%;text-align:center;line-height:30px}
#accessibility a:link,
    /*#accessibility a:visited{background-color:#d51c36;color:#fff}*/
#accessibility a:hover,
#accessibility a:active,
#accessibility a:focus{position:absolute; top:0; color:#777; background-color: #000; text-decoration:underline}

#skipnavigation {position:absolute; left:0; top:-1000px; width:100%; height: 0; z-index:1000; line-height:0; font-size:0;}
#skipnavigation a{display:block; text-align:center; width: 100%; line-height:0; font-size:0;}
#skipnavigation a:focus, #skipnavigation a:hover, #skipnavigation a:active {position:absolute; left:0; top:1000px; display:block; height:20px; background:#20262c; font-size:12px; font-weight:bold; line-height:20px; color:#fff;}

.clearfix {/*width:100%;*/}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both}

a.toTopBtn{
  position:fixed;
  z-index: 9999;
  bottom: 50px;
  right: 10px;
  width: 40px;
  text-align: center;
  padding: 10px 3px;
  display: block;
  background-color:rgba(255,255,255,.8);
  border:1px solid #acacac;
  border-radius: 3px;
  color: #000;
  font-size: 15px;
  font-family: 'Malgun Gothic', sans-serif;
}


.ir{height:0; overflow:hidden;text-indent:-9999px;}
.container_wrap{width: 1160px; margin: 0 auto;}
.detail_1{display: inline-block; padding-bottom: 4px; border-bottom: 1px solid #000;}

h3.bl{margin-bottom:15px; padding:0 0 6px 0.3333333333333333%; color: #000; font-size: 1.4em; font-weight: 600;}

.wrap{min-width: 320px; overflow: hidden;}
.header{position: relative;}

.header .logo{float:left; width: 28.96551724137931%; margin: 22px 0 10px;}   /*238 / 1160*/
.header .blind{position: absolute; top: 90px; width: 100%; background-color: #fff;border-bottom: 1px solid #103857; z-index: 100;}
.header #gnb{float:left; width: 66.55172413793103%; margin-left: 4.48275862068965%;}  /*772 / 1160*/  /*150 / 1160*/
.header .nav{width:100%;}
.header .nav > ul > li{position: relative; float:left; width: 20%; box-sizing: border-box; text-align: center;}
.header .nav > ul > li:first-child, .header .nav > div > ul > li + li{border-left: 1px solid #fff;}
.header .nav > ul > li.last_menu{border-right: 1px solid #fff;}
.header .nav > ul > li > a{display:block; padding: 36px 0 30px;}
.header .nav > ul > li  a{color: #010101;}
.header .nav > ul > li > .depth2{display: block; position: absolute; width: 100%; height: 120px; padding-top: 10px; background: url("/images/link_menu_bg.png") no-repeat;  z-index: 200; }
.header .nav > ul > li > .depth2 > li + li{margin-top: 10px;}
/*.header .nav > div > ul > li > .depth2:hover{background-color: #757E99;}*/
.header .toggle_btn{display: none;}

.main{position: relative;}
footer{clear:both; position: relative;}
.footer, .footer a{font-size: 1em;}
.footer .foot_top{ padding: 17px 3.5%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.footer .foot_top ul{overflow: hidden;} /* 1116 / 1200, 42 / 1200 */
.footer .foot_top ul li{float: left; padding: 0 3.32%; box-sizing: border-box; transition: all 0.3s;} /*38 / 1116*/
.footer .foot_top ul li a {color: #000;}
.footer .foot_top ul li + li{border-left: 1px solid #ccc;}

.footer .foot_logo{float:right;}
.footer .foot_bottom{padding: 34px 0; color: #000; overflow: hidden;}
.footer .foot_bottom .info_wrap{float:left; margin-left: 2.916666666666667%;} /*35 / 1200*/
.footer .foot_bottom .info_wrap dl{overflow: hidden;}
.footer .foot_bottom .info_wrap dl.container_wrap dt, .footer .foot_bottom dd{float:left;}
.footer .foot_bottom .info_wrap dt, .footer .foot_bottom dd{float: left; margin-right: 10px;}
.footer .foot_bottom .site_go{float: right;}
.footer .foot_bottom .site_go > div{float:left;}
.footer .foot_bottom .site_go > div + div {margin-left: 18px;}
.footer .foot_bottom .site_go > div select{padding: 3px 10px; box-sizing: border-box;}
.footer .foot_bottom .site_go .btn_site_go{width: 40px; line-height: 30px; color: #fff; cursor: pointer; background-color: #003663; font-size: 0.9em;}

.table_2 {margin:10px 0 20px; border-top: 2px solid #00bff3;}
.table_2 caption{text-align: left; margin-bottom: 10px;}
.table_2 + .table_2{margin-top: 50px;}
.table_2 th, .table_2 td{padding: 10px; text-align: center; border:1px solid #d7d7d7;}
.table_2 th.text-left, .table_2 td.text-left{text-align: left;}
.table_2 th:first-child, .table_2 td:first-child{border-left: 0;}
.table_2 th.bg{background-color: #99dcde;}
.table_2 th:last-child, .table_2 td:last-child{border-right: 0;}
.table_2 ul.fl{width: 100% !important;}
.table_2 ul.fl > li{float: left; width: 50%; text-align: left;}
.table_2 ul.fl.trip > li{width: 33.3333%;}
.table_2 .border_grd{border-top: 1px solid #898989;}
.table_div{overflow-x: hidden; margin-top: 25px;}
.table_div > .table_2{margin-top: 0;}
#curriculum .table_2.curriculum_table td{padding: 15px 0; font-size: 0.9em;}

.table_3{border: 1px solid #d7d7d7;}
.table_3 th{background-color: #0e386d; color: #fff; text-align: center; font-weight: 400;}
.table_3 th, .table_3 td{padding: 15px; border-bottom: 1px solid #d7d7d7;}

.table_4 th{vertical-align: top;}
.table_4 th, .table_4 td{padding: 11px 0;}
.table_4 .f_half{color: #29d3cb;}
.table_4 .m_half{color: #3dd68c;}
.table_4 .l_half{color: #38a0e8;}
.table_4 .e_half{color: #46a3b7;}
.table_4 .bigger{font-size: 1.5em; font-family: Raleway;}

#curriculum .table_2 td{padding: 2px 1.5%; text-align: left;}
#curriculum .table_3{width: 620px;}

@media (max-width: 1200px) {
  .container_wrap{width: 100%;}
  .footer .foot_top{padding: 17px 0;}
  .footer .foot_top ul li{width:12.5%; padding:0; text-align: center;}
}

@media (max-width: 1024px) {
   body{font-size: 12px;}
  th,td{font-size: 0.95em;}
  .container_wrap{width: 96%;}
  .header{position: relative;}
  .header .container_wrap{width: 100%;}
  .header .logo{width:auto; margin: 47px 0 10px 3%;}
  .header .logo img{width: 70%;}
  .header .top_nav{position:absolute; top:0; width: 100%; float: none;}
  .header .top_nav > ul > li{width:50%; margin-top:0; padding: 5px 0; border-radius: 0; text-align: center;}
  .header .top_nav > ul > li + li{margin-left: 0;}
  .header #gnb{display:none; position: absolute; top:0; right:-250px; width: 250px; height: auto; background-color: #1aa2b6; z-index: 520; box-sizing: border-box;}
  .header .nav{position: relative; width: 100%; height: 100%; padding: 50px 0; margin: 0; box-sizing: border-box; background-color: #1aa2b6; z-index: 150; border:0;}
  .header .nav  > ul > li{float: none; width: 100%; text-align: left; box-sizing: border-box; background-color: #1aa2b6; line-height: 50px;}
  .header .nav > ul > li > a{display: block; padding: 0 5%; color: #fff;}
  .header .nav > ul > li  a{display: block;}
  .header .nav > ul > li.depth1{text-align: center;}
  .header .nav > ul > li > .depth2{position: relative; background-color: #82d9e6;}
  .header .nav > ul > li > .depth2 > li + li{margin-top: 0;}
  .header .nav > ul > li:first-child, .header .nav > div > ul > li + li{border-left: 0;}
  .header .blind{display:none; position: fixed; top:0; bottom: 0; left: 0; right:0; background: rgba(0, 0, 0, 0.7) scroll;}

  .header .toggle_btn{display:block; position: absolute; right: 3%; top: 45px; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; text-align: center; cursor: pointer; z-index: 500;}
  .header .toggle_btn > span{position:relative; display:block; margin: 6px auto 0; z-index: 650;}
  .header .toggle_btn > span > span.bar{display:block; width: 33px; height: 5px; margin: 0 auto; background-color: #6a7682;}
  .header .toggle_btn > span > span.bar + span.bar{margin-top: 7px;}
  .header .toggle_btn.ov span.bar{position: absolute; transition: all 0.3s;}
  .header .toggle_btn.ov span.bar.top{top: 15px; transform: rotate(225deg);}
  .header .toggle_btn.ov span.bar.middle{opacity: 0;}
  .header .toggle_btn.ov span.bar.bottom{top: 15px; margin-top:0; transform: rotate(-225deg);}



  .footer .foot_top{padding: 0;}
  .footer .container_wrap{width: 100%;}
  .footer .foot_top ul li{width:25%;}
  .footer .foot_top ul li a{display: block; padding: 5px 0;}
  .footer .foot_top ul li:nth-child(5), .footer .foot_top ul li:nth-child(6),
  .footer .foot_top ul li:nth-child(7), .footer .foot_top ul li:nth-child(7),
  .footer .foot_top ul li:nth-child(8){border-top: 1px solid #ccc;}
}

@media (max-width: 640px){
  .lnb{display: none;}
  .footer{font-size: 0.9em;}
  .footer .foot_top{letter-spacing: -1px;}
  .footer .foot_logo{float:none; text-align: center;}
  .footer .foot_bottom{padding-bottom: 0;}
  .footer .foot_bottom .info_wrap{float: none;}
  .footer .foot_bottom .info_wrap dl.container_wrap dt, .footer .foot_bottom dd{float: none;}
  .footer .foot_bottom .site_go{float: none; text-align: left;}
  .footer .foot_bottom .site_go > div{display:inline-block; width: 50%;}
  .footer .foot_bottom .site_go > div + div{margin-left: 0;}
  .footer .foot_bottom .site_go > div select{width: 70%;}
}