@charset "utf-8";
hr {display:none;}
img,fieldset {border:0 none;padding:0;margin:0;}
dl,ul,ol,li {list-style: none;padding:0;margin:0;}
body, td, th {font-size:14px;line-height:1.5;color:#666666;font-family:'Noto Sans Korean', 'Nanum Gothic', dotum, AppleGothic, sans-serif;font-weight:400;}
html, form, fieldset, img {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'Noto Sans Korean', 'Nanum Gothic';font-size:1em}
button {cursor:pointer}
textarea, select {font-family:'Noto Sans Korean', 'Nanum Gothic';font-size:13px;border:1px solid #ccc;border-radius:5px;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
em {font-style:normal;}
caption {display:none;}
h3,h4,h5,h1{font-family:Nanum Gothic;}
button {cursor:pointer;}
body{margin:0px;padding:0;height:100%;background-color:#eef0f4;}
.cl_b{clear:both; width:0px; height:0px;}
img {border:0px;} 
#gab{padding-top:30px;}
.gab{padding-top:10px;}
.gabs{padding-top:3px;}
.gab2{height:20px;}
.gab3{height:30px;}
.gab4{padding-top:40px;}
.gab5{padding-top:100px;}
table{border-collapse:collapse;border-spacing:0}
select{border:1px solid #ccc;padding:3px 10px;font-family:'Noto Sans Korean', 'Nanum Gothic';font-size:12px;margin:0}
select .it_option{font-family:'Noto Sans Korean', 'Nanum Gothic';font-size:12px;}
p {margin:0;padding:0;word-break:break-all}
a:link, a:visited {color:#666;text-decoration:none}
a:hover, a:focus, a:active {color:#666;}
.hidden{text-indent:-9999px;position:absolute;top:-9999px;left:-9999px;height:0}


h1{font-size:30px;margin-bottom:25px;text-align:center;margin-top:0;}
.underline{text-decoration:underline;}

/* font*/
@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 300; src: /*local('Noto Sans Light'), local('NotoSans-Light'),*/
url("/font/NotoSansKR-Light.woff") format('woff'), url("/font/NotoSansKR-Light.otf") format('opentype'); }
@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 400; src: /*local('Noto Sans Regular'), local('NotoSans-Regular'),*/
url("/font/NotoSansKR-Regular.woff") format('woff'), url("/font/NotoSansKR-Regular.otf") format('opentype'); }
@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 500; src: /*local('Noto Sans Medium'), local('NotoSans-Medium'),*/
url("/font/NotoSansKR-Medium.woff") format('woff'), url("/font/NotoSansKR-Medium.otf") format('opentype'); }
@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 700; src: /*local('Noto Sans Bold'), local('NotoSans-Bold'),*/
url("/font/NotoSansKR-Bold.woff") format('woff'), url("/font/NotoSansKR-Bold.otf") format('opentype'); }

/*tab*/
.kraph-tab01 {padding-bottom:2em;}
.kraph-tab01 ul {display:table;border-bottom:1px solid #000;width:100%;}
.kraph-tab01 ul li{display:inline-block; float:right; height:40px; padding:0 1.5em; line-height:40px;  border-left:1px solid #cacaca;border-right:1px solid #cacaca;border-top:1px solid #cacaca; }
.kraph-tab01 ul li:first-child {border-left:none;}
.kraph-tab01 ul li:last-child {border-right:none;}
.kraph-tab01 ul li a {display:block; font-size:16px; color:#444; text-align:center;}
.kraph-tab01 ul li a:hover {text-decoration:none;}
.kraph-tab01 ul li.active {background:#f26c69;}
.kraph-tab01 ul li.active a {color:#fff;}

.kraph-tab02 {}
.kraph-tab02 ul {display:table;width:100%;}
.kraph-tab02 ul li{display:inline-block; float:right; height:40px; padding:0 1.5em; line-height:40px;  border-left:1px solid #cacaca;border-right:1px solid #cacaca;border-top:1px solid #cacaca; }
.kraph-tab02 ul li:first-child {border-left:none;}
.kraph-tab02 ul li:last-child {border-right:none;}
.kraph-tab02 ul li a {display:block; font-size:16px; color:#444; text-align:center;}
.kraph-tab02 ul li a:hover {text-decoration:none;}
.kraph-tab02 ul li.active {background:#f26c69;}
.kraph-tab02 ul li.active a {color:#fff;}

  ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
   display:table;width:100%;
  }
  ul.tabs li:first-child {margin-left:-1px;}
  ul.tabs li {
    float: left;text-align:center;
    cursor: pointer;
    display:inline-block; float:right; height:40px; padding:0 1.5em; line-height:40px;  border-left:1px solid #cacaca;border-right:1px solid #cacaca;border-top:1px solid #cacaca;
    position: relative;}
 
  ul.tabs li.active{
    background: #f26c69;color:#fff;
   
  }

  ul.tabs li.active a{
    color:#fff;
  }

   ul.tabs li a{color:#666;}
  .tab_container {width:100%;
   border-top: none;
    clear: both;
    float: left; 
 }
.tab_content {display: none;width:100%;margin:0 0 60px 0;}
.tab_container .tab_content ul {width:100%; margin:0px; padding:0px;}
.tab_container .tab_content ul li{list-style:none};


/* Flexible iFrame 등, 지도 등을 폭에 맞게 자동 리사이징 */
.Flexible-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height:0;
      overflow: hidden;
}

.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
} 
#kgroup2 {width:500px;margin:0 auto;background-color:#fff;}
#kgroup {width:500px;margin:0 auto; border:1px solid #ccc;background-color:#fff;}
#kgroup p {padding:25px;line-height:20px;}
#kgroup h2 {color:#fff;padding:15px 0;background-color:#2c5a9c;text-align:center;margin:0;}

#kgroup2 {width:800px;margin:0 auto;background-color:#fff;}
#kgroup2 h2 {color:#fff;padding:15px 0;background-color:#2c5a9c;text-align:center;margin:0;}
#kgroup3 {width:800px;margin:0 auto; border:1px solid #ccc;background-color:#fff;}
#kgroup3 p {padding:25px;line-height:20px;}