@charset "utf-8";

/* 내용관리 */
.ctt_admin {text-align:right}
#article_wrap {}
#article_wrap header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#article {}

.service_wrap {}

.service_header {margin:0 0 60px 0;padding:100px 0 60px 0;text-align:center;background:#2ca606}
.service_header h2 {display:block;color:#fff;font-size:36px;font-weight:700;text-align:center;line-height:44px;}

.slogon {display:block;margin:0 0 48px 0;padding:0 40px;color:#222;font-size:30px;line-height:40px;font-weight:700;text-align:center;}
.slogon span {display:block;}

.service_content {display:block;max-width:1000px;margin:0 auto 60px auto;padding:40px;color:#fff;font-size:30px;line-height:44px;font-weight:400;text-align:center;background:#2ca606}
.service_content span {display:block;}

.screen {width:100%;max-width:1000px;margin:0 auto 60px auto;padding:40px;border:solid 1px #ddd}
.screen ul {}
.screen ul:after {display:block;visibility:hidden;clear:both;content:""}
.screen ul li {display:block;float:left;width:33.3%;margin:0 0 30px 0;padding:0 30px;}
.screen ul li img {width:100%;height:auto;}

.service_common {display:block;margin:0 0 36px 0;padding:0 40px;color:#222;font-size:18px;line-height:26px;text-align:center;}
.service_common span {display:block}

a.btn_service {display:block;width:260px;height:60px;margin:0 auto 24px auto;color:#fff;font-size:18px;line-height:56px;text-align:center;background:#222;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a.btn_service:hover {background:#2ca606}

a.btn_tel {display:block;margin:0 0 80px 0;color:#2ca606;font-size:30px;text-align:center;}


.article_provision {}
.article_provision p {margin:0 0 60px 0;}
.article_provision p strong {display:block;margin:0 0 12px 0;color:#222;font-weight:700}

.article_privacy {}
.article_privacy p {margin:0 0 60px 0;}
.article_privacy p strong {display:block;margin:0 0 12px 0;color:#222;font-weight:700}






@media screen and (max-width:768px) {
.service_header {margin:0 0 40px 0;padding:30px 0;}
.service_header img {width:120px;height:auto}
.service_header h2 {margin:0 0 36px 0;font-size:30px;}


.slogon {margin:0 0 36px 0;font-size:24px;line-height:34px;}
.slogon span {display:inline !important;}

.service_content {margin:0 10px 48px 10px;font-size:24px;line-height:36px;}
.service_content span {display:inline !important;}

.screen {width:auto;margin:0 10px 40px 10px;padding:20px;}
.screen ul li {width:50%;margin:0 0 30px 0;padding:0 20px;}

.service_common {margin:0 0 24px 0;font-size:16px;line-height:24px;}
.service_common span {display:block}

a.btn_service {width:240px;height:50px;margin:0 auto 24px auto;font-size:18px;line-height:46px;}

a.btn_tel {margin:0 0 60px 0;font-size:24px;}





ul.privacy {margin:0 10px 4px 10px;}
}





@media screen and (max-width:480px) {
.service_header {padding:20px 0;}
.service_header h2 {margin:0 0 30px 0;font-size:24px;}


.slogon {font-size:20px;line-height:28px;}

.service_content {margin:0 10px 36px 10px;padding:20px;font-size:18px;line-height:28px;}

.screen {margin:0 10px 40px 10px;padding:20px 10px 0 10px;}
.screen ul li {width:50%;margin:0 0 30px 0;padding:0 10px;}

.service_common {font-size:14px;line-height:22px;}
.service_common span {display:inline}

a.btn_service {width:220px;}

a.btn_tel {margin:0 0 40px 0;font-size:22px;}





ul.privacy {margin:0 10px 4px 10px;}
}