@charset "utf-8";@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');html{overflow-y:scroll}
body{overflow:hidden; margin:0; padding:0; background:#fff; color:#000; font-size:25px; font-family:'NanumSquareRound', dotum, sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img{margin:0; padding:0; border:0}
h1, h2, h3, h4, h5, h6{font-size:1em; font-family:'NanumSquareRound', dotum, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}

ul, dl,dt,dd{margin:0; padding:0; list-style:none}
legend{position:absolute; margin:0; padding:0; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden}
label, input, button, select, img{vertical-align:middle; font-size:1em}
input, button{margin:0; padding:0; font-family:'NanumSquareRound', dotum, sans-serif; font-size:1em}
input[type="submit"]{cursor:pointer}
button{cursor:pointer}

textarea, select{font-family:'NanumSquareRound', dotum, sans-serif; font-size:1em}
select{margin:0}
p{margin:0; padding:0; word-break:break-all}
hr{display:none}
pre{overflow-x:scroll;font-size:1.1em}
a{color:#000; text-decoration:none}

*, :after, :before{box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.web .wrap{width:100%; max-width:1420px; margin:0 auto;}

.web #header{position:relative; height:66px; overflow:hidden; background-color:#fff;}
.web #header .logo{float:left; margin-top:9px;}
.web #header .logo a{display:inline-block;}
.web #header .logo a img{height:48px;}
.web #header .menu{float:right; margin-top:21px; overflow:hidden;}
.web #header .menu li{float:left;}
.web #header .menu li + li{margin-left:60px;}
.web #header .menu li a{display:block; font-size:21px; font-weight:600; line-height:25px;}

.web #footer{padding:25px 20px; overflow:hidden; background-color:#1e859a; color:#fff; line-height:19px;}
.web #footer .wrap{position:relative; padding-left:435px;}
.web #footer .footer_logo{position:absolute; top:0; left:315px;}
.web #footer .footer_title{display:block; margin:5px 0; font-size:18px; font-weight:800;}
.web #footer .footer_text{font-size:12px; font-weight:600;}

.web .main{position:relative; height:871px; overflow:hidden; background:url('../img/main_bg.jpg') no-repeat center center; text-align:center;}
.web .main .main_text{display:block; margin-top:264px; color:#000; font-size:66px; font-weight:600; line-height:80px;}
.web .main .main_text span{display:block; color:#1e859a;}
.web .main .main_btn{display:block; width:161px; height:30px; margin:10px auto 0 auto; padding-right:15px; border-radius:15px; background:url('../img/main_arrow.png') no-repeat right 23px center #1e859a; color:#fff; font-size:16px; font-weight:600; line-height:30px;}

.web .sub_visual{position:relative; height:210px; overflow:hidden; background-repeat:no-repeat; background-position:center top; background-size:cover; color:#fff; text-align:center;}
.web .sub_visual.sub1{background-image:url('../img/sub_visual1_bg.jpg');}
.web .sub_visual.sub2{background-image:url('../img/sub_visual2_bg.jpg');}
.web .sub_visual.sub3{background-image:url('../img/sub_visual3_bg.jpg');}
.web .sub_visual.sub4{background-image:url('../img/sub_visual4_bg.jpg');}
.web .sub_visual .wrap{position:relative; height:210px; overflow:hidden; background-repeat:no-repeat; background-position:center top;}
.web .sub_visual.sub1 .wrap{background-image:url('../img/sub_visual1.jpg');}
.web .sub_visual.sub2 .wrap{background-image:url('../img/sub_visual2.jpg');}
.web .sub_visual.sub3 .wrap{background-image:url('../img/sub_visual3.jpg');}
.web .sub_visual.sub4 .wrap{background-image:url('../img/sub_visual4.jpg');}
.web .sub_visual .sub_title{font-size:66px; font-weight:600;}
.web .sub_visual .sub_title span{display:block; opacity:0.45; font-size:25px;}
.web .sub_visual.sub1 .sub_title{margin-top:56px;}
.web .sub_visual.sub2 .sub_title{margin-top:68px;}
.web .sub_visual.sub3 .sub_title{margin-top:68px;}
.web .sub_visual.sub4 .sub_title{margin-top:56px;}

.web .sub{padding:0 20px 80px 20px;}
.web .sub img{max-width:100%;}

.web .company .company_title{margin:55px 0 45px 0; color:#1e859a; font-size:41px; font-weight:800; text-align:center; line-height:60px; word-break:keep-all;}
.web .company .company_img{display:block; max-width:100%; margin:0 auto; text-align:center;}
.web .company .company_box{position:relative; margin-top:70px; padding-bottom:100px; overflow:hidden;}
.web .company .company_box_img{position:absolute; left:0; bottom:25px; z-index:1;}
.web .company .company_info{position:relative; float:right; width:1170px; min-height:760px; padding:40px 0 0 480px; overflow:hidden; background:url('../img/company_bg.png') no-repeat 487px 56px #f5f5f5;}
.web .company .company_info .info_title{padding-left:40px; color:#1e859a; font-size:37px; font-weight:600; line-height:51px;}
.web .company .company_info .info_list1{margin-bottom:40px;}
.web .company .company_info .info_list1 li{margin-top:12px; padding-left:40px; color:#221815; font-size:25px; font-weight:400;}
.web .company .company_info .info_title2{margin-top:30px; padding-left:55px; background:url('../img/company_title_bg.png') no-repeat left top; color:#1e859a; font-size:30px; font-weight:600; line-height:47px;}
.web .company .company_info .info_list2{padding-left:55px;}
.web .company .company_info .info_list2 li{color:#221815; font-size:25px; font-weight:400; line-height:40px;}
.web .company .company_info .info_list2 li span{display:inline-block; float:left; margin-right:8px; color:#1e859a; font-size:10px;}
.web .company .company_img2{position:absolute; right:15px; bottom:0;}

.web .smart{position:relative; padding:45px 0 0 0; overflow:hidden; text-align:center;}
.web .smart .smart_title{height:62px; background:url('../img/smart_title_bg.png') no-repeat center top; color:#fff; font-size:41px; font-weight:800; line-height:64px;}
.web .smart .smart_text1{margin-top:60px; padding-top:50px; background:url('../img/smart_text1_bg.png') no-repeat center top; color:#221815; font-size:35px; line-height:50px;}
.web .smart .smart_text1 em{font-style:normal; font-weight:600;}
.web .smart .smart_img1{margin:60px auto 0 auto;}
.web .smart .smart_img2{margin:70px auto 0 auto;}
.web .smart .smart_list{margin-top:80px; font-size:0; line-height:0;}
.web .smart .smart_list li{display:inline-block; width:238px; margin:0 39px; overflow:hidden; vertical-align:top;}
.web .smart .smart_list li .list_title{display:block; height:42px; margin-top:15px; border-top:2px solid #1e859a; border-bottom:2px solid #1e859a; color:#1e859a; font-size:27px; font-weight:600; line-height:42px;}
.web .smart .smart_list li .list_text{color:#221815; font-size:15px; line-height:23px; letter-spacing:-0.6px;}
.web .smart .smart_list li .list_text span{display:block; margin:12px 0 8px 0; color:#1e859a;}

.web .smart_img2_text{max-width:470px; margin:100px auto 0 auto; text-align:left;}
.web .smart_img2_text > li + li{margin-top:30px;}
.web .smart_img2_text > li p{display:block; width:282px; height:56px; border-radius:28px; background-color:#1e859a; box-shadow:0 5px 2px rgb(137 137 137 / 20%); color:#fff; font-size:27px; text-align:center; line-height:58px;}
.web .smart_img2_text > li ul{margin-top:10px; padding-left:10px;}
.web .smart_img2_text > li ul li{color:#221815; font-size:23px; line-height:40px; word-break:keep-all;}
.web .smart_img2_text > li ul li span{float:left; margin-right:6px; color:#1e859a; font-size:10px;}
.web .example .example_box{position:relative; padding:110px 0 0 250px;}
.web .example .example_box_img1{position:absolute; top:60px; left:0; z-index:1;}
.web .example .example_box_img2{position:absolute; top:171px; left:384px; z-index:32;}
.web .example .example_info{position:relative; padding:40px 40px 40px 375px; background:#f5f5f5;}
.web .example .example_info .info_title{display:block; width:282px; height:56px; border-radius:28px; background-color:#1e859a; box-shadow:0 5px 2px rgba(137,137,137,0.2); color:#fff; font-size:35px; text-align:center; line-height:58px;}
.web .example .example_info .info_list + .info_title{margin-top:30px;}
.web .example .example_info .info_list{margin-top:10px; padding-left:10px;}
.web .example .example_info .info_list li{color:#221815; font-size:23px; line-height:40px; word-break:keep-all;}
.web .example .example_img{margin:180px 0 80px 0; font-size:0; text-align:center; line-height:0;}
.web .example .example_img li{display:inline-block; vertical-align:top;}
.web .example .example_img li + li{margin-left:11px;}

.web .vision{position:relative; margin:0 -127px; padding:65px 127px 35px 232px; background:url('../img/vision_bg.jpg') no-repeat right bottom;}
.web .vision .vision_title{display:block; color:#1e859a; font-size:47px; font-weight:800;}
.web .vision .vision_text{margin-top:12px; color:#221815; font-size:30px; font-weight:400; line-height:42px;}
.web .vision .vision_text + .vision_text{margin-top:18px;}
.web .vision .vision_text em{font-style:normal; font-weight:600;}
.web .vision .vision_img{margin-top:30px;}

.web .mv{display:none;}
.web .sub4 + .sub .wrap{margin-bottom:-80px;}

.mobile .wrap{width:100%; max-width:720px; margin:0 auto; padding:35px 30px 20px 30px;}

.mobile #header_m{position:absolute; top:0; left:0; right:0; z-index:1; max-width:360px; height:auto; margin:0 auto; padding:0; overflow:hidden;}
.mobile #header_m .logo{margin-top:20px; padding:0 20px;}
.mobile #header_m .logo a{display:inline-block;}
.mobile #header_m .logo a img{height:38px;}
.mobile #header_m .menu{margin-top:20px; padding:6px 0; overflow:hidden; text-align:center;}
.mobile #header_m .menu li{float:left; width:25%;}
.mobile #header_m .menu li a{display:block; color:#1e859a; font-size:14px; font-weight:800; line-height:25px;}

.mobile #footer_m{padding:11px 30px; overflow:hidden; background-color:#1e859a; color:#fff; text-align:center; line-height:19px;}
.mobile #footer_m .wrap{position:relative;}
.mobile #footer_m .footer_logo{float:left; margin-right:27px;}
.mobile #footer_m .footer_title{display:block; margin:5px 0; font-size:15px; font-weight:800;}
.mobile #footer_m .footer_text{font-size:12px; font-weight:600;}

.mobile h2{color:#1e859a; font-size:35px; font-weight:800; text-align:center; line-height:38px;}
.mobile h2 span{display:block; color:#9f9f95; font-size:13px; font-weight:600; line-height:18px;}

.mobile .main{position:relative; height:760px; overflow:hidden; background:url(../img/mobile/main_bg.jpg) no-repeat center top -76px; background-size:auto 836px; text-align:center;}
.mobile .main .main_text{display:block; margin-top:220px; color:#000; font-size:29px; font-weight:600; line-height:39px;}
.mobile .main .main_text span{display:block; color:#1e859a;}
.mobile .main .main_btn{display:block; width:126px; height:27px; margin:10px auto 0 auto; border-radius:14px; background:#1e859a; color:#fff; font-size:17px; font-weight:600; line-height:29px;}
.mobile .main .main_btn span{font-size:14px;}

.mobile .company .company_title{margin:25px 0 15px 0; color:#1e859a; font-size:20px; font-weight:600; text-align:center; line-height:28px; word-break:keep-all;}
.mobile .company .company_title span{display:block; font-weight:800;}
.mobile .company .company_img{display:block; width:100%; max-width:360px; margin:0 auto 20px auto; text-align:center;}
.mobile .company .company_table{width:100%; max-width:360px; margin:0 auto; margin-top:7px; border-spacing:0;}
.mobile .company .company_table thead th{position:relative; padding:5px; background-color:#1e859a; color:#fff; font-size:11px;}
.mobile .company .company_table thead th + th:before{display:block; position:absolute; top:5px; left:0; bottom:5px; width:2px; background-color:#fff; content:'';}
.mobile .company .company_table tbody th{position:relative; padding:5px; border-top:2px solid #fff; background-color:#c3e5f2; color:#1e859a; font-size:11px;}
.mobile .company .company_table td{position:relative; padding:5px; border-top:2px solid #fff; background-color:#ebecec; color:#000; font-size:11px; text-align:center;}

.mobile .smart{position:relative; padding:0; overflow:hidden; background:#dedac5; text-align:center;}
.mobile .smart .smart_title{height:24px; margin-top:25px; background:url(../img/mobile/smart_title_bg.png) no-repeat center top; background-size:auto 24px; color:#fff; font-size:16px; font-weight:800; line-height:25px;}
.mobile .smart .smart_text1{margin-top:30px; padding-top:20px; background:url(../img/mobile/smart_text1_bg.png) no-repeat center top; background-size:18px auto; color:#221815; font-size:16px; line-height:22px;}
.mobile .smart .smart_text1 em{font-style:normal; font-weight:600;}
.mobile .smart .smart_img1{width:100%; max-width:360px; margin:25px auto 0 auto;}
.mobile .smart .smart_img2{width:100%; max-width:360px; margin:24px auto 0 auto;}
.mobile .smart .smart_list{max-width:360px; margin:0 auto; margin-top:30px; text-align:left;}
.mobile .smart .smart_item .title{position:relative; height:88px; padding:62px 0 0 8px; overflow:hidden; background-repeat:no-repeat; background-size:cover; color:#fff; font-size:17px; font-weight:600; line-height:22px;}
.mobile .smart .smart_item.n1 .title{background-image:url(../img/mobile/smart_bg1.jpg);}
.mobile .smart .smart_item.n2 .title{background-image:url(../img/mobile/smart_bg2.jpg);}
.mobile .smart .smart_item.n3 .title{background-image:url(../img/mobile/smart_bg3.jpg);}
.mobile .smart .smart_item.n4 .title{background-image:url(../img/mobile/smart_bg4.jpg);}
.mobile .smart .smart_item .text{padding:8px 8px 12px 8px; color:#221815; font-size:12px; line-height:16px;}

.mobile .example{text-align:center;}
.mobile .example .example_title{display:block; height:24px; margin-top:25px; background:url(../img/mobile/smart_title_bg.png) no-repeat center top; background-size:auto 24px; color:#fff; font-size:16px; font-weight:800; line-height:25px;}
.mobile .example .example_box{position:relative; padding:110px 0 0 250px;}
.mobile .example .example_box_img1{position:absolute; top:60px; left:0; z-index:1;}
.mobile .example .example_box_img2{position:absolute; top:171px; left:384px; z-index:32;}
.mobile .example .example_info{position:relative; margin-top:20px;}
.mobile .example .example_info .info_title{display:block; width:100%; color:#1e859a; font-size:20px; font-weight:600; text-align:center; line-height:30px;}
.mobile .example .example_info .info_title span{font-size:9px; vertical-align:top;}
.mobile .example .example_info .info_list + .info_title{margin-top:20px;}
.mobile .example .example_info .info_list li{color:#221815; font-size:16px; line-height:23px; word-break:keep-all;}
.mobile .example .example_img{position:relative; max-width:360px; margin:0 auto 20px auto; overflow:hidden; font-size:0; text-align:center; line-height:0;}
.mobile .example .example_img li{display:inline-block; width:32%; vertical-align:top;}
.mobile .example .example_img li + li{margin-left:2%;}
.mobile .example .example_img li img{max-width:100%;}
.mobile .example .example_img li:first-child{position:absolute; top:0; left:0;}
.mobile .example .example_img li:last-child{position:absolute; top:0; right:0;}

.mobile .vision{position:relative; padding-bottom:180px; background:url(../img/mobile/vision_bg.png) no-repeat right bottom #dedac5; text-align:center;}
.mobile .vision .vision_title{display:block; margin-top:35px; color:#1e859a; font-size:25px; font-weight:800;}
.mobile .vision .vision_text{margin-top:12px; color:#221815; font-size:16px; font-weight:400; line-height:25px;}
.mobile .vision .vision_text + .vision_text{margin-top:18px;}
.mobile .vision .vision_text em{font-style:normal; font-weight:600;}
.mobile .vision .vision_img{margin-top:30px;}

.mobile .mv{display:none;}
.mobile .sub4 + .sub .wrap{margin-bottom:-80px;}

.wrapper.web{display:block;}
.wrapper.mobile{display:none;}

@media all and (max-width:1420px){
    .web #header{padding:0 20px;}
    .web #footer .wrap{padding-left:120px;}
    .web #footer .footer_logo{position:absolute; top:0; left:0;}
    .web .company .company_box_img{left:20px; width:calc(77% - 480px);}
    .web .wv{display:none;}
    .web .mv{display:block;}
    .web .smart .smart_list{max-width:640px; margin:80px auto 0 auto;}
    .web .smart .smart_list li{margin:20px;}
    .web .example .example_box_img1{width:380px;}
    .web .example .example_box_img2{left:292px;}
    .web .example .example_info{padding-left:280px;}
    .web .example .example_img li{width:32%;}
    .web .example .example_img li + li{margin-left:2%;}
    .web .vision{margin:0 -20px 0 0; padding:65px 20px 35px 0; background-position:right -35% bottom; background-size:600px auto;}
}
@media all and (max-width:1000px){
    .wrapper.web{display:none;}
    .wrapper.mobile{display:block;}
}