@charset "utf-8";

#container_wrap,
#tnb_wrap,
#tnb,
#header_wrap,
#header,
#gnb_wrap,
#gnb,
#body_wrap,
#side_wrap,
#content_wrap,
#bottom_wrap,
#bottom,
#bnb_wrap,
#bnb,
#footer_wrap,
#footer {display:block;position:relative;}

#container_wrap:after,
#tnb_wrap:after,
#tnb:after,
#header_wrap:after,
#header:after,
#gnb_wrap:after,
#gnb:after,
#body_wrap:after,
#side_wrap:after,
#content_wrap:after,
#bottom_wrap:after,
#bottom:after,
#bnb_wrap:after,
#bnb:after,
#footer_wrap:after,
#footer:after {display:block;visibility:hidden;clear:both;content:""}


#float {display:block;position:fixed;right:0;top:50%;border:solid 1px #eee;z-index:99;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
#float a.btn_appl {display:block;}
#float .title {display:block;position:relative;padding:0 10px;color:#fff;font-size:16px;line-height:40px;background:#285c57;}
#float .title strong {color:#fff8ba;font-weight:400;}
#float .title a {display:block;position:absolute;right:10px;top:0;color:#fff;font-size:12px;}

ul.recent_ticker {height:400px;overflow:hidden;background:#fff;}
ul.recent_ticker li {display:block;position:relative;padding:4px 10px;font-size:13px;line-height:16px;}
ul.recent_ticker li .stat {display:block;position:absolute;right:10px;top:50%;width:60px;margin:-12px 0 0 0;color:#fff;font-size:12px;text-align:center;line-height:24px;background:#285c57;border-radius:3px;}
ul.recent_ticker li .stat.ing {color:#fff8ba}

#header_wrap {left:0;right:0;top:0;padding:5px 10px;background:#fff;z-index:9;}
#header {width:100%;max-width:1400px;margin:0 auto;}
#header a#logo {display:block;float:left;line-height:80px;}
#header a#logo img {width:240px;height:auto;}
#header a.tel {display:block;float:right;font-size:30px;font-weight:700;line-height:80px;}
#header a.tel i {font-size:24px;vertical-align:middle;}
#header .event {display:block;width:300px;margin:0 auto;padding:4px 0 0 0;text-align:center;letter-spacing:-1px;}
#header .event p {display:block;position:relative;font-size:14px;}
#header .event p strong {color:#3a856c;}
#header .event p.free {color:#fff8ba;font-size:20px;text-shadow: 3px 0 #243436, -3px 0 #243436, 0 3px #243436, 0 -3px #243436, 3px 3px #243436, -3px -3px #243436, -3px 3px #243436, 3px -3px #243436;}
#header .event p.bi {color:#285c57;font-size:30px;}
#header .event p .bg {display:inline-block;position:relative;}
#header .event p .bg:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:50%;background:rgba(88,148,128,0.2);}
#header a.btn_panel {display:none;float:right;margin:0 0 0 20px;line-height:60px;}
#header a.btn_panel i {font-size:24px;vertical-align:middle;}

#gnb_wrap {left:0;right:0;top:0;background:#285c57;z-index:9;}
#gnb {width:100%;max-width:1400px;margin:0 auto;}
#gnb ul {}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb ul li {display:block;float:left;width:12.25%;}
#gnb ul li a {display:block;color:#fff;font-size:18px;font-weight:500;text-align:center;line-height:60px;}
#gnb ul li a.active {color:#fff8ba;background:#243436}

#gnb_wrap.sticky {position:fixed;}

#snb_wrap {display:none;position:absolute;left:0;right:0;top:60px;background:#fff;border-bottom:solid 1px #ddd;z-index:9;}
#snb {width:100%;max-width:1400px;margin:0 auto;}
#snb ul {}
#snb ul:after {display:block;visibility:hidden;clear:both;content:""}
#snb ul li {display:block;float:left;width:12.25%;min-height:200px;padding:20px 0;border-right:solid 1px #ddd;}
#snb ul li:last-child {border-right:none;}
#snb ul li a {display:block;font-size:16px;line-height:40px;text-align:center;font-weight:500;}


.sec {display:block;position:relative;padding:60px 10px;}
.sec h2 {display:block;position:relative;font-family: 'JalnanGothic';font-size:48px;letter-spacing:-1px;}
.sec h2 strong {color:#285c57;font-weight:normal;}
.sec h2 a.more {display:block;position:absolute;right:0;top:50%;margin:-10px 0 0 0;font-family:'Pretendard';color:#999;font-size:18px;font-weight:normal;line-height:20px;}
.sec h2 a.more i {font-size:14px;vertical-align:baseline;}
.sec h3 {display:block;font-family: 'JalnanGothic';font-size:36px;letter-spacing:-1px;}
.sec h3 strong {color:#285c57;font-weight:normal;}
.sec .subtitle {display:block;margin:0 0 40px 0;font-size:24px;font-weight:400;text-align:center;line-height:140%;letter-spacing:-1px;}
.sec .subtitle strong {font-weight:700;}

.content {display:block;position:relative;width:100%;max-width:1400px;margin:0 auto;}
.content:after {display:block;visibility:hidden;clear:both;content:""}

.mov {text-align:center;}
.mov .embed-container {border-radius:15px;overflow:hidden;}
.mov img {width:auto;height:386px;border-radius:15px;}
.mov .caption {display:block;margin:12px 0 0 0;font-size:20px;font-weight:400;text-align:center;}


.sec.sec0 {padding:0;}

.sld_content {position:relative;width:100%;max-width:1400px;min-height:625px;margin:0 auto;padding:20px 0 60px 0;}
.sld_content:after {display:block;visibility:hidden;clear:both;content:""}

.sld_content .cont_left {float:left;position:relative;width:60%;padding:0 20px;}
.sld_content .cont_right {float:right;position:relative;width:40%;padding:0 20px;}

.sld_content .emblem {display:block;position:absolute;left:0px;top:0;width:120px;}
.sld_content .emblem img {width:100%;height:auto;}
.sld_content h2 {margin:0;text-align:center;}
.sld_content p {margin:0 0 8px 0;font-size:20px;text-align:center;font-weight:500;}
.sld_content .label {display:inline-block;margin:0 0 12px 0;padding:0 24px;color:#fff;font-size:24px;text-align:center;line-height:50px;background:#285c57;border-radius:30px;}
.sld_content h3 {margin:0 0 12px 0;text-align:center;}
.sld_content .title {margin:0 0 8px 0;font-size:24px;font-weight:500;letter-spacing:-1px;}
.sld_content .title strong {font-size:30px;font-weight:800;}
.sld_content ul.goods {margin:0 0 16px 0;}
.sld_content ul.goods:after {display:block;visibility:hidden;clear:both;content:""}
.sld_content ul.goods li {display:block;float:left;width:32%;margin:0 2% 0 0;padding:10px 0;text-align:center;background:#285c57;border-radius:15px;}
.sld_content ul.goods li:last-child {margin:0;}
.sld_content ul.goods li .img {margin:0;}
.sld_content ul.goods li .img img {width:auto;height:210px;}
.sld_content ul.goods li label {display:block;color:#fff;font-size:18px;}
.sld_content .user {font-size:24px;}
.sld_content .user strong {color:#589480;font-weight:normal;}

.sld_content ul.numlist {}
.sld_content ul.numlist li {display:block;position:relative;margin:0 0 40px 0;padding:0 0 0 70px;font-size:24px;font-weight:500;text-align:left;}
.sld_content ul.numlist li:last-child {margin:0;}
.sld_content ul.numlist li:after {display:block;visibility:hidden;clear:both;content:""}
.sld_content ul.numlist li .num {display:block;position:absolute;left:0;right:0;width:50px;color:#fff;font-size:18px;line-height:40px;text-align:center;background:#589480;border-radius:5px;}
.sld_content ul.numlist li strong {display:block;margin:0 0 12px 0;font-size:30px;font-weight:normal;letter-spacing:-1px;}
.sld_content ul.numlist li .bullet {display:inline-block;position:relative;margin:0 0 8px 0;padding:0 0 0 10px;}
.sld_content ul.numlist li .bullet:before {content:'';display:block;position:absolute;left:0;top:50%;width:5px;height:5px;margin:-2.5px 0 0 0;background:#589480;border-radius:50%;}
.sld_content ul.numlist li .bg {display:inline-block;position:relative;}
.sld_content ul.numlist li .bg:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:45%;background:rgba(88,148,128,0.2);}
.sld_content ul.numlist li dl {margin:8px 0 16px 0;}
.sld_content ul.numlist li dl dd {display:block;position:relative;margin:0 0 5px 0;background:#285c57;border-radius:5px;}
.sld_content ul.numlist li dl dd:last-child {margin:0;}
.sld_content ul.numlist li dl dd:after {display:block;visibility:hidden;clear:both;content:""}
.sld_content ul.numlist li dl dd label,
.sld_content ul.numlist li dl dd .amount {display:block;float:left;width:50%;color:#fff;font-size:22px;line-height:50px;text-align:center;font-weight:normal;}
.sld_content ul.numlist li dl dd .amount {color:#fff8ba;}
.sld_content ul.numlist li dl dd .amount del {color:#a5c8bc;font-size:14px;}
.sld_content ul.numlist li .zero {font-size:18px;}
.sld_content ul.numlist li .zero strong {display:inline-block;color:#285c57;font-size:24px;font-weight:normal;font-style:italic;}
.sld_content ul.numlist li .img {display:block;position:absolute;right:0;top:0;width:120px;}
.sld_content ul.numlist li .img img {width:100%;height:auto;}


.sld_content2 {position:relative;width:100%;max-width:1400px;min-height:605px;margin:0 auto;padding:0}
.sld_content2:after {display:block;visibility:hidden;clear:both;content:""}

.sld_content2 .cont_left2 {display:block;position:absolute;left:50px;top:50%;width:260px;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.sld_content2 .cont_right2 {float:right;position:relative;width:calc(100% - 300px);}

.sld_content2 ul.viz_photo {margin:0 0 30px 0;}
.sld_content2 ul.viz_photo:after {display:block;visibility:hidden;clear:both;content:""}
.sld_content2 ul.viz_photo li {display:block;width:100%;margin:0 0 15px 0;border:solid 5px #fff;box-shadow:2px 2px 5px rgba(0,0,0,0.4);}
.sld_content2 ul.viz_photo li:last-child {margin:0;}
.sld_content2 ul.viz_photo li img {width:100%;height:auto;box-shadow:inset 2px 2px 5px rgba(0,0,0,0.4);}

.sld_content2 .cont_right2 img {width:100%;height:auto;}
.sld_content2 .cont_right2 .pc {display:block;}
.sld_content2 .cont_right2 .mobile {display:none;width:100%;max-width:800px;margin:0 auto;}


.newsview {display:block;position:absolute;left:50%;top:0;width:100%;max-width:1400px;margin:0 auto;padding:12px 18px;color:#fff;font-size:18px;text-align:center;word-break:keep-all;background:#285c57;border-radius:5px;z-index:1;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.newsview i {color:#fff8ba;font-size:28px;vertical-align:middle;}
.newsview a {display:inline-block;padding:0 12px;color:#fff;font-size:18px;font-weight:500;line-height:36px;background:#243436;border-radius:5px;}


.sec.sec1 {/*background:url(../img/sec1_bg.jpg) no-repeat 50% 50%;background-size:cover;*/background:#f6f6f6;}

.sec1 ul.chk_point {float:left;width:48%;}
.sec1 ul.chk_point:after {display:block;visibility:hidden;clear:both;content:""}
.sec1 ul.chk_point li {display:block;float:left;width:32%;margin:0 2% 0 0;border-radius:15px;overflow:hidden;}
.sec1 ul.chk_point li:last-child {margin:0;}
.sec1 ul.chk_point li .img {}
.sec1 ul.chk_point li .img img {width:100%;height:235px;object-fit:cover;}
.sec1 ul.chk_point li .cont {padding:35px 0;color:#fff;font-size:18px;text-align:center;line-height:120%;word-break:keep-all;}
.sec1 ul.chk_point li .cont i {display:block;margin:0 0 12px 0;color:#fff8ba;font-size:36px;}
.sec1 ul.chk_point li:nth-child(1) .cont {background:#589480}
.sec1 ul.chk_point li:nth-child(2) .cont {background:#3a856c}
.sec1 ul.chk_point li:nth-child(3) .cont {background:#285c57}

.sec1 .chk_ace {width:100%;max-width:980px;margin:0 auto;/*float:right;width:50%;*/}
.sec1 .chk_ace h3 {margin:0 0 22px 0;color:#3a856c;word-break:keep-all;}
.sec1 .chk_ace p {margin:0 0 24px 0;font-size:30px;line-height:120%;font-weight:600;word-break:keep-all;}
.sec1 .chk_ace ul.chk_ans {}
.sec1 .chk_ace ul.chk_ans li {display:block;position:relative;margin:0 0 5px 0;padding:0 0 0 70px;}
.sec1 .chk_ace ul.chk_ans li:last-child {margin:0;}
.sec1 .chk_ace ul.chk_ans li label {display:block;position:absolute;left:0;top:0;width:60px;padding:12px 0;color:#fff8ba;font-size:18px;font-weight:normal;text-align:center;background:#3a856c;border-radius:5px;}
.sec1 .chk_ace ul.chk_ans li p {display:block;margin:0;padding:12px 20px;color:#fff;font-size:18px;font-weight:normal;letter-spacing:-0.5px;word-break:keep-all;background:#285c57;border-radius:5px;}
.sec1 .chk_ace ul.chk_ans li p strong {color:#fff8ba;font-weight:700;}
.sec1 .txt {margin:40px 0 0 0;font-size:24px;text-align:center;word-break:keep-all;}
.sec1 .txt strong {display:block;margin:6px 0 0 0;font-size:30px;font-weight:700;}


.sec2 .logo {display:block;width:360px;margin:0 auto 40px auto;}
.sec2 .logo img {width:100%;height:auto;}
.sec2 h3 {margin:40px 0 0 0;text-align:center;}

ul.talk_wrap {display:block;width:100%;}
ul.talk_wrap:after {display:block;visibility:hidden;clear:both;content:""}
ul.talk_wrap li {display:block;float:left;width:33.33%;padding:10px;}

.talk_box {display:block;position:relative;width:100%;height:100%;min-height:490px;padding:20px;background:#f6f6f6;border:solid 1px #ebecf1;border-radius:15px;}


.talk_box div {display:block;position:relative;margin:0 0 40px 0;}
.talk_box div:last-child {margin:0;}
.talk_box div .profileimg {display:block;position:absolute;top:0;width:60px;height:60px;color:#fff;text-align:center;line-height:60px;background:#3f424b;border-radius:50%;}
.talk_box div .profileimg i {font-size:32px;line-height:60px;}
.talk_box div .profileimg img {width:100%;height:auto;border-radius:50%;}
.talk_box div .name {display:block;position:absolute;top:0;width:120px;color:#666875;font-size:16px;font-weight:400;line-height:normal;}
.talk_box div p {padding:20px 10px;font-size:18px;line-height:140%;letter-spacing:-1px;border-radius:15px;}
.talk_box div p strong {font-weight:700;}

.talk_box div.q {padding:30px 0 0 80px;}
.talk_box div.a {padding:30px 80px 0 0;}
.talk_box div.q .profileimg {left:0;}
.talk_box div.a .profileimg {right:0;background:#fff;}
.talk_box div.q .name {left:60px;}
.talk_box div.a .name {right:60px;}
.talk_box div.q p {background:#e4e4ec;border-top-left-radius: 0;}
.talk_box div.a p {background:#d2e9f6;color:#222;text-align:right;border-top-right-radius: 0;}
.talk_box div.a .box {display:inline-block;text-align:center;}
.talk_box div.a .box i {color:#3f424b;font-size:18px;}
.talk_box div.a .box strong {display:inline-block;padding:0 18px;color:#fff;line-height:38px;background:#3f424b;border-radius:5px;}


.mobile_appl {display:none;}
.mobile_appl a {display:block;padding:40px 20px;color:#fff;font-size:16px;font-weight:500;line-height:140%;text-align:center;background:url(../img2/mob_appl_bg.jpg) no-repeat 50% 50%;background-size:cover;}
.mobile_appl a .go {display:block;width:100%;max-width:240px;margin:18px auto 0 auto;padding:12px 10px;color:#fff8ba;font-size:18px;font-weight:600;background:rgba(40,92,87,0.6);border-radius:10px;}


.sec3 {background:#f6f6f6;}
.sec3 h2 {margin:0 0 4px 0;text-align:center;}
.sec3 ul {margin:0 0 40px 0;}
.sec3 ul:after {display:block;visibility:hidden;clear:both;content:""}
.sec3 ul li {display:block;float:left;width:49%;margin:0 2% 0 0;}
.sec3 ul li:last-child {margin:0;}
.sec3 ul li .box {display:block;padding:40px 60px;background:#285c57;border-radius:15px;}
.sec3 ul li .box label {display:block;margin:0 0 12px 0;color:#fff;font-size:24px;font-weight:400;}
.sec3 ul li .box label .num {display:inline-block;width:40px;height:40px;color:#fff8ba;font-size:18px;text-align:center;line-height:44px;background:#3a856c;border-radius:50%;vertical-align:bottom}
.sec3 ul li .box p {color:#fff;font-size:30px;}
.sec3 ul li .box p strong {color:#fff8ba;}


.point_title {font-size:48px;line-height:100%;letter-spacing:-1px;}
.point_title label {font-size:30px;vertical-align:baseline}
.point_title label strong {color:#285c57;font-size:36px;}


.sec4 {}
.sec4 h2 {margin:0 0 4px 0;text-align:center;}

.point12 {}
.point12 .box {display:block;position:relative;margin:0 0 60px 0;padding:0 0 60px 0;border-bottom:solid 1px #ddd;}
.point12 .box:last-child {margin:0;padding:0;border-bottom:none;}
.point12 .box:after {display:block;visibility:hidden;clear:both;content:""}
.point12 .po_title {float:left;width:30%;}
.point12 .po_title p {margin:24px 0 0 0;font-size:24px;line-height:120%;font-weight:500;letter-spacing:-1px;}
.point12 .po_cont {float:left;width:70%;}
.point12 .po_cont .subtitle {text-align:left;}
.point12 .po_cont .subtitle strong {font-weight:normal;color:#285c57;}
.point12 .po_cont .img2 {width:100%;padding:50px 20px;text-align:center;background:#fff;border:solid 1px #ddd;border-radius:15px;}
.point12 .po_cont .img3 {width:100%;padding:50px 20px;text-align:center;background:#fff;border:solid 1px #ddd;border-radius:15px;}

.point12 .po_cont ul {}
.point12 .po_cont ul:after {display:block;visibility:hidden;clear:both;content:""}
.point12 .po_cont ul li {display:block;float:left;width:49%;margin:0 2% 0 0;}
.point12 .po_cont ul li:last-child {margin:0;}
.point12 .po_cont ul li .img {width:100%;margin:0 0 30px 0;text-align:center;background:#f6f6f6;border:solid 1px #ddd;border-radius:15px;}
.point12 .po_cont ul li .img img {width:auto;height:320px;}
.point12 .po_cont ul li strong.title {display:block;margin:0 0 12px 0;color:#3a856c;font-size:24px;font-weight:700;}
.point12 .po_cont ul li p {font-size:18px;line-height:140%;}

.point12 .po_cont .txt {margin:0 0 40px 0;padding:20px 40px;font-size:18px;line-height:140%;background:#f6f6f6;border-radius:15px;}
.point12 .po_cont .txt strong {font-size:24px;font-weight:600;}
.point12 .po_cont ul li .img2 {width:100%;padding:50px 20px;text-align:center;background:#fff;border:solid 1px #ddd;border-radius:15px;}
.point12 .po_cont ul li .img2 img {width:auto;height:240px;}
.point12 .po_cont ul li .subtitle {margin:0 0 2px 0;}
.point12 .po_cont ul li h3 {margin:0 0 20px 0;text-align:center;}
.point12 .po_cont ul li h3.underline {margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:solid 1px #ddd;}
.point12 .po_cont ul li dl {font-size:0;line-height:0;border-top:solid 1px #ddd;}
.point12 .po_cont ul li dl dd {display:block;font-weight:700;font-size:24px;line-height:50px;border-bottom:solid 1px #ddd;}
.point12 .po_cont ul li dl dd del {color:#999;font-size:16px;}
.point12 .po_cont ul li dl dd label {display:inline-block;width:160px;margin:0 20px 0 0;padding:0 20px;color:#666;font-size:18px;font-weight:400;background:#f6f6f6}


.sec5 h2,
.sec5 h3 {margin:0 0 40px 0;}
.sec5 ul {}
.sec5 ul:after {display:block;visibility:hidden;clear:both;content:""}
.sec5 ul li {display:block;float:left;width:32%;margin:0 2% 0 0;}
.sec5 ul li:last-child {margin:0;}
.sec5 .label {margin:0 0 12px 0;font-size:24px;}
.sec5 .label strong {color:#3a856c;}
.sec5 .box {position:relative;border:solid 1px #ddd;border-radius:15px;overflow:hidden;}
.sec5 .box table {}
.sec5 .box table {width:100%;border-collapse:collapse;border-spacing:0 5px;} 
.sec5 .box caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.sec5 .box th {padding:16px 20px;font-size:16px;font-weight:600;text-align:left;vertical-align:top;background:#f6f6f6;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.sec5 .box td {padding:16px 20px;font-size:16px;vertical-align:top;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.sec5 .box th:last-child {border-right:none;}
.sec5 .box td:last-child {border-right:none;}
.sec5 .box td.img {vertical-align:middle;text-align:center;}
.sec5 .box th.bordernone,
.sec5 .box td.bordernone {border-bottom:none;}
.sec5 .box td img {width:100%;max-width:240px;height:auto;}
.sec5 .box .lbl_best {display:block;position:absolute;left:50%;top:10px;width:110px;margin:0 0 0 -140px;z-index:1;}
.sec5 .box .lbl_best img {width:100%;height:auto;}


.sec6 h2 {text-align:center;}
.sec6 .img {width:100%;max-width:540px;margin:0 auto;}
.sec6 .img img {width:100%;height:auto;}


.sec7 {background:#ebecf1}
.sec7 .point_title {text-align:center;}
.sec7 .cont {float:left;width:49%;}
.sec7 .cont.first {margin:0 2% 0 0;}
.sec7 .title {margin:0 0 20px 0;}
.sec7 .title:after {display:block;visibility:hidden;clear:both;content:""}
.sec7 .title label {display:block;float:left;width:100px;color:#fff8ba;font-size:24px;text-align:center;line-height:60px;background:#3a856c;border-radius:10px;}
.sec7 .title p {display:block;float:right;width:calc(100% - 105px);padding:0 20px;color:#fff;font-size:24px;text-align:left;line-height:60px;background:#285c57;border-radius:10px;}
.sec7 ul {margin:0 0 30px 0;}
.sec7 ul li {display:block;margin:0 0 8px 0;font-size:20px;}
.sec7 ul li:last-child {margin:0;}
.sec7 ul li strong {display:inline-block;width:50px;color:#285c57;font-size:18px;}


.sec8 .po_title {float:left;width:30%;}
.sec8 .po_title p {margin:24px 0 0 0;font-size:24px;line-height:120%;font-weight:500;letter-spacing:-1px;}
.sec8 .po_title p strong {color:#285c57;font-weight:700;}
.sec8 .po_cont {float:left;width:70%;}
.sec8 ul {}
.sec8 ul:after {display:block;visibility:hidden;clear:both;content:""}
.sec8 ul li {display:block;float:left;position:relative;width:32%;margin:0 2% 0 0;}
.sec8 ul li:last-child {margin:0;}
.sec8 ul li img {width:100%;height:auto;border-radius:15px;}
.sec8 ul li label {display:block;position:absolute;left:30px;right:30px;bottom:20px;color:#fff;font-size:18px;font-weight:700;text-align:center;line-height:40px;background:rgba(40,92,87,0.8);border-radius:50px;}


.sec9 .point_title {margin:0 0 40px 0;text-align:center;}
.sec9 ul {margin:0 0 30px 0;}
.sec9 ul:after {display:block;visibility:hidden;clear:both;content:""}
.sec9 ul li {display:block;float:left;position:relative;width:32%;margin:0 2% 0 0;}
.sec9 ul li:last-child {margin:0;}
.sec9 ul li .box {display:block;position:relative;min-height:160px;padding:30px 40px 30px 140px;border:solid 1px #ddd;border-radius:15px;}
.sec9 ul li .box .icon {display:block;position:absolute;left:40px;top:10px;width:80px;}
.sec9 ul li .box .icon img {width:100%;height:auto;}
.sec9 ul li .box strong {display:block;margin:0 0 6px 0;color:#3a856c;font-size:24px;}
.sec9 ul li .box p {font-size:20px;line-height:140%;}


.sec10 .point_title {margin:0 0 40px 0;text-align:center;}
.sec10 .volt {display:block;width:100%;max-width:960px;margin:0 auto;padding:30px 0;font-size:30px;text-align:center;background:#f6f6f6;border-radius:15px;}
.sec10 .volt .icon {display:inline-block;}
.sec10 .volt .icon img {width:80px;height:auto;vertical-align:baseline}
.sec10 .volt strong {color:#3a856c;}
.sec10 .volt .amount {font-size:36px;}
.sec10 .volt .amount strong {color:#f63941;font-size:60px;}


.sec11 {background:#f6f6f6;}
.sec11 .point_title {margin:0 0 40px 0;text-align:center;}
.sec11 ul {width:100%;max-width:840px;margin:0 auto;}
.sec11 ul li {display:block;margin:0 0 10px 0;padding:12px 24px;color:#fff;font-size:24px;text-align:center;word-break:keep-all;background:#285c57;border-radius:30px;}
.sec11 ul li:last-child {margin:0;}


.sec12 .post_title {float:left;width:40%;}
.sec12 .post_title h4 {display:block;margin:0 0 24px 0;font-size:36px;font-weight:700;letter-spacing:-1px;word-break:keep-all;}
.sec12 .post_title h4 strong {color:#3a856c;font-weight:700;}
.sec12 .post_title .subtitle {text-align:left;}
.sec12 ul {float:left;width:60%;}
.sec12 ul:after {display:block;visibility:hidden;clear:both;content:""}
.sec12 ul li {display:block;float:left;width:49%;margin:0 2% 0 0;}
.sec12 ul li:last-child {margin:0;}
.sec12 ul li a {display:block;}
.sec12 ul li a.img {margin:0 0 20px 0;}
.sec12 ul li a.img img {width:100%;height:auto;border-radius:15px;}
.sec12 ul li a.title {margin:0 0 20px 0;font-size:18px;}
.sec12 ul li a.more {width:80px;color:#fff;font-size:16px;text-align:center;line-height:36px;background:#3a856c;border-radius:20px;}


.sec13 .subtitle {margin:0 0 4px 0;}
.sec13 h2 {margin:0 0 40px 0;text-align:center;}


.sec14 h2 {margin:0 0 40px 0;text-align:center;}
.slide_case {}
.slide_case a.img {display:block;margin:0 0 20px 0;}
.slide_case a.img img {width:100%;height:320px;object-fit:cover;border-radius:15px;}
.slide_case dl {border-top:solid 1px #ddd;}
.slide_case dl dd {display:block;font-size:16px;line-height:50px;text-align:left;border-bottom:solid 1px #ddd;}
.slide_case dl dd label {display:inline-block;width:120px;margin:0 20px 0 0;padding:0 20px;font-size:16px;font-weight:600;line-height:50px;background:#f6f6f6;}


.sec15 h2 {margin:0 0 40px 0;text-align:center;}
.sec15 ul {}
.sec15 ul:after {display:block;visibility:hidden;clear:both;content:""}
.sec15 ul li {display:block;float:left;width:32%;margin:0 2% 30px 0;}
.sec15 ul li:nth-child(3n) {margin:0 0 30px 0;}
.sec15 ul li a.img {display:block;position:relative;}
.sec15 ul li a.img img {width:100%;height:auto;border-radius:15px;}
.sec15 ul li a.img label {display:block;position:absolute;right:20px;bottom:20px;padding:0 18px;color:#fff;font-size:18px;font-weight:500;text-align:center;line-height:40px;background:rgba(40,92,87,0.8);border-radius:50px;}


.sec16 {background:#285c57;}
.sec16 h2 {margin:0 0 40px 0;color:#fff;text-align:center;}
.sec16 h2 strong {color:#fff8ba;}
.sec16 ul {}
.sec16 ul:after {display:block;visibility:hidden;clear:both;content:""}
.sec16 ul li {display:block;float:left;width:24%;margin:0 1.33% 0 0;border-radius:15px;overflow:hidden;}
.sec16 ul li:last-child {margin:0;}
.sec16 ul li a.img {display:block;}
.sec16 ul li a.img img {width:100%;height:auto;}
.sec16 ul li .cont {padding:20px;line-height:140%;background:#fff;}
.sec16 ul li a.title {display:block;margin:0 0 12px 0;font-size:16px;font-weight:600;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word; 
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; 
}
.sec16 ul li p {display:block;margin:0 0 6px 0;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word; 
display:-webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; 
}
.sec16 ul li a.more {color:#999}




#footer_wrap {padding:60px 10px;background:#333;}
#footer {width:100%;max-width:1400px;margin:0 auto;}
#footer ul {}
#footer ul:after {display:block;visibility:hidden;clear:both;content:""}
#footer ul li {display:block;float:left;color:#bbb;font-size:16px;}
#footer .customer {display:block;position:absolute;right:0;top:0;text-align:right;}
#footer .customer strong {display:block;margin:0 0 4px 0;color:#fff;font-size:18px;font-weight:500;}
#footer .customer .tel {margin:0 0 12px 0;color:#589480;font-size:30px;font-weight:500;}
#footer .customer .tel i {font-size:20px;vertical-align:middle;}
#footer .customer p {color:#bbb;font-size:16px;}
#footer ul.bnb {margin:0 0 24px 0;}
#footer ul.bnb li a {color:#fff;}
#footer ul.cp_info {margin:0 0 12px 0;}
#footer .copy {color:#bbb;font-size:16px;}


#snb_wrap_mob {margin:0;height:0;overflow:hidden;}
#snb_mob {background:#285c57}
#snb_mob .swiper-slide {width:auto}
#snb_mob {white-space:nowrap;overflow:hidden}
#snb_mob ul:after {display:block;visibility:hidden;clear:both;content:""}
#snb_mob li {display:inline-block;}
#snb_mob a {display:block;position:relative;color:#fff;font-size:16px;font-weight:400;line-height:50px;letter-spacing:-0.5px;}
#snb_mob a.active {color:#fff8ba;}
#snb_mob a.active:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff8ba;}

#ssnb_mob {background:#fff;border-bottom:solid 1px #eee;}
#ssnb_mob .swiper-slide {width:auto}
#ssnb_mob {white-space:nowrap;overflow:hidden}
#ssnb_mob ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssnb_mob li {display:inline-block;}
#ssnb_mob a {display:block;position:relative;line-height:50px;letter-spacing:-0.5px;}
#ssnb_mob a.active {color:#285c57;}
#ssnb_mob a.active:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:2px;background:#285c57;}


.panel_overlay {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:99;}

.panel {display:block;position:fixed;top:0;left:-320px;width:320px;height:100%;padding:20px;overflow-y:auto;background:#fff;z-index:999;
transform: translate(0,0);
transition: .5s;
}
.panel.active {transform: translate(320px,0);}

.panel a#logo {display:block;margin:0 0 20px 0;}
.panel a#logo img {width:auto;height:40px;}
.panel button#btn_panel_close {display:block;position:absolute;right:20px;top:20px;width:40px;height:40px;text-align:center;background:none;border:none;}
.panel button#btn_panel_close i {color:#222;font-size:24px;line-height:40px;} 

/* nav */
.panel ul.pnb {}
.panel ul.pnb li {position:relative;border-bottom:solid 1px #eee;cursor:pointer}
.panel ul.pnb li:last-child {border-bottom:none;}
.panel ul.pnb li:after {display:block;visibility:hidden;clear:both;content:""}
.panel ul.pnb li a {display:block;padding:0 10px;font-size:18px;line-height:50px;text-align:left;font-weight:500;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.panel ul.pnb li a.active,
.panel ul.pnb li a:hover {color:#fff;background:#589480}
.panel ul.pnb li ul {display:block;max-height:0;margin:0;overflow:hidden;}
.panel ul.pnb li ul:after {display:block;visibility:hidden;clear:both;content:""}
.panel ul.pnb li ul li {border-bottom:none;}
.panel ul.pnb li ul li a {padding:0 20px;color:#999;font-size:16px;line-height:30px;font-weight:300;}
.panel ul.pnb li ul li a:hover,
.panel ul.pnb li ul li a.active {color:#fff;background:#589480}

.panel ul.pnb li.on > ul {display:block;max-height:1000px;margin:0 0 20px 0;}
.panel ul.pnb li.on > a {}
.panel ul.pnb li.on > ul a.on {color:#fff;background:#589480}

.panel ul.pnb li a.active {color:#fff;background:#f75665;}
.panel ul.pnb li.active > ul {display:block;}
.panel ul.pnb li.active > a {background:#f6f6f6;}
.panel ul.pnb li.active > ul a.active {background:#444;}


.panel .arrow {display:block;position:absolute;right:0px;top:0;width:40px;height:50px;text-align:center;z-index:9;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.panel .arrow i {font-size:12px;line-height:50px;}

.cross {display:block;position:absolute;right:0px;top:0;width:40px;height:50px;text-align:center;z-index:9;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.cross i {font-size:12px;line-height:50px;}

.panel ul li.on .cross {transform-origin:50% 50%;transform:rotate(180deg);}
.panel ul li.on .cross i {}


#viz_sub {margin:0 0 40px 0;padding:120px 10px;}
#viz_sub h2 {display:block;color:#fff;font-size:48px;text-align:center;}


#ssnb {padding:0 10px;}
#ssnb ul {width:100%;max-width:1400px;margin:0 auto;border-left:solid 1px #ddd;border-top:solid 1px #ddd;}
#ssnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssnb ul li {display:block;float:left;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#ssnb ul li a {display:block;font-size:16px;line-height:50px;text-align:center;}
#ssnb ul li a:hover,
#ssnb ul li a.active {color:#fff;background:#589480}


#content_wrap {padding:60px 10px;}
#content_wrap h2 {display:block;margin:0 0 60px 0;color:#285c57;font-size:36px;text-align:center;}


.intro {position:relative;font-size:18px;text-align:center;line-height:160%;word-break:keep-all;letter-spacing:-0.5px;}
.intro strong {font-size:24px;font-weight:600;}
.intro .logo {margin:0 0 40px 0;text-align:center;}
.intro .logo img {width:320px;height:auto;}

.history {width:100%;max-width:780px;margin:0 auto;}
.history ul {}
.history ul:after {display:block;visibility:hidden;clear:both;content:""}
.history ul li {display:block;position:relative;min-height:140px;margin:0 2% 40px 0;padding:0 0 40px 160px;border-bottom:dashed 1px #ddd;}
.history ul li:last-child {margin:0;padding:0 0 0 160px;border-bottom:none;}
.history ul li label {display:block;position:absolute;left:0;top:0;width:100px;height:100px;margin:0 auto 40px 0;font-size:24px;text-align:center;line-height:90px;border:solid 5px #589480;border-radius:50%;}
.history ul li ul li {float:none;width:100%;min-height:auto;margin:0 0 12px 0;padding:0 0 0 14px;font-size:18px;border-bottom:none;}
.history ul li ul li:last-child {margin:0;padding:0 0 0 14px;}
.history ul li ul li:after {content:'';display:block;position:absolute;left:0;top:9px;width:4px;height:4px;background:#999;border-radius:50%;}


.company,
.address {margin:0 0 16px 0;font-size:18px;}
.company label,
.address label {display:inline-block;width:90px;font-size:18px;font-weight:600;vertical-align:baseline;}
.company label i,
.address label i {margin:0 6px 0 0;font-size:24px;}
.address {margin:0 0 30px 0;}
.map,
.map iframe {width:100%;height:320px;}


.partnership {}
.partnership .title {display:block;position:relative;width:100%;max-width:680px;margin:0 auto 80px auto;padding:0 0 0 260px;font-size:24px;font-weight:700;line-height:180%;}
.partnership .title strong {display:block;color:#3a856c;font-size:36px;}
.partnership .title .img {display:block;position:absolute;left:0;top:0;width:200px;}
.partnership .title .img img {width:100%;height:auto;}
.partnership p {font-size:18px;line-height:140%;text-align:center;word-break:keep-all;}
.partnership p strong {font-weight:700;}
.partnership ul {width:100%;max-width:960px;margin:0 auto 60px auto;}
.partnership ul li {display:block;position:relative;margin:0 0 60px 0;padding:40px 20px;font-size:18px;background:#f6f6f6;border:solid 1px #ddd;border-radius:15px;}
.partnership ul li:last-child {margin:0;}
.partnership ul li label {display:block;position:absolute;left:50%;top:-25px;width:180px;margin:0 0 0 -90px;color:#fff;font-size:24px;text-align:center;line-height:50px;background:#285c57;border-radius:30px;}


.product ul {margin:0 0 60px 0;}
.product ul:after {display:block;visibility:hidden;clear:both;content:""}
.product ul li {display:block;position:relative;margin:0 0 60px 0;}
.product ul li:last-child {margin:0;}
.product .label {width:220px;margin:0 auto 20px auto;color:#fff;font-size:24px;text-align:center;line-height:60px;background:#285c57;border-radius:30px;}
.product .label strong {color:#3a856c;}
.product .box {position:relative;}
.product .box:after {display:block;visibility:hidden;clear:both;content:""}
.product .img {display:block;position:absolute;left:0;top:0;width:49%;height:100%;padding:10px;text-align:center;border:solid 1px #ddd;border-radius:15px;}
.product .img img {width:auto;height:100%;}
.product .img2 {display:block;position:absolute;left:0;top:0;width:49%;height:100%;padding:10px;text-align:center;border:solid 1px #ddd;border-radius:15px;}
.product .img2 img {width:auto;height:100%;}
.product .box_table {float:right;width:49%;border:solid 1px #ddd;border-radius:15px;overflow:hidden;}
.product .box table {}
.product .box table {width:100%;border-collapse:collapse;border-spacing:0 5px;} 
.product .box caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.product .box th {padding:16px 20px;font-size:16px;font-weight:600;text-align:left;vertical-align:top;background:#f6f6f6;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.product .box td {padding:16px 20px;font-size:16px;vertical-align:top;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.product .box th:last-child {border-right:none;}
.product .box td:last-child {border-right:none;}
.product .box th.bordernone,
.product .box td.bordernone {border-bottom:none;}


#content_wrap .whycho h2 {display:block;margin:0 0 20px 0;font-family: 'JalnanGothic';color:#222;text-align:center;letter-spacing:-1px;}
#content_wrap .whycho h2 strong {color:#285c57;font-weight:normal;}
.whycho {width:100%;max-width:840px;margin:0 auto;}
.whycho ul {}
.whycho ul li {display:block;position:relative;margin:0 0 5px 0;padding:0 0 0 55px;}
.whycho ul li:last-child {margin:0;}
.whycho ul li label {display:block;position:absolute;left:0;top:0;width:50px;padding:16px 0;color:#fff8ba;font-size:18px;text-align:center;background:#3a856c;border-radius:5px;}
.whycho ul li p {display:block;padding:16px 20px;color:#fff;font-size:18px;background:#285c57;border-radius:5px;}
.whycho ul li p strong {color:#f1eeb3;font-weight:600;}


.app_txt {margin:0 0 20px 0;padding:20px;font-size:18px;text-align:center;word-break:keep-all;background:#f6f6f6;border:solid 1px #ddd;border-radius:15px;}
.app_txt h3 {display:block;margin:0 0 20px 0;font-family: 'JalnanGothic';color:#222;font-size:24px;text-align:center;letter-spacing:-1px;}
.app_txt h3 strong {color:#285c57;font-weight:normal;}

.chk_all {margin:40px 0 20px 0;padding:0 0 10px 0;border-bottom:solid 1px #ddd;}
.chk_all label {color:#222;font-size:16px;font-weight:400;}
.agreement {margin:0 0 40px 0;}
.agreement h3 {display:block;margin:0 0 12px 0;font-size:18px;font-weight:600;}
.agreement textarea {display:block;width:100%;height:120px;margin:0 0 10px 0;padding:10px;line-height:140%;background:#fff;border:solid 1px #ddd;}


.center h3 {display:block;margin:0 0 20px 0;font-size:30px;text-align:center;}
.center h3 strong {color:#285c57}
.center p {margin:0 0 60px 0;font-size:18px;text-align:center;line-height:160%;word-break:keep-all;}
.center p .wal {display:block;color:#589480;font-size:24px;}
.center p strong {color:#285c57;font-weight:800;}

.chk_point2 {padding:60px 10px;background:#f6f6f6;}
.chk_point2 p {margin:0;}
.center .subtitle {margin:0 0 8px 0;font-size:18px;font-weight:600;text-align:center;}
.center ul {width:100%;max-width:960px;margin:0 auto 20px auto;font-size:0;line-height:0;text-align:center;}
.center ul:after {display:block;visibility:hidden;clear:both;content:""}
.center ul li {display:inline-block;width:20%;padding:10px;text-align:center;line-height:normal;}
.center ul li .box {display:block;padding:20px 0;background:#fff;border:solid 1px #ddd;border-radius:15px;}
.center ul li i {margin:0 0 4px 0;color:#589480;font-size:30px;}
.center ul li .num {display:block;width:120px;height:40px;margin:0 auto 12px auto;color:#fff;font-size:16px;line-height:44px;text-align:center;background:#285c57;border-radius:30px;}
.center ul li .num strong {color:#fff8ba;font-size:24px;}
.center ul li p {margin:0;font-weight:500;}

.outro {margin:0 0 -60px 0;padding:60px 10px;background:#285c57}
.outro h3 {color:#fff;}
.outro h3 strong {color:#fff8ba;font-size:48px;}
.outro .info_title {display:block;margin:0 0 12px 0;color:#fff8ba;font-size:48px;text-align:center;}
.outro .info {color:#fff;font-size:24px;text-align:center;line-height:160%;word-break:keep-all;}
.outro .info strong {color:#fff8ba;font-size:800;}


.process {margin:0 0 60px 0;}
.process ul {font-size:0;line-height:0;text-align:center}
.process ul:after {display:block;visibility:hidden;clear:both;content:""}
.process ul li {display:inline-block;position:relative;width:16.66%;padding:0 10px;text-align:center;line-height:normal;vertical-align:top;}
.process ul li .num {font-size:14px;}
.process ul li .num strong {display:inline-block;width:32px;height:32px;margin:0 0 12px 0;color:#fff8ba;font-size:18px;text-align:center;line-height:36px;background:#589480;border-radius:50%;}
.process ul li .img {display:block;width:100px;margin:0 auto 24px auto}
.process ul li .img img {width:100%;height:auto;}
.process ul li p {display:block;font-size:18px;font-weight:600;line-height:40px;border:solid 1px #ddd;border-radius:5px;}

a.btn_pdf {display:block;width:100%;max-width:420px;margin:0 auto;font-size:18px;text-align:center;line-height:80px;font-weight:500;background:#f6f6f6;border:solid 1px #ddd;border-radius:5px;}
a.btn_pdf .icon img {width:36px;height:auto;}
a.btn_pdf i {font-size:24px;vertical-align:middle;}


.post {}
.post .title {display:block;margin:0 0 40px 0;font-size:30px;text-align:center;word-break:keep-all;}
.post ul {width:100%;max-width:960px;margin:0 auto}
.post ul li {display:block;margin:0 0 10px 0;}
.post ul li:nth-child(2n) {margin:0 0 60px 0;}
.post ul li:last-child {margin:0;}
.post ul li.q {padding:12px 20px;color:#fff;font-size:24px;font-weight:600;word-break:keep-all;background:#285c57;border-radius:10px;}
.post ul li.q .sub {display:block;color:#fff8ba;font-size:16px;font-weight:400;}
.post ul li.a {font-size:18px;line-height:160%;word-break:keep-all;}
.post ul li.a img {max-width:100%;height:auto;border-radius:10px;}


#case_view {display:block;position:relative;width:960px;background:#285c57;border-radius:20px;overflow:hidden;}
#case_view:after {display:block;visibility:hidden;clear:both;content:""}
#case_view .btn_close {display:block;position:absolute;right:20px;top:20px;width:30px;height:30px;color:#fff;font-size:28px;text-align:center;line-height:30px;background:none;border:none;}
#case_view .img {float:left;width:60%;}
#case_view .img img {width:100%;height:auto;}
#case_view .cont {display:block;position:relative;float:left;width:40%;padding:20px 20px 130px 20px;}
#case_view .cont .name {display:block;margin:0 0 20px 0;color:#fff;font-size:16px;line-height:50px;border-bottom:solid 1px #243436;}
#case_view .cont .name strong {display:inline-block;margin:0 10px 0 0;color:#fff8ba;font-size:18px;font-weight:600;}
#case_view .cont .title {margin:0 0 20px 0;color:#fff;font-size:18px;font-weight:600;}
#case_view .cont p {color:#fff;font-size:16px;line-height:140%;}
#case_view a.btn_appl_case {display:block;position:absolute;right:0;bottom:0;width:40%;padding:10px 0;color:#fff;font-size:16px;font-weight:600;text-align:center;line-height:120%;background:url(../img2/appl_bg.jpg) no-repeat 50% 50%;background-size:cover;}




@media screen and (max-width:1400px) {

.sld_content .cont_left {width:60%;padding:0 20px;}
.sld_content .cont_right {width:40%;padding:0 20px;}
.sld_content h3 strong {display:block;}


.sld_content2 {min-height:auto;padding:100px 0 20px 0;}

.sld_content2 .cont_left2 {padding:0 10px;}
.sld_content2 .cont_left2 {position:relative;left:0px;right:0;top:0;width:100%;
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}
.sld_content2 .cont_right2 {float:none;width:100%;}

.sld_content2 ul.viz_photo {width:100%;max-width:240px;margin:0 auto;}
/*.sld_content2 ul.viz_photo li {float:left;width:32%;margin:0 2% 0 0;}
.sld_content2 ul.viz_photo li:last-child {margin:0;}*/

.sec1 ul.chk_point {float:none;width:100%;max-width:960px;margin:0 auto 40px auto;}

.sec1 .chk_ace {float:none;width:100%;max-width:960px;margin:0 auto;}

ul.talk_wrap {width:100%;max-width:960px;margin:0 auto;}
ul.talk_wrap li {width:50%;min-height:320px;}

.sec3 ul li .box p strong {display:block;}


.sec5 .box th {padding:12px 10px;}
.sec5 .box td {padding:12px 10px;}

.slide_case a.img img {width:100%;height:280px;object-fit:cover;}
}



@media screen and (max-width:980px) {
#float {display:none;}

#header_wrap {position:fixed;}

#header a#logo {line-height:60px;}
#header a#logo img {width:160px;height:auto;}
#header a.tel {font-size:20px;line-height:60px;}
#header a.tel i {font-size:24px;}
#header a.tel span {display:none;}
#header .event {display:none;width:160px;margin:0 auto;padding:4px 0 0 0;}
#header .event p {font-size:12px;}
#header .event p.free {font-size:16px;}
#header .event p.bi {font-size:20px;}
#header a.btn_panel {display:block;}

#gnb_wrap {display:none;}


.sld_content {min-height:auto;padding:20px 0 60px 0;/*padding:100px 0 60px 0;*/}
.sld_content .cont_left {float:none;width:100%;max-width:960px;margin:0 auto 40px auto;padding:0 10px;}
.sld_content .cont_right {float:none;width:100%;max-width:480px;margin:0 auto;padding:0 10px;}

.sld_content .emblem {width:100px;}
.sld_content p {margin:0 0 6px 0;font-size:18px;}
.sld_content .label {margin:0 0 8px 0;padding:0 18px;font-size:20px;line-height:50px;}
.sld_content h3 {margin:0 0 8px 0;}
.sld_content .title {font-size:20px;}
.sld_content .title strong {font-size:24px;}
.sld_content ul.goods {margin:0 0 12px 0;}
.sld_content ul.goods li .img img {width:auto;height:160px;}
.sld_content ul.goods li label {font-size:16px;}
.sld_content .user {font-size:20px;}

.sld_content ul.numlist {}
.sld_content ul.numlist li {margin:0 0 24px 0;padding:0 0 0 60px;font-size:20px;}
.sld_content ul.numlist li:last-child {min-height:120px;}
.sld_content ul.numlist li .num {width:40px;font-size:16px;line-height:34px;}
.sld_content ul.numlist li strong {margin:0 0 12px 0;font-size:24px;}
.sld_content ul.numlist li dl {margin:8px 0 12px 0;}
.sld_content ul.numlist li dl dd label,
.sld_content ul.numlist li dl dd .amount {font-size:16px;}
.sld_content ul.numlist li .zero {font-size:16px;}
.sld_content ul.numlist li .zero strong {font-size:20px;}
.sld_content ul.numlist li .img {width:120px;}


.sld_content2 .cont_right2 .pc {display:none;}
.sld_content2 .cont_right2 .mobile {display:block;}

.newsview {font-size:16px}
.newsview i {font-size:24px;}
.newsview a {font-size:16px;}


.sec h2 {font-size:36px;}
.sec h2 a.more {font-size:16px;}
.sec h2 a.more i {font-size:12px;}
.sec h3 {font-size:30px;}
.sec .subtitle {font-size:20px;}

.mov .caption {font-size:14px;}

.sec1 ul.chk_point li .img img {width:100%;height:180px;}
.sec1 ul.chk_point li .cont {padding:25px 0;font-size:16px;}
.sec1 ul.chk_point li .cont i {font-size:30px;}

.sec1 .chk_ace p {font-size:24px;}

.sec1 .chk_ace ul.chk_ans li label {font-size:16px;}
.sec1 .chk_ace ul.chk_ans li p {font-size:16px;}
.sec1 .txt {font-size:18px;}
.sec1 .txt strong {font-size:24px;}


.sec2 .logo {width:320px;}

.talk_box div {margin:0 0 30px 0;}
.talk_box div .profileimg {width:48px;height:48px;line-height:48px;}
.talk_box div .profileimg i {font-size:24px;line-height:48px;}
.talk_box div .name {font-size:14px;}
.talk_box div p {padding:20px 10px;font-size:16px;}

.talk_box div.q {padding:30px 0 0 60px;}
.talk_box div.a {padding:30px 60px 0 0;}
.talk_box div.q .name {left:36px;}
.talk_box div.a .name {right:32px;}


.mobile_appl {display:block;}


.sec3 ul {width:100%;max-width:960px;margin:0 auto 40px auto;}
.sec3 ul li {float:none;width:100%;margin:0 0 10px 0;}
.sec3 ul li:last-child {margin:0;}
.sec3 ul li .box {padding:20px 30px;}
.sec3 ul li .box label {font-size:20px;}
.sec3 ul li .box label .num {width:32px;height:32px;font-size:16px;line-height:38px;}
.sec3 ul li .box p {font-size:24px;}
.sec3 ul li .box p strong {display:inline-block}


.point_title {font-size:36px;}
.point_title label {font-size:24px;}
.point_title label strong {font-size:30px;}


.point12 .po_title {float:none;width:100%;margin:0 0 24px 0;}
.point12 .po_title label {margin:0 12px 0 0;vertical-align:baseline}
.point12 .po_title br {display:none}
.point12 .po_title p {margin:6px 0 0 0;font-size:18px;}
.point12 .po_cont {float:none;width:100%;}
.point12 .po_cont .img2 img {width:100%;max-width:320px;}
.point12 .po_cont .img3 img {width:100%;max-width:540px;}

.point12 .po_cont ul li .img img {width:auto;height:240px;}
.point12 .po_cont ul li strong.title {font-size:20px;}
.point12 .po_cont ul li p {font-size:16px;}

.point12 .po_cont .txt {padding:20px 20px;font-size:16px;}
.point12 .po_cont .txt strong {font-size:20px;}
.point12 .po_cont ul li .img2 {padding:40px 20px}
.point12 .po_cont ul li dl dd {font-size:16px;}
.point12 .po_cont ul li dl dd label {width:120px;font-size:16px;}


.sec5 ul li {float:none;width:100%;margin:0 0 40px 0;}
.sec5 ul li:last-child {margin:0;}
.sec5 .label {font-size:20px;}
.sec5 .box th {font-size:14px;}
.sec5 .box td {font-size:14px;}


.sec7 .cont {float:none;width:100%;max-width:960px;margin:0 auto;}
.sec7 .cont.first {margin:0 auto 40px auto;}
.sec7 .title {margin:0 0 12px 0;}
.sec7 .title label {font-size:20px;line-height:50px;}
.sec7 .title p {font-size:20px;line-height:50px;}
.sec7 ul {margin:0 0 20px 0;}
.sec7 ul li {font-size:18px;}
.sec7 ul li strong {font-size:16px;}

.sec8 .po_title {float:none;width:100%;margin:0 0 24px 0;}
.sec8 .po_title label {margin:0 12px 0 0;vertical-align:baseline}
.sec8 .po_title br {display:none}
.sec8 .po_title p {margin:6px 0 0 0;font-size:18px;}
.sec8 .po_cont {float:none;width:100%;}
.sec8 ul li label {font-size:16px;}


.sec9 ul {width:100%;max-width:960px;margin:0 auto 40px auto;}
.sec9 ul li {float:none;width:100%;margin:0 0 10px 0;}
.sec9 ul li:last-child {margin:0;}
.sec9 ul li .box {min-height:auto;padding:30px 40px 30px 140px;}
.sec9 ul li .box .icon {display:block;position:absolute;left:40px;top:10px;width:80px;}
.sec9 ul li .box strong {font-size:20px;}
.sec9 ul li .box p {font-size:18px;}


.sec10 .volt {font-size:24px;}
.sec10 .volt .icon img {width:60px;}
.sec10 .volt .amount {font-size:30px;}
.sec10 .volt .amount strong {font-size:48px;}


.sec11 ul li {font-size:18px;}


.sec12 .post_title {float:none;width:100%;}
.sec12 .post_title h4 {margin:0 0 18px 0;font-size:30px;}
.sec12 ul {float:none;width:100%;}
.sec12 ul li a.title {font-size:16px;}
.sec12 ul li a.more {width:70px;font-size:14px;line-height:32px;}


.slide_case a.img img {width:100%;height:260px;object-fit:cover;}
.slide_case dl dd {padding:12px 10px;font-size:14px;line-height:normal;}
.slide_case dl dd label {display:block;width:auto;margin:0 0 8px 0;padding:0;font-size:14px;line-height:normal;background:none;}


.sec15 ul li {width:49%;margin:0 2% 20px 0;}
.sec15 ul li:nth-child(3n) {margin:0 2% 20px 0;}
.sec15 ul li:nth-child(2n) {margin:0 0 20px 0;}
.sec15 ul li a.img label {font-size:16px;}


.sec16 ul li {width:49%;margin:0 2% 20px 0;}
.sec16 ul li:nth-child(2n) {margin:0 0 20px 0;}
.sec16 ul li a.title {font-size:14px;}


#footer ul li {font-size:14px;}
#footer .customer {position:relative;left:0;margin:0 0 40px 0;text-align:left;}
#footer .customer strong {font-size:16px;}
#footer .customer .tel {font-size:24px;}
#footer .customer .tel i {font-size:16px;}
#footer .customer p {font-size:14px;}
#footer ul.cp_info li {float:none;line-height:140%;}
#footer .copy {font-size:14px;}

#snb_wrap_mob {height:auto;margin:70px 0 0 0;}


#viz_sub {margin:0 0 20px 0;padding:80px 10px;}
#viz_sub h2 {font-size:36px;}


#ssnb {display:none;}


#content_wrap {padding:40px 10px;}
#content_wrap h2 {margin:0 0 40px 0;font-size:30px;}


.intro {font-size:16px;}
.intro strong {font-size:20px;}
.intro .logo img {width:240px;height:auto;}


.history ul li {min-height:100px;padding:0 0 40px 120px;}
.history ul li:last-child {padding:0 0 0 120px;}
.history ul li label {width:80px;height:80px;font-size:18px;line-height:70px;}
.history ul li ul li {font-size:16px;}
.history ul li ul li:after {top:7px;}


.company,
.address {font-size:16px;}
.company label,
.address label {width:80px;font-size:16px;}
.company label i,
.address label i {margin:0 4px 0 0;font-size:20px;}


.partnership .title {max-width:600px;margin:0 auto 60px auto;padding:0 0 0 200px;font-size:20px;}
.partnership .title strong {font-size:30px;}
.partnership .title .img {width:160px;}
.partnership p {font-size:16px;}
.partnership ul li {font-size:16px;}
.partnership ul li label {width:160px;margin:0 0 0 -80px;font-size:20px;}


.product .label {width:200px;font-size:20px;line-height:50px;}
.product .img {padding:10px 0;}
.product .img img {width:auto;height:100%;}
.product .img2 {padding:10px 0;}
.product .img2 img {width:auto;height:100%;}
.product .box th {font-size:14px;}
.product .box td {font-size:14px;}


.whycho ul li label {font-size:16px;}
.whycho ul li p {font-size:16px;}


.app_txt {padding:20px 10px;font-size:16px;}
.app_txt h3 {font-size:20px;}


.center h3 {font-size:24px;}
.center p {font-size:16px;}
.center p .wal {font-size:20px;}

.center .subtitle {font-size:16px;}
.center ul li i {font-size:24px;}
.center ul li .num {width:100px;font-size:14px;}
.center ul li .num strong {font-size:20px;}

.outro h3 strong {font-size:36px;}
.outro .info_title {font-size:36px;}
.outro .info {font-size:20px;}


.process ul li {width:33.33%;padding:10px;}
.process ul li .num {font-size:14px;}
.process ul li .num strong {width:32px;height:32px;font-size:18px;line-height:36px;}
.process ul li .img {width:80px;}
.process ul li p {font-size:16px;}

a.btn_pdf {font-size:16px;line-height:60px;}
a.btn_pdf .icon img {width:32px;}
a.btn_pdf i {font-size:20px;}


.post .title {font-size:24px;}
.post ul li.q {font-size:20px;}
.post ul li.q .sub {font-size:13px;}
.post ul li.a {font-size:16px;}


#case_view {width:360px;}
#case_view .btn_close {right:10px;top:10px;}
#case_view .img {float:none;width:100%;}
#case_view .cont {float:none;width:100%;padding:10px 10px 100px 10px;}
#case_view .cont .name {margin:0 0 10px 0;font-size:14px;line-height:40px;}
#case_view .cont .name strong {font-size:16px;}
#case_view .cont .title {margin:0 0 10px 0;font-size:16px;}
#case_view .cont p {height:80px;overflow-y:scroll;font-size:12px;}
#case_view a.btn_appl_case {left:0;right:0;bottom:0;width:100%;padding:5px 0;font-size:14px;}
#case_view a.btn_appl_case img {width:auto;height:50px;}
}



@media screen and (max-width:768px) {
.sec h2 {font-size:30px;}
.sec h2 a.more {font-size:14px;}
.sec h2 a.more i {font-size:10px;}
.sec h3 {font-size:24px;}
.sec .subtitle {font-size:18px;}

.sld_content .emblem {position:relative;left:auto;width:80px;margin:0 auto 10px auto;}
.sld_content p {margin:0 0 6px 0;font-size:16px;}
.sld_content .label {margin:0 0 8px 0;padding:0 18px;font-size:18px;}
.sld_content .title {font-size:18px;}
.sld_content .title strong {font-size:20px;}
.sld_content ul.goods li .img img {width:auto;height:120px;}
.sld_content ul.goods li label {font-size:14px;}
.sld_content .user {font-size:18px;}

.sld_content ul.numlist li {margin:0 0 18px 0;padding:0 0 0 50px;font-size:18px;}
.sld_content ul.numlist li:last-child {min-height:80px;}
.sld_content ul.numlist li .num {width:40px;font-size:14px;line-height:34px;}
.sld_content ul.numlist li strong {margin:0 0 12px 0;font-size:20px;}
.sld_content ul.numlist li dl {margin:8px 0 12px 0;}
.sld_content ul.numlist li dl dd label,
.sld_content ul.numlist li dl dd .amount {font-size:14px;}
.sld_content ul.numlist li .zero {font-size:14px;}
.sld_content ul.numlist li .zero strong {font-size:18px;}
.sld_content ul.numlist li .img {width:80px;}

.newsview {display:block;position:absolute;left:10px;top:10px;right:10px;width:auto;font-size:14px;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.newsview i {font-size:24px;}
.newsview a {display:block;width:100%;margin:8px 0 0 0;padding:0 12px;font-size:14px;text-align:center;}


.sec1 {padding:100px 10px 60px 10px;}
.sec1 ul.chk_point li .img img {width:100%;height:120px;}
.sec1 ul.chk_point li .cont {padding:20px 0;font-size:14px;}
.sec1 ul.chk_point li .cont i {font-size:24px;}

.sec1 .chk_ace h3 strong {display:block;}
.sec1 .chk_ace p {font-size:18px;}

.sec1 .chk_ace ul.chk_ans li label {font-size:14px;}
.sec1 .chk_ace ul.chk_ans li p {font-size:14px;}
.sec1 .txt {font-size:16px;}
.sec1 .txt strong {font-size:20px;}


.sec2 .logo {width:240px;}

.sec2 h3 strong {display:block;}

ul.talk_wrap {max-width:460px;}
ul.talk_wrap li {width:100%;}
.talk_box {padding:20px 10px;min-height:auto;}
ul.talk_wrap li:nth-child(1) .talk_box,
ul.talk_wrap li:nth-child(2) .talk_box {min-height:auto;}
ul.talk_wrap li:nth-child(3) .talk_box,
ul.talk_wrap li:nth-child(4) .talk_box,
ul.talk_wrap li:nth-child(5) .talk_box,
ul.talk_wrap li:nth-child(6) .talk_box {min-height:auto;}


.sec3 .subtitle {font-size:18px;}
.sec3 .subtitle strong {display:block;font-size:22px;}
.sec3 ul li .box {padding:20px 10px;}
.sec3 ul li .box label {font-size:18px;}
.sec3 ul li .box p {font-size:20px;}


.point_title {font-size:30px;}
.point_title label {font-size:20px;}
.point_title label strong {font-size:24px;}

.point12 .po_cont ul li {float:none;width:100%;margin:0 0 40px 0;}
.point12 .po_cont ul li:last-child {margin:0;}
.point12 .po_cont ul li .img {margin:0 0 18px 0;}
.point12 .po_cont ul li .img img {width:auto;height:180px;}
.point12 .po_cont ul li strong.title {font-size:18px;}
.point12 .po_cont ul li p {font-size:14px;}

.point12 .po_cont .txt {font-size:14px;}
.point12 .po_cont .txt strong {font-size:18px;}
.point12 .po_cont ul li .img2 {padding:20px 20px}
.point12 .po_cont ul li .img2 img {width:auto;height:180px;}
.point12 .po_cont ul li dl dd {font-size:14px;}
.point12 .po_cont ul li dl dd label {width:120px;font-size:14px;}


.sec7 .title label {width:80px;font-size:18px;line-height:50px;}
.sec7 .title p {width:calc(100% - 85px);font-size:18px;line-height:50px;}
.sec7 ul li {font-size:16px;}
.sec7 ul li strong {width:40px;font-size:14px;}

.sec8 .po_title p {text-align:center;}
.sec8 .point_title {text-align:center;}
.sec8 ul li {float:left;width:49%;margin:0 2% 10px 0;}
.sec8 ul li:nth-child(2n) {margin:0 0 10px 0;}


.sec9 .point_title {line-height:120%;}
.sec9 .point_title label {display:block;}
.sec9 ul li .box {min-height:auto;padding:20px 20px 20px 100px;}
.sec9 ul li .box .icon {left:20px;top:10px;width:60px;}
.sec9 ul li .box strong {font-size:18px;}
.sec9 ul li .box p {font-size:16px;}


.sec10 .point_title {line-height:120%;}
.sec10 .point_title label {display:block;}
.sec10 .volt {font-size:20px;}
.sec10 .volt .icon {display:block;margin:0 auto;}
.sec10 .volt .amount {font-size:24px;}
.sec10 .volt .amount strong {font-size:36px;}


.sec11 .point_title {line-height:120%;}
.sec11 .point_title label {display:block;}
.sec11 ul li {font-size:16px;}


.sec12 .post_title h4 {margin:0 0 12px 0;font-size:24px;}
.sec12 ul li a.title {font-size:14px;}


.slide_case a.img img {width:100%;height:240px;object-fit:cover;}
.slide_case dl dd {font-size:14px;}


.sec15 ul li a.img label {font-size:14px;}


#viz_sub {padding:60px 10px;}
#viz_sub h2 {font-size:30px;}


#content_wrap h2 {font-size:24px;}


.intro .logo img {width:180px;height:auto;}


.history ul li {min-height:100px;padding:0 0 40px 100px;}
.history ul li:last-child {padding:0 0 0 100px;}
.history ul li label {font-size:16px;}
.history ul li ul li {font-size:14px;}
.history ul li ul li:after {top:6px;}


.company,
.address {font-size:14px;}
.company label,
.address label {width:80px;font-size:14px;}
.company label i,
.address label i {font-size:18px;}


.partnership .title {padding:0;font-size:18px;text-align:center;}
.partnership .title strong {font-size:24px;}
.partnership .title .img {position:relative;left:auto;width:120px;margin:0 auto 20px auto;}
.partnership p {font-size:14px;}
.partnership ul li {font-size:14px;}
.partnership ul li label {top:-20px;width:140px;margin:0 0 0 -70px;font-size:18px;line-height:40px;}


.product .label {width:180px;font-size:18px;line-height:50px;}
.product .img {position:relative;left:0;right:0;top:0;width:100%;margin:0 0 20px 0;padding:20px 0;}
.product .img img {width:auto;height:320px;}
.product .img2 {position:relative;left:0;right:0;top:0;width:100%;margin:0 0 20px 0;padding:20px 0;}
.product .img2 img {width:auto;height:320px;}
.product .box_table {float:none;width:100%;}


.whycho ul li label {font-size:16px;}
.whycho ul li p {font-size:16px;}


.app_txt {padding:20px 10px;font-size:14px;}
.app_txt h3 {font-size:18px;}


.center h3 {font-size:20px;}
.center p {font-size:14px;}
.center p .wal {font-size:18px;}

.center .subtitle {font-size:14px;}
.center ul li {width:33.33%;padding:10px 5px;}
.center ul li i {font-size:20px;}
.center ul li .num {width:90px;font-size:12px;}
.center ul li .num strong {font-size:16px;}
.center ul li img {width:64px;height:auto;}

.outro h3 strong {font-size:30px;}
.outro .info_title {font-size:30px;}
.outro .info {font-size:18px;}


.process ul li {padding:10px 5px;}
.process ul li .img {width:60px;}
.process ul li p {font-size:14px;}


.post .title {font-size:24px;}
.post ul li.q {font-size:18px;}
.post ul li.q .sub {font-size:12px;}
.post ul li.a {font-size:14px;}
}



@media screen and (max-width:480px) {
.sec h2 {font-size:24px;}
.sec h2 a.more {font-size:13px;}
.sec h2 a.more i {font-size:10px;}
.sec h3 {font-size:20px;}
.sec .subtitle {font-size:16px;}
}