@charset "euc-kr";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:300,400,500,700,900|Roboto:400,500,700');
/* font-family: 'Roboto', sans-serif; font-family: 'Nanum Gothic', sans-serif; font-family: 'Noto Sans KR', sans-serif; */
*{margin:0; padding:0; font-family:'Nanum Gothic', sans-serif; box-sizing:border-box;}
a{text-decoration:none; color:#000;}
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;}
body{max-width:600px; margin:0 auto !important;}


/* top */
.top{position:fixed; top:0; left:0; z-index:9998; width:100%; height:60px; background:#fff;}
.menubtn{position:relative; float:right; width:58px;}
.menubtn ul{position:absolute; top:0; left:0; width:58px; height:60px; padding:13px;}
.menubtn ul li{height:3px; margin:8px 0; background:#000; transition:all 0.5s; transform-origin: left center;}
.menubtn.on ul .bar_t{transform:rotate(45deg);}
.menubtn.on ul .bar_m{width:0;}
.menubtn.on ul .bar_b{transform:rotate(-45deg);}
.top .logo{margin-top:12px; padding:0 10px;}
.top .logo img{width:200px;}


/* sidemenu */
.menubox{position:fixed; top:60px; left:-100%; z-index:9999; width:100%; height:100%; transition:all 0.3s; background:#000; overflow:auto;}
.menubox.on{left:0;}
.sidemenu_head{padding:20px; background:#000;}
.sidemenu_head p:first-child{font-size:30px; font-weight:800; color:#fff; letter-spacing:-1px;}
.sidemenu_head p:last-child{margin-top:10px; font-size:15px; font-weight:400; color:#fff;}
.sidemenu_body .sidemenu p{position:relative;}
.sidemenu_body .sidemenu p .arrow{position:absolute; top:24px; right:15px; width:14px; height:14px; background:url('../img/m_arrow.png') no-repeat center;  transition:all 0.3s;}
.sidemenu_body .sidemenu p a{display:block; padding:20px; font-size:16px; font-weight:400; color:#fff; border-bottom:1px solid #444;}
.sidemenu_foot{padding:30px 0 90px; text-align:center; border-bottom:1px solid #ddd;}
.sidemenu_foot .sns{margin-bottom:20px;}
.sidemenu_foot .sns a{display:inline-block; margin:0 5px; padding:5px 10px; font-size:14px; font-weight:400; color:#fff; letter-spacing:-1px; border:1px solid #444;}
.sidemenu_foot .sns a:last-child{color:#f1ed10; border-color:#f1ed10;}
.sidemenu_foot p:nth-of-type(1) a{font-size:20px; font-weight:700; color:#f1ed10;;}
.sidemenu_foot p:nth-of-type(2){margin:20px 0;}
.sidemenu_foot p:nth-of-type(2) a{font-size:20px; font-weight:800; color:#f1ed10;; letter-spacing:-1px;}
.sidemenu_foot p:nth-of-type(2) img{width:22px; vertical-align:text-bottom;}
.sidemenu_foot p:nth-of-type(3){font-size:13px; font-weight:300; color:#fff;}


#banner_wap_body{margin-top:60px;}


/* section */
.section1 .sbox{padding:10px 0;}
.section1 .sbox .ssbox{float:left;}
.section1 .sbox .ssbox1{width:64.9%;}
.section1 .sbox .ssbox2{width:35.1%;}
.section1 .sbox .ssbox img{width:100%;}

.section2{height:230px; padding-top:30px; background:url('../img/section02.jpg') no-repeat center / auto 100%;}
.section2 .sbox{width:300px; margin:0 auto;}

.section3{padding:0 5px;}
.section3 img{width:100%;}

.section4{padding-bottom:30px;}
.section4 .sbox1{padding:5px 0;}
.section4 .sbox1 img{width:100%;}
.section4 .sbox2{padding:0 5px;} 

.section5{padding-top:10px;}
.section5 .sbox{padding:15px 20px; border:10px solid #16499d;}
.section5 .sbox>p{position:relative; font-size:22px; font-weight:700; color:#16499d; text-align:center;}
.section5 .sbox>p a{display:block; position:absolute; top:2px; right:0; width:25px; height:25px; font-size:20px; color:#666; line-height:23px; border:1px solid #999;}
.section5 .sbox .board{margin-top:10px; padding-bottom:10px;}
.section5 .sbox .board td{padding:10px 0; font-size:12px; color:#333; border-bottom:2px dotted #ddd;}
.section5 .sbox .board td a{font-size:16px; color:#333;}

/* footer */
.footer{
    padding:30px 10px 90px 10px;
    background:#000;
}
.footer p{line-height:20px;}
.footer p strong{font-size:16px; font-weight:700; color:#fff;}
.footer p span{margin-right:10px; font-size:12px; font-weight:400; color:#fff;}


/* topbutton */
#topbutton{display:none; position:fixed; right:30px; bottom:50px; z-index:9998; width:50px; height:50px; font-size:15px; font-weight:400; color:#fff; text-align:center; line-height:50px; border-radius:50%; background:#000; opacity:0.7; cursor:pointer;}
#topbutton:hover{opacity:1;}


/* m_phone */
.m_phone_wrap{
    position: fixed;
    bottom:0;
    z-index: 99999;
}
.m_phone{
    max-width: 800px;
    margin: 0 auto;
    display: flex;
}
.m_phone a{
    width:50%;
    display: inline-block;
}
.m_phone a img{width:100%;}
/* sub all */
.subtop{height:130px; margin-top:60px; padding-top:40px; text-align:center;}
.subtop01{background:url('../img/subtop01.jpg') no-repeat center;}
.subtop02{background:url('../img/subtop02.jpg') no-repeat center;}
.subtop03{background:url('../img/subtop03.jpg') no-repeat center;}
.subtop04{background:url('../img/subtop04.jpg') no-repeat center;}
.subtop05{background:url('../img/subtop05.jpg') no-repeat center;}
.subtop06{background:url('../img/subtop06.jpg') no-repeat center;}
.subtop07{background:url('../img/subtop07.jpg') no-repeat center;}
.subtop .line{width:30px; height:1px; margin:10px auto; background:#fff;}
.subtop p:nth-of-type(1){font-size:12px; font-weight:400; color:#fff;}
.subtop p:nth-of-type(2){font-size:20px; font-weight:800; color:#fff;}
.sub .contents{padding:0 5px 50px;}
.sub .contents .title{padding:20px 0; font-size:18px; font-weight:700; color:#000; text-align:center; border-bottom:1px solid #ddd;}
.sub .contents .sbox{margin-top:50px;}
.sub .contents .sbox1{margin-top:20px;}
.sub .contents .sbox>img{width:100%;}
.sub .contents .board{margin-top:20px;}


/* sub style */
.sub01 .contents .sbox1>p span{font-size:16px; font-weight:700; color:#007d45; border-top:1px solid #000;}
.sub01 .contents .sbox1 .ssbox1{margin-top:5px; margin-bottom:20px;}
.sub01 .contents .sbox1 .ssbox1 div{float:left; width:170px;}
.sub01 .contents .sbox1 .ssbox1 div:first-child{margin-right:2%;}
.sub01 .contents .sbox1 .ssbox1 div img{width:100%;}
.sub01 .contents .sbox1 .ssbox1 div p:nth-of-type(1){font-size:14px; font-weight:700; color:#000;}
.sub01 .contents .sbox1 .ssbox1 div p:nth-of-type(2){margin-top:10px; font-size:12px; font-weight:400; color:#666;}
.sub01 .contents .sbox1 .ssbox2 div{text-align:center;}
.sub01 .contents .sbox1 .ssbox2 div img{width:200px; height:200px; border-radius:50%; background:#000;}
.sub01 .contents .sbox2 div{float:left; width:50%; height:200px; padding:50px 10px 0; text-align:center; background:#000;}
.sub01 .contents .sbox2 div p:nth-of-type(1) span{display:inline-block; padding:10px 20px; font-size:14px; font-weight:700; color:#fff; border:3px solid #fff;}
.sub01 .contents .sbox2 div p:nth-of-type(2){margin-top:10px; font-size:12px; font-weight:400; color:#fff; line-height:20px;}
.sub01 .contents .sbox2 div:first-child{background:url('../img/sub01_img08.jpg') no-repeat right center / auto 100%;}
.sub01 .contents .sbox2 div:last-child{background:url('../img/sub01_img09.jpg') no-repeat left center / auto 100%;}

.sub02 .contents .sbox1>p{margin-bottom:5px;}
.sub02 .contents .sbox1>p span{font-size:16px; font-weight:700; color:#007d45; border-top:1px solid #000;}
.sub02 .contents .sbox1 .ssbox{margin-bottom:50px;}
.sub02 .contents .sbox1 .ssbox:last-child{margin-bottom:0;}
.sub02 .contents .sbox1 .ssbox div:last-child{margin-top:10px;}
.sub02 .contents .sbox1 .ssbox div:first-child{display:table; width:100%; height:200px; background:#f5f5f5;}
.sub02 .contents .sbox1 .ssbox div:first-child p{display:table-cell; vertical-align:middle; text-align:center;}
.sub02 .contents .sbox1 .ssbox div:first-child p img{width:200px;}
.sub02 .contents .sbox1 .ssbox div img{width:100%;}
.sub02 .contents .sbox1 .ssbox div p:nth-of-type(1){font-size:16px; font-weight:700; color:#666;}
.sub02 .contents .sbox1 .ssbox div p:nth-of-type(1) strong{color:#000;}
.sub02 .contents .sbox1 .ssbox div p:nth-of-type(2){margin-top:10px; font-size:14px; font-weight:400; color:#666;}
.sub02 .contents .sbox1 .ssbox div p:nth-of-type(2) span{display:block; margin-bottom:5px; padding-left:14px; font-size:14px; font-weight:400; color:#666; background:url('../img/check.png') no-repeat left top / 12px;}
.sub02 .contents .sbox1 .ssbox div p:nth-of-type(3){margin-top:20px; font-size:14px; font-weight:700; color:#000;}
.sub02 .contents .sbox1 .ssbox:nth-of-type(1) div p:nth-of-type(1){color:#000;}
.sub02 .contents .sbox2{text-align:center;}
.sub02 .contents .sbox2 img{display:inline-block; width:80px; height:80px; border-radius:50%; background:#000;}

.sub03 .contents .sbox>p span{font-size:25px; font-weight:700; color:#007d45; border-top:1px solid #000;}
.sub03 .contents .sbox1 .ssbox{margin-top:30px;}
.sub03 .contents .sbox1 .ssbox>p{font-size:14px; font-weight:400; color:#000; line-height:24px;}
.sub03 .contents .sbox1 .ssbox>p strong{font-size:18px; color:#14498e;}
.sub03 .contents .sbox1 .ssbox>p:nth-of-type(2){margin-top:30px;}
.sub03 .contents .sbox1 .basic{margin-top:10px; border-collapse:collapse;}
.sub03 .contents .sbox1 .basic th,
.sub03 .contents .sbox1 .basic td{padding:5px; font-size:12px; font-weight:400; color:#000; text-align:center; border-right:2px solid #fff; border-bottom:1px solid #007d45; background:#f6fff8;}
.sub03 .contents .sbox1 .basic th{width:25%; font-size:12px; font-weight:700;}
.sub03 .contents .sbox1 .basic th:first-child{background:#e6f5ff;}
.sub03 .contents .sbox1 .basic td:first-child{font-size:12px; font-weight:700;}
.sub03 .contents .sbox1 .basic th:nth-child(2),
.sub03 .contents .sbox1 .basic td:nth-child(2){background:#ececec;}
.sub03 .contents .sbox1 .basic th:nth-child(3),
.sub03 .contents .sbox1 .basic td:nth-child(3){background:#fff5f5;}
.sub03 .contents .sbox1 .basic th:nth-child(4),
.sub03 .contents .sbox1 .basic td:nth-child(4){background:#e6e7ff;}
.sub03 .contents .sbox1 .basic tr:last-child th,
.sub03 .contents .sbox1 .basic tr:last-child td{border-bottom:none;}
.sub03 .contents .sbox1 .ssbox div{margin-top:20px; }
.sub03 .contents .sbox1 .ssbox div p{margin-top:10px; font-size:12px; font-weight:400; color:#000; line-height:24px;}
.sub03 .contents .sbox1 .ssbox div p strong{font-size:16px;}
.sub03 .contents .sbox2 .ssbox{margin-top:5px; margin-bottom:50px;}
.sub03 .contents .sbox2 .ssbox:last-child{margin-bottom:0;}
.sub03 .contents .sbox2 .ssbox div:last-child{margin-top:10px;}
.sub03 .contents .sbox2 .ssbox div img{width:100%;}
.sub03 .contents .sbox2 .ssbox div p:nth-of-type(1){font-size:14px; font-weight:700; color:#666;}
.sub03 .contents .sbox2 .ssbox div p:nth-of-type(1) span{font-size:16px; font-weight:700; color:navy;}
.sub03 .contents .sbox2 .ssbox div p:nth-of-type(2){margin-top:10px; font-size:14px; font-weight:400; color:#000;}
.sub03 .contents .sbox2 .ssbox div ul li{margin-top:10px; padding-left:12px; font-size:14px; font-weight:400; color:#666; background:url('../img/check.png') no-repeat left top / 10px;}


.sub06 .contents .sbox .ssbox{margin-top:30px;}
.sub06 .contents .sbox>p span{font-size:16px; font-weight:700; color:#007d45; border-top:1px solid #000;}
.sub06 .contents .sbox .ssbox1{text-align:center;}
.sub06 .contents .sbox .ssbox1 div img{width:200px;}
.sub06 .contents .sbox .ssbox1 p{margin-top:10px; font-size:14px; font-weight:400; color:#666;}
.sub06 .contents .sbox .ssbox1 p strong{font-size:16px; font-weight:700; color:#000;}
.sub06 .contents .sbox .ssbox2 p:nth-of-type(1){font-size:16px; font-weight:700; color:#000;}
.sub06 .contents .sbox .ssbox2 p:nth-of-type(2){margin-top:5px; font-size:12px; font-weight:400; color:#666; line-height:14px;}
.sub06 .contents .sbox .ssbox2 p:nth-of-type(2) a{font-size:12px; font-weight:400; color:#666;}
.sub06 .contents .sbox .ssbox2 p:nth-of-type(2) span{font-size:12px; font-weight:400; color:#666;}
.sub06 .contents .sbox .ssbox2 div{float:right; margin-top:19px;}
.sub06 .contents .sbox .ssbox2 div a{display:block; padding:5px; border-radius:5px; background:#000;}
.sub06 .contents .sbox .ssbox2 div a img{width:22px;}
.sub06 .contents .smap{margin-top:30px;}