@charset "utf-8";


/* reset
------------------------------------------------------------------------------------------------- */
html ,body {margin:0; padding:0;font-size:15px;font-weight:300;color:#333;font-family:"NanumGothic", "나눔고딕", Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial; -webkit-text-size-adjust:none;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,select,textarea {margin:0; padding:0;box-sizing:border-box; -webkit-text-size-adjust:none;}
th,td, input,textarea,select,button {box-sizing:border-box;font-size:1em;font-family:"NanumGothic", "나눔고딕", Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial; -webkit-text-size-adjust:none;}
th,td {word-break:break-all; word-wrap:break-word; -webkit-text-size-adjust:none;box-sizing:border-box;}
table {border-spacing:0; border-collapse:collapse; -webkit-text-size-adjust:none; border:0; table-layout:fixed;box-sizing:border-box;}
address,caption,cite,code,dfn,em, var {font-style:normal;-webkit-text-size-adjust:none;box-sizing:border-box;}
em {font-weight:inherit;}
ol,ul ,li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
abbr,acronym {border:0;}
legend, caption {visibility:hidden; overflow:hidden; line-height:0; width:0; height:0; margin:0; padding:0; text-indent:-99999px; font-size:0;}
img, fieldset {border:0 none;}
span, strong{box-sizing:border-box;}

a {color:#222;box-sizing:border-box;}
a:link, a:visited, a:hover {color:#222; text-decoration:none;}
a:active {text-decoration:none;}
.hidden_obj{visibility:hidden !important;overflow:hidden !important;height:0 !important;line-height:0 !important;width:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;}
input, img {vertical-align:middle;}

input, button {border-radius:0; /* -webkit-appearance:none; */ border:0;box-sizing:border-box;}
button {border:0; background-color:transparent; padding:0; margin:0; cursor:pointer;}
input[type=submit] {border:0; width:100%; padding:0;cursor:pointer;}
textarea {resize:none; border:0;}
label{vertical-align:middle;}

input[type=button], input[type=submit], input[type=text], input[type=password], input[type=text], textarea{-webkit-appearance:none;-webkit-border-radius:0;}

/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;margin:0;padding:0;box-sizing:border-box;}

/* font */	
@font-face {
    font-family: 'NanumGothic';
    font-weight: 300;
    src: url('fonts/NanumGothic.eot');
    src: url('fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('fonts/NanumGothic.woff2') format('woff2'),
         url('fonts/NanumGothic.woff') format('woff')
   }
@font-face {
    font-family: 'NanumGothic';
    font-weight: 400;
    src: url('fonts/NanumGothicBold.eot');
    src: url('fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/NanumGothicBold.woff2') format('woff2'),
         url('fonts/NanumGothicBold.woff') format('woff');        
   }
   @font-face {
    font-family: 'NanumGothic';
    font-weight: 500;
    src: url('fonts/NanumGothicExtraBold.eot');
    src: url('fonts/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/NanumGothicExtraBold.woff2') format('woff2'),
         url('fonts/NanumGothicExtraBold.woff') format('woff')
   }  	

table, table th,  table td{box-sizing:border-box;font-weight:400;}
table td{box-sizing:border-box;font-weight:300;}
input[type="txet"], input[type="button"]{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;-webkit-border-radius:0;border-radius:0;}
select {padding:0 35px 0 5px;height:25px;vertical-align:middle;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #cfcfcf;background:#fff url('../images/contents/sel_btn.png') no-repeat right center;} 
select::-ms-expand{display:none;}

.txt_c{text-align:center !important;}
.btn_blue{display:inline-block;margin-bottom:5px;padding:0 10px;width:140px;height:35px;line-height:35px;color:#fff !important;font-weight:400;font-size:14px;text-align:center;background-color:#0079c2;}

.service{width:1024px;margin:0px auto;font-weight:400;}
.service h1{margin:30px auto 0 auto;padding-top:7px;width:520px;height:70px;text-align:center;color:#fff;font-size:30px;font-weight:400;background:url('../images/contents/tit_bg.png') no-repeat 0 0;}
.service .tit{margin:0 auto 30px auto;padding-top:70px;text-align:center;font-size:25px;line-height:1.5em;background:url('../images/contents/character.png') no-repeat 0 0;}
.service .tit span{display:block;}

.service h2{display:inline-block;margin-bottom:20px;padding:5px 15px;text-align:center;font-size:23px;color:#fff;font-weight:400;background-color:#7ebe00;}
.service .list{margin-bottom:30px;}
.service .list > li:before{content:'·';display:inline-block;margin-right:10px;}
.service .list > li{margin-bottom:5px;}

.service .dataT{margin-bottom:10px;padding-top:51px;background:url('../images/contents/bg_img.png') no-repeat 0 0;}
.service .dataT th, .service .dataT td{padding:10px;line-height:1.5em;border:1px solid #aaa;}
.service .dataT th{color:#fff;border:1px solid #333;background-color:#7ebe00;}

.service .viewT{margin-bottom:10px;padding-top:51px;background:url('../images/contents/bg_img.png') no-repeat 0 0;}
.service .viewT th, .service .viewT td{padding:10px;line-height:1.5em;border:1px solid #aaa;}
.service .viewT thead th{color:#fff;border:1px solid #333;background-color:#7ebe00;}
.service .viewT tbody th{background-color:#bbd783;}

.service .footer{text-align:right;}
.mobile{display:none;}

@media screen and (max-width:1023px){  
      .service{width:100%;}
      .service > div{padding:0 10px;}


}
@media screen and (max-width:960px){  
      .pc{display:none;}
      .mobile{display:block;}
}
@media screen and (max-width:750px){  
      .service .tit{padding:100px 0 0 0;background-position:center 0;background-size:100px auto;}
      .service h1{width:100%;background-position:center 0;}
}
@media screen and (max-width:480px){       
      .service{min-width:375px;}
      .service h1{padding-top:10px;font-size:25px;background-image:url('../images/contents/m_tit_bg.png')}
      .service h2{font-size:20px;}
      .service .tit{font-size:20px;}
      .service .tit span{display:inline;}
}