@charset "utf-8";
.gnb .area_main_nav {width: 100%; background: #ed3039; height: 45px;}
.gnb .area_main_nav nav .menu_list li:hover, .gnb .area_main_nav nav .menu_list li.on {color: #ed3039;}
.gnb .area_main_nav nav .menu_list li a:hover, .gnb .area_main_nav nav .menu_list li.on a {background:#ed3039;color:#fff;}
.gnb .area_main_nav nav > ul:hover > li > a, .gnb .area_main_nav nav > ul > li.on > a { color: #fff; border-bottom:solid 3px #DFA9AC;}

.bannerBox li a {display: block;line-height:48px;border:solid 1px #eee;font-size: 18px;border: solid 2px #ed3039; color: #ed3039;-webkit-border-radius:25px;border-radius: 25px;}
.bannerBox li a:hover {background:#CF111A;color:#ffffff;-webkit-border-radius:25px;border-radius: 25px;}
a.go {border:solid 1px #ed3039; display: block; width: 120px; height: 35px; line-height: 33px; font-size: 12px;padding: 0 10px;background: url(../images/common/icon_plus.png) right 10px center no-repeat #fff;}

.calenda > p {font-size: 20px; font-weight: 700; text-align: center; color:#ed3039; padding-bottom: 5px;}

.h2 > p:before {content:""; display: block;background-color: #ed3039;width: 32px;height: 3px;}
.h3::before {content:""; display: inline-block;width: 3px;height: 15px;background-color: #ed3039; margin-right: 4px;}
h4 {font-size: 16px; color:#ed3039; font-weight: 700; margin-bottom: 5px;}
.loginWrap a.login {display: block; line-height: 44px;background:#ed3039; border:solid 1px #ed3039; color: #fff; font-size: 15px;}
.btn_set a {color: #ed3039;display: block; border:solid 1px #ed3039; border-radius: 2px; line-height: 33px; padding: 0 15px; min-width: 80px; height: 35px;}
.btn_set a.filled { background:#ed3039; color: #fff;}
.btn_sml a { background: #fff; color: #ed3039; border: 1px solid #ed3039; border-radius: 2px; display: inline-block;vertical-align:middle;line-height: 24px; padding: 0 10px; font-size: 12px;}
.btn_sml a.search {background: url(../images/common/icon_search.png) 5px center no-repeat #ed3039; color: #fff; padding: 0 10px 0 30px;}
.bustime li button:hover, .bustime li button.focus {border:solid 2px #ed3039;}
.bustime li a:hover, .bustime li a.focus {border:solid 2px #ed3039;}
.rule h3:before {content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; background: #ed3039; margin-right: 5px;}

.checkbox2 {display: inline-block;cursor: pointer;color: #ed3039;vertical-align: middle;}
.answer_box dt:before {content: "답변"; color: #fff; background: #ed3039; font-size: 14px; margin-bottom: 10px;padding: 5px; }


.tab_type01 > ul > li.on {background-color: #fff;border-top: 4px solid #ed3039;border-left: 1px solid #999;border-right: 1px solid #999;border-bottom: none;}
.tab_type01 > ul > li.on > a {background-color: #fff;color: #ed3039;font-weight: 600;height: 50px;}

.paging strong {display: inline-block;vertical-align: middle;width: 30px;height: 30px;padding: 0;background: #ed3039;color: #fff;margin-left: 2px;}

.btn_set a.filled:hover {background:#CF111A;color: #fff;}

.search_button {color: #ed3039;display: inline-block;border: solid 1px #ed3039;border-radius: 2px;line-height: 35px;min-width: 80px;height: 35px;vertical-align: middle;color:#fff;background:#ed3039;font-size:14px;}
.search_button:hover {color: #ed3039;display: inline-block;border: solid 1px #ed3039;border-radius: 2px;line-height: 35px;padding: 0 15px;min-width: 80px;height: 35px;vertical-align: middle;color: #fff;background:#CF111A;cursor:pointer;font-size:14px;}

.calenda td.event_cal {background-color:#FBCFD0;border:solid 1px #ddd;}

/* MAIN VISUAL*/
#mainvisual .indicator a {width:12px;height:12px;display:inline-block;background-color:#ed3039;-moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;margin-right:6px;}
#mainvisual .indicator a.active {width:12px;height:12px;background-color:#ffffff;-moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;margin-right:6px;}
#mainvisual1 .indicator a {width:12px;height:12px;display:inline-block;background-color:#ed3039;-moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;margin-right:6px;}
#mainvisual1 .indicator a.active {width:12px;height:12px;background-color:#ffffff;-moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;margin-right:6px;}
.contBox .briefing span, .CSWrap .briefing span {font-size: 13px; color: #ffffff;line-height:20px;float:right;cursor:pointer;border-radius: 2px;display: block;padding:3px;margin:1px 0;background:#ed3039;}
.contBox .briefing span:hover, .CSWrap .briefing span:hover {background:#ed3039;color: #fff}

.popWindow .popHeader {padding:18px 20px 19px; background:#ed3039;}
@media only screen and (max-width:1024px) {

  html, body { min-width:320px; }
  
  header { width: 100%; height: 60px; position: relative; z-index: 100; background: rgba(255, 255, 255, 1); border-bottom: solid 1px #ed3039;}

  header .burger { width: 30px; height: 19px; display: block; position: absolute; left: 10px; top: 20px; z-index: 1; cursor: pointer;}
  header .burger span { width: 26px; height: 2px; border-radius: 3px; display: block; background: #000; position: relative; }
  header .burger span:nth-child(2) { margin-top: 5px; }
  header .burger span:nth-child(3) { margin-top: 5px; }

  header  > h1 { width: auto; height: 59px; line-height:59px; background-size: cover; z-index: 1; display: block; padding-top:8px;text-align:center;}

  .gnb { width: 100%; height: 100%; position: fixed; z-index: 2; overflow-x: hidden; background: #fafafa; overflow: hidden; overflow-y: auto; left: -100%; }

  .gnb .area_main_nav { width: 100%; height: auto;background: #fff;}

  .gnb .btn_close { width: 20px; height: 20px; position: absolute; top: 20px; right: 20px; background: url('../images/common/btn_close.png') left center no-repeat; background-size: cover; display: block; text-indent: -201%; font-size: 0; z-index: 10; cursor: pointer;}
  .gnb .area_top h1 {display:none;}
  .gnb .area_top { width: 100%; height:auto; padding: 50px 20px 20px; box-sizing: border-box; background: transparent; border-bottom: 1px #aaa solid ; }
  .gnb .area_top .btn_login span { width: 40px; height: 40px; }
  .gnb .area_top ul { width: 100%; margin: 0 auto; text-align: right; }
  .gnb .area_top ul::after { content:""; display: block; clear: both; }
  .gnb .area_top ul li { width: 50%; outline: 1px #fff solid; height: 40px; display: block; float: left; text-align: center; line-height: 40px; background: #aaa; }
  .gnb .area_top ul li a { width: 100%; height: 100%; display: block; color: #fff; font-size: 1rem; line-height: 40px; }
  .gnb .area_top ul li::after { content:""; margin: 0; }
  .gnb .area_top .btn_map{width: 100%;}
  .gnb .area_top .btn_name {display:none;}

  .gnb a { width: 100%; height: 100%; box-sizing: border-box; display: block; }
  .gnb .area_main_nav nav a { color: #666; }
  .gnb .area_main_nav nav a:focus { color: #ed3039;text-decoration: none;}
  .gnb .area_main_nav h1 { width: 110px; height: 30px; margin-left: -55px; background: url('../images/common/logo.png') left center no-repeat; background-size: cover; position: absolute; z-index: 1; top: 15px; left: 50%; }
  .gnb .area_main_nav nav { width: 100%;height:auto;}
  .gnb .area_main_nav nav > ul { width: 100%; text-align: left;margin:0;}
  .gnb .area_main_nav nav > ul > li { width: 100%; height: auto; font-size: 18px; display: block; border-bottom: 1px #ddd solid ; }
  .gnb .area_main_nav nav > ul > li a { color: #000; height: 40px; padding: 0 20px; display: block; line-height: 40px; }
  .gnb .area_main_nav nav > ul > li a:hover { color: #ed3039; text-decoration: none; }
  .gnb .area_main_nav nav > ul:hover > li > a { color: #ed3039; text-decoration: none; }
  .gnb .area_main_nav nav .menu_list { width: 100%; height: auto; position: static; background: #ed3039; }
  .gnb .area_main_nav nav .menu_list::after { content:""; display: block; clear: both; }
  .gnb .area_main_nav nav .menu_list::before { content: ""; width:100%; height: 0px; position: absolute; bottom: 0;}
  .gnb .area_main_nav nav .menu_list li { width: 100%; height: auto; font-size: 16px; line-height: 35px; float: left; border-bottom: 1px solid #fff; }
  .gnb .area_main_nav nav .menu_list li:hover, .gnb .area_main_nav nav .menu_list li.on { background: transparent; }
  
  .gnb .area_main_nav nav > ul:hover > li > a, .gnb .area_main_nav nav > ul > li.on > a { color: #ed3039; }
  .gnb .area_main_nav nav > ul > li:hover > a::after, .gnb .area_main_nav nav > ul > li.on > a::after { display: none; }

  .gnb .area_main_nav nav .menu_list a { padding: 0 20px; display: block; color: #fff; }

  
  header > .bg { display: none; }

  .subcontainer {width: 100%;}
  .hidden {display: none;}

footer {background: #fafafa; padding: 0 0 20px 0;}
footer .footCont {position: relative; margin:0 auto; width: 100%; border-top: solid 1px #ddd;padding: 10px;}
footer .footCont span {display: none;}
footer .footCont p > span {display: inline-block;}
footer .footLogo {position:absolute; margin: 0 auto; top:0; margin-bottom: 10px;}
.gnb .area_main_nav nav .Class_dummy {display:none;}
}

@media only screen and (max-width:768px) { 
    .tab_type01 {width: 100%;margin-top: 0;padding: 15px;background-color: #f1f5f8;}
    .tab_type01 > ul {height: auto;border-bottom: none;border-bottom: 1px solid #e1e7ee;border-right: 1px solid #e1e7ee;background-color: #fff;}
    .tab_type01 > ul > li.on {height: auto;border: 1px solid #ed3039;}
    .tab_type01 > ul > li.on > a {background-color: #fff;color: #ed3039;font-weight: 600; height: auto;}
    .tab_type01 > ul > li {width: 50% !important;height: auto;border: 1px solid #e1e7ee;border-right: none;border-bottom-color: #fff;}
    .tab_type01 > ul > li > a {height: auto;background-color: #fff;color: #444; padding: 0; line-height: 36px;}
    .gnb .area_main_nav nav .Class_dummy {display:none;}
}

.color_main {
    color: #ed3039;
}