@charset "euc-kr";
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* CSS Document */
*{margin:0; padding:0; font-family:'£ºI?«Ã?¡¹?I?E?I?Ec £©?£º?i?Iin', 'Nanum Gothic', 'NanumGothic', sans-serif; box-sizing:border-box;}
a{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
table {border-collapse: collapse;}
body {max-width: 800px; min-width: 340px; margin: 0 auto !important}
/* top */
.menubox .menu_title {margin-top: 10px;}
.menubox .menu_title h1 {font-size: 34px; color: #444;}
.menubox .menu_title p {font-size: 20px; margin-bottom: 0px;}
.menubox .menu_copy {text-align: center; margin-top: 30px;}
.menubox .menu_copy h1 {font-size: 18px; color:#000;}
.menubox .menu_copy h2 {font-size: 24px; line-height:30px; margin-top:10px; color:#000 !important;}
.menubox .menu_copy h2 a {color: #333;}
.menubox {position: fixed; left: -100%; top: 0; transition: all 0.3s; width: 100%; height: 100%; background: #fff; z-index: 9999; padding: 30px; overflow: auto;}
.menubox ul.sidelist li a {color: #333;}
.menubox ul.sidelist li  {padding: 10px 0; border-bottom: 1px solid #ddd;}
.menubox p.sidebtn {position: relative; border-bottom: 1px solid #ddd; font-size: 20px; padding: 20px 0; font-weight: 600;}
.menubox p.sidebtn:after {content: ''; position: absolute; right: 0; top: 30px; width: 15px; height: 2px; background: #666; transform:rotate(90deg);}
.menubox p.sidebtn:before {content: ''; position: absolute; right: 0; top: 30px; width: 15px;height: 2px; background: #666;}
.menubox.on {left: 0px;}
.top {width: 100%; position: fixed; top: 0px; left: 0; border-bottom: 1px solid #ddd;background: #fff; z-index: 9998; height: 50px;}
.top .menubtn { position: absolute; right: 10px; top: 12px; width: 30px; height: 24px; z-index: 99999;}
.top a.logo img{width: 120px; padding-top: 2px;padding-left: 10px;}
.top a.kakao img {width: 40px;}
.top a.kakao {position: absolute; right: 60px; top: 5px; z-index: 99999;}
.top .menubtn .btn_c {position: absolute; width: 15px;height: 1px;background: #000; top: 10px;}
.top .menubtn .btn_t,
.top .menubtn .btn_b {position: absolute; width: 30px; height: 1px; background: #000;}
.top .menubtn .btn_b {bottom: 0;}
.menubox .close {position: absolute; top: 12px; right: 10px; width: 30px;height: 30px;}
.menubox .close ul li:first-child {transform: rotate(-45deg);}
.menubox .close ul li:last-child {transform: rotate(45deg);}
.menubox .close ul li:first-child,
.menubox .close ul li:last-child {position: absolute; top: 15px; width: 30px; height: 1px; background: #000;}
.menubox .sidemenu ul.sidelist {display: none;}
/*section01*/
.confirm_line {text-align: center; width: 100%;}
.confirm_line span {width: 2px; height: 50px; background: #000;display: inline-block;}
/*section02*/
.section02 a {width: 50%; display: block; text-align: center;color: #fff; height: 50px; line-height: 50px; float: left; position: relative;}
.section02 a:first-child {background: #000;}
.section02 a:last-child {background: #c41f1f; text-align: left; padding-left: 30px;}
.section02 a img {width: 30px; position: absolute; right: 10px;top: 10px;}
/*section03*/
.section03 a img {max-width: 100%; position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 9998;}
.section03 a:first-child {display: block;}
.section_title .more {color: #333; float: right;}
/*section05*/
.section05 {text-align: center; padding: 20px;}
.section05 .servicebox {width: 100%;}
.section05 .servicebox div {width: 45%; float: left; margin-top: 20px;}
.section05 .servicebox div a img{width: 100%; }
.section05 .servicebox p {text-align: left; font-size: 16px; position: relative;}
.section05 .servicebox p span {display: block; width: 35px; border-bottom: 2px solid #000; padding-top: 5px;}
.section05 .servicebox div:nth-child(odd) {margin-right: 10%;}
.section05 iframe {float: left; margin: 1%;}
.section06 {padding: 10px; margin-top: 10px;}
.section07 {margin-bottom:15px; padding: 10px;}
.section_title {text-align: center;}
.section_title p:first-child{font-size: 30px; font-weight: 700; color: #333; padding-bottom: 15px;}
.section_title p:last{font-size: 20px; font-weight: 700; color: #333; padding-bottom: 15px;}
.section08 {text-align: center; background: url(../img/main_01.jpg) no-repeat center center / cover; width: 100%; height: 150px; position: relative;}
.section08 .sec8box { position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); padding: 10px;}
.section08 .sec8box p {color: #fff; font-size: 12px; width: 300px; line-height: 2em;}
.section08 .sec8box a {display: inline-block; border: 1px solid  #ddd; font-size: 14px; margin-top: 10px; padding: 6px 30px; color: #fff;}
.section08 .sec8box a:hover {background: #fff; color: #000;}
.section09 {margin-top: 15px;}
.sec9box {margin-top: 15px;}
.section09 div.noticebox {width: 49%; float: left; padding: 10px;}
.section09 div.noticebox .sec9inbox { height: 100px; position: relative;text-align: center;}
.section09 div.noticebox .sec9inbox span {display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff;}
.section09 div.noticebox .sec9inbox span p:first-child {font-size: 12px;margin-bottom: 10px;}
.section09 div.noticebox .sec9inbox span.line {display: block; width: 20px; height: 2px; background: #fff; margin-bottom: 50px; } 
.section09 div.noticebox .sec9inbox span p:last-child {font-size: 16px;margin-top: 20px; padding-top: 15px; width: 120px;}
.section09 div.noticebox:nth-child(odd) {margin-right: 2%;}
.section09 div.noticebox:nth-child(1) div {background: url(../img/notice01.jpg) no-repeat center center / cover;}
.section09 div.noticebox:nth-child(2) div {background: url(../img/notice02.jpg) no-repeat center center / cover;}
.section09 div.noticebox:nth-child(3) div  {background: url(../img/notice03.jpg) no-repeat center center / cover;}
.section09 div.noticebox:nth-child(4) div {background: url(../img/notice04.jpg) no-repeat center center / cover;}
.section09 div.noticebox p.tbox {font-size: 14px; letter-spacing: -1px; text-align: center;}
.section10 {margin: 15px auto;}
/*copy*/
.copy {background: #333; color: #666; margin-bottom: 60px;}
.copy a img {width: 120px;}
.copy .copynav {width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9998;}
.copy .copynav div {width: 50%; float: left; text-align: left;}
.copy .copynav div:first-child {background: #c41f1f; padding-left: 30px;}
.copy .copynav div:first-child a {padding-top: 10px;}
.copy .copynav div:last-child {background: #000; text-align: center;}
.copy .copynav div:last-child a{line-height: 60px;}
.copy .copynav div a {display: block;font-size: 18px; width: 100%;  height: 60px; color: #fff;}
.copy .copybox {padding: 10px;}
.copy .copybox p{font-size: 12px;line-height: 1.5em;}
.copy .copybox {padding: 10px;}
.copy .copybox p{font-size: 12px;line-height: 1.5em; letter-spacing: -1px;}


/*sub*/
.sub {min-width: 800px; min-width: 340px; margin: 0px auto !important;}

.sub01 .smenu ul li:first-child a,
.sub02 .smenu ul li:nth-child(2) a,
.sub03 .smenu ul li:nth-child(3) a,
.sub04 .smenu ul li:nth-child(4) a,
.sub05 .smenu ul li:nth-child(5) a {color:#fff; background:#333;}

.sub .smenu {text-align: center; width: 100%;}
.sub .smenu ul {width: 90%; margin: 30px auto;}
.sub .smenu ul li {float: left; border: 1px solid #ddd; width: 50%;  box-sizing: border-box; }
.sub .smenu ul li:nth-child(2),
.sub .smenu ul li:nth-child(4),
.sub .smenu ul li:nth-child(6){margin-left: -1px;}
.sub .smenu ul li:nth-child(3),
.sub .smenu ul li:nth-child(4),
.sub .smenu ul li:nth-child(5),
.sub .smenu ul li:nth-child(6) {margin-top: -1px;}
.sub .smenu ul li a { color: #333; display: block; padding: 14px 10px;}
.sub .contents {padding: 10px;}
.sub .contents .title {font-size: 24px; font-weight: 700;text-align: left; border-left: 4px solid #0f6dad; padding-left: 5px; margin: 20px 10px;}
.sub .contents .sbox {padding: 10px;line-height: 1.5em;}
.sub .contents .sbox .ssbox p {border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.sub .contents .sbox .ssbox p:last-child {border: none;}
.sub .contents .sbox .ssbox b {padding: 20px 0; display: block; font-size: 18px;}
.subtop {width: 100%; height: 200px; text-align: center; margin-top: 20px;} 
.subtop p {color: #fff; font-size: 30px; line-height: 250px;}
.sub .contents .sbox .smap {width: 100%; height: 300px;}

.subtop01 {background: url(../img/subtop01.jpg) no-repeat center center / cover;}
.subtop02 {background: url(../img/subtop02.jpg) no-repeat center center / cover;}
.subtop03 {background: url(../img/subtop03.jpg) no-repeat center center / cover;}
.subtop04 {background: url(../img/subtop04.jpg) no-repeat center center / cover;}
.subtop05 {background: url(../img/subtop05.jpg) no-repeat center center / cover;}

.sub02_02_img img {max-width: 100%;}
.sub02_03_img img {max-width: 100%;}
.stable { margin-bottom: 20px; font-size: 12px; padding-bottom: 20px;}
.stable td,
.stable th {padding: 4px;}
.blinking span {font-size: 16px; color: #c41f1f; font-weight: 600;}
.blinking{ 
    -webkit-animation:blink 1s ease-in-out infinite alternate; 
    -moz-animation:blink 1s ease-in-out infinite alternate; 
    animation:blink 1s ease-in-out infinite alternate; 
    position: relative;
    z-index: 9997;
} 
    @-webkit-keyframes blink{
        0% {opacity:0;} 
        100% {opacity:1;}
    } 
    @-moz-keyframes blink{
        0% {opacity:0;}
        100% {opacity:1;} 
    } 
    @keyframes blink{
        0% {opacity:0;}
        100% {opacity:1;} 
    }