@charset "utf-8";

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

.intro {width:100%;max-width:1200px;margin:0 auto 40px auto;}
.intro ul {}
.intro ul:after {display:block;visibility:hidden;clear:both;content:""}
.intro ul li {display:block;float:left;position:relative;width:50%;}
.intro ul li img {width:100%;height:auto;}

.intro_mov {width:100%;max-width:1200px;margin:0 auto 40px auto;}

.intro_photo {width:100%;max-width:1200px;margin:0 auto 40px auto;}

.greeting {width:100%;max-width:1200px;margin:0 auto 40px auto;font-size:16px;}
.greeting strong {color:#444;font-weight:400;}
.greeting .sign {color:#444;font-weight:400;text-align:right}

.history {position:relative;width:100%;max-width:1200px;margin:0 auto 40px auto;padding:40px 0;}
.history h2 {display:block;margin:0 0 24px 40px;font-family:'Lato';color:#444;font-size:30px;font-weight:900;}
.history .line {display:block;position:absolute;left:13px;top:0;width:1px;height:100%;background:#ccc;z-index:-1}
.history ul {}
.history ul li {display:block;position:relative;margin:0 0 18px 0;padding:0 0 0 40px;font-size:16px;}
.history ul li strong {display:inline-block;width:120px;font-family:'Lato';color:#444;font-weight:900;}
.history ul li .bullet {display:block;position:absolute;left:10px;top:10px;width:7px;height:7px;background:#059740;border-radius:50%;}


.contact {width:100%;max-width:1200px;margin:0 auto 60px auto;}
.contact ul {}
.contact ul:after {display:block;visibility:hidden;clear:both;content:""}
.contact ul li {display:block;float:left;position:relative;width:50%;}
.contact ul li img {width:100%;height:auto;}

.contact ul li dl {}
.contact ul li dl dd {display:block;position:relative;margin:0 0 36px 0;padding:6px 0 0 120px;font-size:16px;}
.contact ul li dl dd strong {display:block;color:#444;font-size:16px;font-weight:500;}
.contact ul li dl dd .icon {display:block;position:absolute;left:40px;top:0;width:60px;}
.contact ul li dl dd .icon img {width:100%;height:auto;}

.contact_mov {width:100%;max-width:1200px;margin:0 auto 40px auto;}


.embed-container-map {position:relative;padding-bottom:56.25%overflow:hidden;max-width:100%;height:400px;} 
.embed-container-map iframe, 
.embed-container-map object, 
.embed-container-map embed {position:absolute;top:0;left:0;width:100%;height:100%;}


.tip_wrap {width:100%;max-width:1200px;margin:0 auto;}
.tip_wrap h2 {display:block;margin:0 0 18px 0;color:#222;font-size:30px;font-weight:400;letter-spacing:-1px;word-break:keep-all;}
.tip_wrap h3 {display:block;position:relative;margin:0 0 18px 0;padding:0 0 0 12px;color:#222;font-size:22px;font-weight:400;letter-spacing:-1px;word-break:keep-all;}
.tip_wrap h3 .bullet {display:block;position:absolute;left:0;top:14px;width:5px;height:5px;background:#059640;border-radius:50%;}
.tip_wrap h3 strong {display:inline-block;margin:0 8px 0 -12px;font-family:'Lato';color:#059640;font-size:22px;font-weight:700;}

.tip_con {margin:0 0 60px 0;padding:0 0 60px 0;border-bottom:dotted 1px #999;}
.tip_con_last {margin:0 0 60px 0;}

.tip_title {position:relative;margin:0 0 40px 0;padding:40px 40px 40px 280px;background:#f6f6f6;border:solid 1px #ddd;}
.tip_title:after {display:block;visibility:hidden;clear:both;content:""}
.tip_title .img {display:block;position:absolute;left:40px;top:30px;width:220px;}
.tip_title .img img {width:100%;max-width:200px;height:auto;}
.tip_title p {font-size:16px;word-break:keep-all;}

.tip_step {margin:0 0 40px 0;}
.tip_step ul {}
.tip_step ul:after {display:block;visibility:hidden;clear:both;content:""}
.tip_step ul li {display:block;position:relative;float:left;width:20%;padding:0 40px 0 0;}
.tip_step ul li .box {position:relative;height:190px;padding:20px;background:#f6f6f6;border:solid 1px #ccc;border-radius:20px;}
.tip_step ul li .box .num {display:block;width:30px;height:30px;margin:0 0 30px 0;font-family:'Roboto';color:#fff568;font-size:18px;text-align:center;line-height:30px;font-weight:700;background:#059640;border-radius:50%;}
.tip_step ul li .box .icon {display:block;position:absolute;right:20px;top:20px;width:60px;}
.tip_step ul li .box .icon img {width:100%;height:auto;}
.tip_step ul li .box strong {display:block;margin:0 0 4px 0;color:#444;font-size:16px;font-weight:500;line-height:20px;}

.tip_step ul li .arrow {display:block;position:absolute;right:0;top:50%;width:40px;text-align:center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tip_step ul li .arrow i {color:#ccc;font-size:36px;}

dl.tip_part {margin:0 0 60px 0;}
dl.tip_part:after {display:block;visibility:hidden;clear:both;content:""}
dl.tip_part dd {display:block;float:left;width:50%;}
dl.tip_part dd img {display:block;width:100%;max-width:440px;height:auto;margin:0 auto;}
dl.tip_part dd p {font-size:16px;}
dl.tip_part dd .caption {margin:8px 0 0 0;color:#117cce;font-size:15px;text-align:center;word-break:keep-all;}

.tip_list {}
.tip_list p {margin:0 0 12px 0;font-size:16px;}
.tip_list ul {}
.tip_list ul li {display:block;position:relative;margin:0 0 8px 0;padding:0 0 0 24px;font-size:16px;word-break:keep-all;}
.tip_list ul li strong {color:#059640;font-weight:500;}
.tip_list ul li i {display:block;position:absolute;left:0;top:3px;color:#059640;font-size:18px;}

.tip_list ul li ul {margin:18px 0 0 0;}
.tip_list ul li ul li {margin:24px 0 0 0;padding:0 0 0 8px;font-size:15px;background:url(../../../img/bullet.png) no-repeat 0 9px;}

.refer {margin:24px 0 0 0;color:#f63941;font-size:15px;}

ul.tip_photo {}
ul.tip_photo:after {display:block;visibility:hidden;clear:both;content:""}
ul.tip_photo li {display:block;float:left;margin:0 1px 0 0;}
ul.tip_photo li img {width:100%;height:auto;}
ul.tip_photo li .caption {margin:8px 0 0 0;color:#117cce;font-size:15px;text-align:center;word-break:keep-all;}

.data_type {width:100%;overflow-x:auto;}
.data_type table {width:100%;min-width:800px;border-collapse:collapse;border-spacing:0;background:#fff;border-top:2px solid #059740;} 
.data_type th {padding:18px 10px;font-size:16px;font-weight:500;color:#222;text-align:center;background:#f6f6f6;border-bottom:1px solid #999;border-right:1px solid #ddd;}
.data_type th:last-child {border-right:none;}
.data_type td {padding:18px 10px;font-size:16px;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-break:break-all}
.data_type td:last-child {border-right:none;}

.spec_type {width:100%;margin:0 0 0 40px;}
.spec_type table {width:100%;border-collapse:collapse;border-spacing:0;background:#fff;border-top:2px solid #059740;} 
.spec_type th {padding:18px 10px;font-size:16px;font-weight:500;color:#222;text-align:center;background:#f6f6f6;border-bottom:1px solid #999;border-right:1px solid #ddd;}
.spec_type th:last-child {border-right:none;}
.spec_type td {padding:18px 10px;font-size:16px;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-break:break-all}
.spec_type td:last-child {border-right:none;}
.spec_type td strong {color:#444;font-weight:400;}

.tip_process {}
.tip_process ul {}
.tip_process ul:after {display:block;visibility:hidden;clear:both;content:""}
.tip_process ul li {display:block;float:left;width:18%;margin:0 2.5% 20px 0;}
.tip_process ul li:nth-child(5n) {margin:0 0 20px 0;}
.tip_process ul li .box {padding:20px 0 0 0;text-align:center;border:solid 5px #eee;}
.tip_process ul li .box .num {display:block;width:30px;height:30px;margin:0 auto 8px auto;font-family:'Roboto';color:#fff568;font-size:18px;text-align:center;line-height:30px;font-weight:700;background:#059640;border-radius:50%;}
.tip_process ul li .box .icon {display:block;width:80px;margin:0 auto;}
.tip_process ul li .box .icon img {width:100%;height:auto;}
.tip_process ul li .box .var {display:block;width:30px;height:1px;margin:18px auto;background:#ccc;}
.tip_process ul li .box p {height:80px;font-size:16px;line-height:20px;}

.tip_slogon {margin:0 0 40px 0}
.tip_slogon:after {display:block;visibility:hidden;clear:both;content:""}
.tip_slogon .left,
.tip_slogon .right {float:left;position:relative;width:50%;height:300px;overflow:hidden;}
.tip_slogon .left img {display:block;position:absolute;left:0;top:0;width:100%;max-width:100%;height:100%;max-height:100%;}
.tip_slogon .right .txt {display:block;position:absolute;left:0;top:50%;width:100%;padding:0 0 0 40px;color:#222;font-size:30px;line-height:36px;font-weight:500;letter-spacing:-1px;word-break:keep-all;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tip_slogon .right .txt strong {display:block;margin:0 0 18px 0;font-family:'Lato';color:#00a651;font-size:44px;font-weight:700;}
.tip_slogon .right .txt span {display:block}


img.w600 {display:block;width:100%;max-width:600px !important;height:auto;margin:0 auto 40px auto;}
img.w420 {display:block;width:100%;max-width:420px !important;height:auto;margin:0 auto;}






@media screen and (max-width:1024px) {
.intro {width:auto;margin:0 20px 40px 20px;} 
.intro_mov {width:auto;margin:0 20px 40px 20px;} 

.intro_photo {width:auto;margin:0 20px 40px 20px;}

.greeting {width:auto;margin:0 20px 40px 20px;font-size:14px;} 

.history {width:auto;margin:0 20px 40px 20px;}
.history h2 {font-size:24px;}

.contact {width:auto;margin:0 20px 60px 20px;}

.contact_mov {width:auto;margin:0 20px 40px 20px;}


.tip_wrap {width:auto;margin:0 20px;}


.tip_step {margin:0 0 20px 0;}
.tip_step ul li {width:23%;margin:0 2.66% 0 0;padding:0;}
.tip_step ul li:last-child {margin:0;}
.tip_step ul li .arrow {display:none;}

ul.tip_photo li {display:block;float:left;width:33.33%;margin:0;padding:0 1px 0 0;}


.tip_process ul li {width:23%;margin:0 2.66% 20px 0;}
.tip_process ul li:nth-child(5n) {margin:0 2.66% 20px 0;}
.tip_process ul li:nth-child(4n) {margin:0 0 20px 0;}

.tip_slogon .right .txt span {display:inline}
}





@media screen and (max-width:768px) {
.intro ul li {float:none;width:100%;margin:0 0 10px 0;}
.intro ul li:last-child {margin:0;}

.history h2 {margin:0 0 24px 20px;font-size:18px;}
.history .line {left:3px;}
.history ul li {padding:0 0 0 20px;font-size:14px;}
.history ul li strong {display:block;width:100%;}
.history ul li .bullet {left:1px;top:6px;width:5px;height:5px;}


.contact ul li {float:none;width:100%;margin:0 0 30px 0;}
.contact ul li:last-child {margin:0;}

.contact ul li dl dd {margin:0 0 36px 0;padding:0px 0 0 60px;font-size:14px;}
.contact ul li dl dd strong {font-size:14px;}
.contact ul li dl dd .icon {left:0px;top:0;width:40px;}

.embed-container-map {height:300px;} 

.tip_con {margin:0 0 40px 0;padding:0 0 40px 0;}

.tip_wrap h2 {font-size:24px;}
.tip_wrap h3 {font-size:18px;}
.tip_wrap h3 strong {font-size:18px;}
.tip_wrap h3 .bullet {top:12px;}

.tip_title {padding:30px 20px 30px 220px;}
.tip_title .img {left:20px;top:20px;width:160px;}
.tip_title p {font-size:14px;}

.tip_step ul li {width:48%;margin:0 4% 20px 0;padding:0;}
.tip_step ul li:nth-child(2n) {margin:0 0 20px 0;}
.tip_step ul li .box {height:160px;padding:20px;border-radius:10px;}
.tip_step ul li .box .num {width:24px;height:24px;margin:0 0 12px 0;font-size:16px;line-height:24px;}
.tip_step ul li .box strong {font-size:15px;line-height:18px;}
.tip_step ul li .box p {font-size:13px;}

.tip_step ul li .arrow {display:none;}

dl.tip_part dd {float:none;width:100%;margin:0 0 20px 0;}
dl.tip_part dd p {font-size:14px;}
dl.tip_part dd .caption {font-size:14px;}

.tip_list p {margin:0 0 12px 0;font-size:14px;}
.tip_list ul li {padding:0 0 0 18px;font-size:14px;}
.tip_list ul li i {top:3px;font-size:16px;}
.tip_list ul li ul li {font-size:14px;background:url(../../../img/bullet.png) no-repeat 0 8px;}

.refer {font-size:14px;}

ul.tip_photo li {display:block;float:left;width:50%;margin:0 0 20px 0;}
ul.tip_photo li .caption {font-size:14px;}

.data_type th {padding:12px 10px;font-size:14px;}
.data_type td {padding:12px 10px;font-size:14px;}

.spec_type {width:100%;margin:0;}
.spec_type th {padding:12px 10px;font-size:14px;}
.spec_type td {padding:12px 10px;font-size:14px;}


.tip_process ul li {width:32%;margin:0 2% 20px 0;}
.tip_process ul li:nth-child(5n) {margin:0 2% 20px 0;}
.tip_process ul li:nth-child(4n) {margin:0 2% 20px 0;}
.tip_process ul li:nth-child(3n) {margin:0 0 20px 0;}
.tip_process ul li .box .icon {width:60px;}
.tip_process ul li .box p {font-size:14px;line-height:18px;}

.tip_slogon .left,
.tip_slogon .right {float:none;width:100%;height:auto;}
.tip_slogon .left img {position:relative;height:auto;max-height:auto;}
.tip_slogon .right .txt {position:relative;left:0;top:0;padding:40px 0 0 0;font-size:24px;line-height:30px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.tip_slogon .right .txt strong {font-size:36px;}
}





@media screen and (max-width:480px) {
.tip_wrap h2 {font-size:20px;}
.tip_wrap h3 {font-size:16px;}
.tip_wrap h3 strong {font-size:16px;}
.tip_wrap h3 .bullet {top:10px;}

.tip_title {padding:20px;}
.tip_title .img {position:relative;left:0px;top:0px;width:80px;}
.tip_title p {font-size:13px;}


.tip_step ul li {width:100%;margin:0 0 20px 0;}
.tip_step ul li:nth-child(2n) {margin:0 0 20px 0;}
.tip_step ul li .box {height:auto;}

dl.tip_part dd p {font-size:13px;}
dl.tip_part dd .caption {font-size:13px;}

.tip_list p {font-size:13px;}
.tip_list ul li {font-size:13px;}
.tip_list ul li i {top:3px;font-size:16px;}
.tip_list ul li ul li {font-size:13px;background:url(../../../img/bullet.png) no-repeat 0 8px;}

.refer {font-size:13px;}

ul.tip_photo li .caption {font-size:13px;}


.data_type th {padding:12px 10px;font-size:13px;}
.data_type td {padding:12px 10px;font-size:13px;}

.spec_type th {padding:12px 10px;font-size:13px;}
.spec_type td {padding:12px 10px;font-size:13px;}

.tip_process ul li .box p {height:70px;font-size:13px;line-height:16px;}


.tip_slogon .right .txt {font-size:18px;line-height:24px;}
.tip_slogon .right .txt strong {font-size:30px;}
}