#main-slid{position:relative;}
#main-slid .slid-txt{position:absolute;top:50%;z-index:99; width:100%; text-align:center;color:#fff;font-size:35px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);line-height:1.3}
#main-slid .slid-txt .tit{font-weight:800;font-size:90px}
.main-visual {overflow:hidden}
.main-visual .swiper-slide{height:100vh; width:100%}
.bg-01{width:100%;background:url(../images/main/visual-01.png) no-repeat}
.bg-02{width:100%;background:url(../images/main/visual-02.png) no-repeat}
.bg-03{width:100%;background:url(../images/main/visual-03.png) no-repeat}
.bg-04{width:100%;background:url(../images/main/visual-04.png) no-repeat}

.modal_hidden{display:none}
.modalnav-wrap{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%}
.modalnav-wrap li{width:calc(20% - 20px)}
.modalnav-wrap li a{color:#fff}
.modalnav-wrap > li > a{display:inline-block;width:100%;font-size:20px;text-align:center; height:70px; line-height:70px; border-bottom:1px solid rgba(255,255,255,0.5)}
.modalnav-wrap > li > ul{margin-top:20px; width:100%}
.modalnav-wrap > li > ul > li{height:40px; line-height:40px; text-align:left;width:100%;padding:0 10px}


.section1{width:90%; max-width:1400px; margin:80px auto}
.section1 h2{font-size:30px;text-align:center;letter-spacing:-1px}
.section1 > p{text-align:center; font-size:18px;color:#666;margin-top:15px}
.section1 .section1-wrap{display:flex; flex-wrap:wrap;justify-content:space-between;margin-top:50px}
.section1 .section1-wrap > div{position:relative;width:calc(50% - 20px);}
.section1 .section1-wrap > div > img{display:block;}
.section1 .section1-wrap > div .over{position:absolute;left:50px;top:50px; font-size:30px; color:#fff;font-weight:600}
.section1 .section1-wrap > div .over span{font-size:16px;display:block;}
.section1 .section1-wrap > div a{position:absolute;bottom:0; width:50%;right:0;background:#fff;padding:20px;text-align:right;font-size:16px; color:#666}
.section1 .section1-wrap > div a img{vertical-align:middle}

.section2{background:#f5f5f5;padding:80px 0}
.section2 h2{font-size:48px;text-align:center;font-weight:600}
.section2 ul{display:flex; flex-wrap:wrap;justify-content:space-between; width:90%; max-width:1400px;margin:30px auto}
.section2 li{width:calc(25% - 10px);background:#fff}
.section2 li dl{padding:15px 20px;}
.section2 li dt{font-size:24px; font-weight:600;margin-bottom:10px;}
.section2 li dd{color:#666; line-height:1.5}
.section2 .btn{text-align:center}
.section2 .btn a{display:inline-block; width:200px; height:60px; border:1px solid #000; line-height:60px; font-size:16px; font-weight:600}
.section2 .btn a:hover{background:#000; color:#fff}

.section3{width:90%; max-width:1400px;margin:80px auto;display:flex; flex-wrap:wrap;justify-content:space-between;}
.section3 > div{width:calc(33.3% - 15px)}
.section3 > div > div{position:relative;}
.section3 > div > div:nth-child(2){margin-top:20px}
.section3 > div > div a{display:inline-block; width:100%; height:100%;overflow:hidden}
.section3 > div > div a p{position:absolute;z-index:99;color:#fff;top:50%; width:70%; left:15%;text-align:center;font-size:30px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.section3 > div > div a p span{display:block;width:100%;font-size:18px}
.section3 > div img{width:100%;display:block;vertical-align:middle}
.section3 > div > div a *{-webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all 0.45s ease-in-out;  transition: all 0.45s ease-in-out;}
.section3 > div > div a:hover{background:#000}
.section3 > div > div a:hover img{transform: scale(1.2);}

footer{background:#333;padding:30px 0}
footer div{width:90%; max-width:1400px;margin:0 auto; color:rgba(255,255,255,.5);font-size:14px}
footer div p.tit{color:#fff;font-size:16px}
footer div p{line-height:1.5}
footer div p span{display:inline-block; margin-right:20px}

/*서브*/
#sub-visual{position:relative;height:500px}
.sub_tit{position:absolute; top:50%; left:10%; width:80%;text-align:center; color:#fff;font-size:18px}
.sub_tit h2{font-size:45px}
.sbg-01{background:url(../images/sub/bg-01.png) no-repeat 50% 50%;background-size:cover;}
.sbg-02{background:url(../images/sub/bg-02.png) no-repeat 50% 50%;background-size:cover;}
.sbg-03{background:url(../images/sub/bg-03.png) no-repeat 50% 50%;background-size:cover;}
.sbg-04{background:url(../images/sub/bg-04.png) no-repeat 50% 50%;background-size:cover;}
.sbg-05{background:url(../images/sub/bg-05.png) no-repeat 50% 50%;background-size:cover;}

.sub_container{padding:80px 0;width:90%; max-width:1400px;margin:0 auto;font-size:18px;color:#666;font-weight:400}
.sub_container h3{font-size:35px;text-align:center;color:#333}
.sub_container h4{font-size:27px;color:#2d2b74;margin-top:50px;}

.overview{display:table;margin-top:50px;}
.overview div{display:table-cell;width:50%;margin:0 auto;vertical-align:middle}
.overview div img{width:100%}
.overview div.txt{padding:50px;font-size:1.25rem; line-height:1.5;background:#f6f6f6}
.tbl-basic{width:100%;margin-top:15px;border-top:1px solid #ddd; border-left:1px solid #ddd}
.tbl-basic tbody th{background:#f6f6f6;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px;color:#333; font-weight:400}
.tbl-basic tbody td{padding:15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.tbl-basic thead th{padding:15px; background:#f6f6f6;border-right:1px solid #ddd;border-bottom:1px solid #ddd;color:#333; font-weight:400}
.tbl-basic tfoot td{padding:15px;background:#efefef;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.center-tbl td{text-align:center;}

.history{width:100%;background:url(../images/sub/history_line.png) repeat-y 50% 50%;overflow:hidden;margin-top:50px}
.history li{float:left;width:calc(50% + 4px)}
.history li:nth-child(even){float:right;width:calc(50% + 3px)}
.history li:nth-child(odd){text-align:right}
.history li dt{font-size:35px; color:#2d2b74;vertical-align:middle;line-height:150%;font-weight:800}
.history li:nth-child(odd) .year:after{content:'';display:inline-block;background:url(../images/sub/yeat_target.png) no-repeat 50% 50%; width:39px; height:7px;vertical-align:middle;margin-left:15px}
.history li:nth-child(even) .year:before{content:'';display:inline-block;background:url(../images/sub/yeat_target2.png) no-repeat 50% 50%; width:39px; height:7px;vertical-align:middle;margin-right:15px}
.history li:nth-child(odd) dd{padding-right:55px;}
.history li:nth-child(even) dd{padding-left:55px;}
.history li dd{display:flex; flex-wrap:wrap;margin-top:30px}
.history li dd .month{font-size:19px; color:#555;width:50px;line-height:150% }
.history li dd .con{width:calc(100% - 50px);line-height:150%; color:#555}
.history li:nth-child(odd) dd .month{order:2}

.ide{position:relative;display:flex; flex-wrap:wrap;margin-top:50px}
.ide:after{content:'';position:absolute;z-index:-1;width:100%;left:0; height:200px;background:url(../images/sub/ide-bg.png) no-repeat 50% 0%;bottom:-50%;overflow:hidden }
.ide li{width:33.3%;padding:50px;background:rgba(45,43,116,1);color:#fff;}
.ide li strong{display:block;font-size:25px;margin-bottom:10px}
.ide li p{text-align:right;width:100%}
.ide li img{margin-top:50px}
.ide li:nth-child(2){background:#4c4b89;}
.ide2{text-align:center;margin-top:50px}
.ide2 li{position:relative;display:inline-block;width:250px; height:0;padding-bottom:240px;border:5px dashed #ddd;border-radius:100%;margin:0 20px;background:#fff;box-shadow:5px 5px 5px rgba(0,0,0,.1)}
.ide2 li span{position:absolute;top:50%; width:90%; left:5%; font-size:24px;line-height:1.5;color:#2d2b74;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.ide-result{margin:50px auto;text-align:center}
.ide-result span{display:inline-block;background:#2d2b74;color:#fff; padding:15px 30px;border-radius:50px}


.partner-list,.location-wrap,.step{display:flex; flex-wrap:wrap;margin-top:50px}
.partner-list li{width:25%;text-align:center;margin-bottom: 0.5em;}
.partner-list li img{display:block; margin:0 auto 10px auto;border:1px solid #ddd;max-width:95% ; padding: 0 15%;	}
.location-wrap iframe{width:calc(100% - 400px)}
.location-wrap .location-info{position:relative;background:#2d2b74; width:400px;line-height:1.5}
.location-wrap .location-info > div{position:absolute; top:50%; left:5%; width:90%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);text-align:center; color:#fff}
.location-wrap .location-info > div strong{font-size:3em;font-weight:500}
.location-wrap .location-info > div a{display:inline-block; border:1px solid #fff;height:60px; line-height:60px;width:100%; max-width:250px;margin-top:30px;font-weight:600}
.location-wrap .location-info > div a:hover{background:#fff; color:#2d2b74;}

.organ-wrap{position:relative;margin-top:50px}
.organ-depth > li{margin:30px 0;text-align:center;}
.organ-depth > li.depth1 span{display:inline-block;background:#2d2b74; height:60px;line-height:60px; width:180px;color:#fff;font-weight:600;font-weight:400}
.organ-depth > li.depth2 span{display:inline-block;background:#106eaf; height:60px;line-height:60px; width:180px;color:#fff;font-weight:600;font-weight:400}
.organ-depth > li.depth3 {display:flex; flex-wrap:wrap;justify-content:space-between;margin-top:50px}
.organ-depth > li.depth3 dl{width:calc(25% - 50px);}
.organ-depth > li.depth3 dt{border:2px solid #ddd;background:#fff;padding:20px 0; min-height:30px}
.organ-depth > li.depth3 dt span{display:inline-block;height:50px; line-height:50px}
.organ-depth > li.depth3 dd{background:#efefef; height:50px; line-height:50px; border-radius:50px;margin-top:15px}
.organ-wrap .line-01{position:absolute;z-index:-1;top:0;left:50%;width:1px; background:#ddd;height:225px;border:0}
.organ-wrap .line-02{position:absolute;z-index:-1;top:225px;left:50%;width:90%; background:#ddd;height:1px;border:0;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

.step{justify-content:space-between}
.step li{position:relative;width:calc(25% - 20px);margin-top:20px}
.step li span{position:absolute;left:0;bottom:0; z-index:99; background:rgba(45,43,116,0.9); padding:15px;width:100%; color:#fff}

.step2{display:flex; flex-wrap:wrap;justify-content:space-between;margin-top:30px}
.step2 li{width:calc(25% - 20px);margin-top:20px;text-align:center;background:rgba(45,43,116,0.9);padding:20px;color:#fff; border-radius:7px}
.step2 li span{display:block; width:100%;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}
.step2 li:nth-child(even){background:rgba(45,43,116,0.7);}

.prod-list{display:flex; flex-wrap:wrap;}
.prod-list li{width:calc(25% - 20px);margin-right:26px;padding:15px;margin-top:20px;border:1px solid #ddd}
.prod-list li:nth-child(4n){margin-right:0}
.prod-list li dt{background:#2d2b74;padding:10px;color:#fff; text-align:center;margin-bottom:10px}
.prod-list li dd{font-size:16px;line-height:1.5;background:url(../images/sub/ico-dot.png) no-repeat 0 8px;padding-left:10px}
.prod-list li img{display:block}

.rnd{margin-top:10px;display:flex; flex-wrap:wrap;}
.rnd > li{width:25%;border:1px solid #ddd;border-left:0;padding:15px}
.rnd > li:first-child{border-left:1px solid #ddd}
.rnd p{background:#2d2b74;padding:15px;text-align:center;color:#fff;margin-bottom:10px;}
.dot-list li{line-height:1.5;background:url(../images/sub/ico-dot.png) no-repeat 0 8px;padding-left:10px}

.contact_form{width:100%;margin-top:50px}
.contact_form li{display:flex; flex-wrap:wrap;align-items:center;background:#f6f6f6; border-radius:3px;margin-bottom:10px;padding:10px 20px}
.contact_form li label{width:80px;font-size:14px; font-weight:500}
.contact_form li input[type="text"]{height:40px;background:none; width:calc(100% - 80px)}
.contact_form li textarea{width:calc(100% - 80px); height:200px;background:none; border:0;font-family:"Noto Sans KR";font-size:14px; color:#888;padding:10px 0}
.btn_qna{text-align:center;margin-top:20px}
.btn_qna input[type="submit"]{display:inline-block; height:40px; background:#333; color:#fff; border-radius:3px; line-height:40px; padding:0 45px; font-size:14px;}

.m-block{display:none !important}

/*온라인문의*/
.sub_time_wrap{width:100%; overflow:hidden; display:table;margin-top:50px}
.sub_time_wrap > div {width:50%; display:table-cell;}
.time_bg {text-align:center; vertical-align: middle; background-image:url(/images/sub/time_bg.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; color:#fff; font-size:60px; font-weight:600;}
.time_tit {font-size:33px; color:#2d2b74; font-weight:300;}
.time_txt {padding:50px; box-sizing:border-box; background: #f6f6f6; text-align: center;}
.time_w  {width:450px; margin: 0 auto; overflow:hidden; text-align: left;}
.time_w li {width:100%; overflow:hidden; border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 15px; font-size:20px; font-weight: 500;}
.time_w li:first-child {border-top: 1px dashed #ddd; padding-top: 15px;}
.time_w  div:nth-child(2n-1) {width:100px; float:left; overflow:hidden;color:#777;}
.time_w  div:nth-child(2n) {width:calc(100% - 100px); float:left; overflow:hidden; color:#000; font-weight:500;}
.time_c {margin: 5px 0 20px 0; font-size:24px; color:#596dc2; line-height: 1.2; font-weight: 500;}
.time_c span {font-size:16px; font-weight: 400;}
.time_txt div {font-weight: 300;}


@media(max-width:1400px){
.section3 > div > div:nth-child(2){margin-top:12px}


.overview div.txt{font-size:1rem}
}


@media(max-width:1000px){
#main-slid .slid-txt{font-size:27px}
#main-slid .slid-txt .tit{font-size:80px}
.section1 .section1-wrap > div .over{top:30px; left:30px}
.section2 h2{font-size:40px}
.section2 li{width:calc(33.3% - 10px)}
.section2 li:nth-child(4){display:none}
.section3 > div > div a p{font-size:24px; width:90%;left:5%}
.section3 > div > div a p span{font-size:14px}
.section3 > div > div:nth-child(2){margin-top:10px}
.section1 h2{font-size:25px}
.section1 > p{font-size:16px}

#sub-visual{height:400px}
.sub_tit h2{font-size:35px}
.sub_tit .h2_txt{font-size:16px}

.sub_container{font-size:16px}
.ide li{padding:30px; line-height:1.5;font-size:14px}
.ide li strong{font-size:20px}
.ide li img{max-width:60px}
.ide2 li{width:30%; padding-bottom:calc(30% - 10px);margin:0}
.ide2 li span{font-size:20px}
.organ-depth > li.depth3 dl{width:calc(25% - 20px)}
.partner-list li{width:33.3%;margin-bottom:0}

.location-wrap iframe,.location-wrap .location-info{width:100%}
.location-wrap iframe{height:300px}
.location-wrap .location-info > div{position:relative;padding:30px}
.location-wrap .location-info > div a{display:block;margin:10px auto 0 auto}

.step li{width:calc(50% - 10px)}
.prod-list li{width:calc(33.3% - 10px);margin-right:15px}
.prod-list li:nth-child(4n){margin-right:15px}
.prod-list li:nth-child(3n){margin-right:0}


.overview div{display:block;width:100%}


.step2{display:flex; flex-wrap:wrap;justify-content:flex-start}
.step2 li{width:calc(33.3% - 10px);margin-top:20px;text-align:center;background:rgba(45,43,116,0.9);padding:20px;color:#fff; border-radius:7px;margin-right:15px}
.step2 li:nth-child(3n){margin-right:0}


.time_tit {font-size:22px;}
.time_c {font-size:18px;}
.time_txt div, .time_c span {font-size:14px;}
.time_txt {padding: 30px;}

}

@media(max-width:768px){
#main-slid .slid-txt{font-size:18px}
#main-slid .slid-txt .tit{font-size:50px}
.main-visual .swiper-slide{height:500px}
#main-container{font-size:14px}

.section1{margin-top:50px auto}
.section1 .section1-wrap > div{width:100%;}
.section1 .section1-wrap > div:last-child{margin-top:30px}
.section1 h2{font-size:20px}
.section1 > p{font-size:14px}
.section1 .section1-wrap > div .over{font-size:24px}
.section1 .section1-wrap > div .over span{font-size:14px}

.section2{padding:50px 0}
.section2 h2{font-size:30px}
.section2 li{width:calc(50% - 10px)}
.section2 li:nth-child(4){display:block;}
.section2 li:nth-child(n+3){margin-top:20px}
.section2 li dt{font-size:18px}
.section3{margin:50px auto}
.section3 > div{width:calc(50% - 10px)}
.section3 > div > div:nth-child(2){margin-top:20px}
.section3 > div > div a p{font-size:18px}
.section3 > div > div a p span{display:none}
.section3 > div:last-child{width:100%;margin-top:20px}

footer div p span{display:block;}

#sub-visual{height:300px}
.sub_tit h2{font-size:30px}
.sub_tit .h2_txt{font-size:14px}
.sub_container{font-size:14px;padding:50px 0}
.sub_container h3{font-size:27px}
.sub_container h4{font-size:20px}

.overview div.txt{padding:30px;font-size:.9rem}

.history{background:none;}
.history li{float:left;width:100%;margin-bottom:30px;border-bottom:1px solid #ddd;padding-bottom:30px;}
.history li:nth-child(even){float:left;width:100%}
.history li:nth-child(odd){text-align:left}
.history li dt{font-size:35px; color:#2d2b74;vertical-align:middle;line-height:150%}
.history li:nth-child(odd) .year:after,.history li:nth-child(even) .year:before{display:none}
.history li:nth-child(odd) dd,.history li:nth-child(even) dd{padding:0;}
.history li dd{display:flex; flex-wrap:wrap;margin-top:30px}
.history li dd .month{font-size:19px; color:#555;width:50px;line-height:150% }
.history li dd .con{width:calc(100% - 50px);line-height:150%; color:#555}
.history li:nth-child(odd) dd .month{order:0}

.pc-block{display:none !important}
.m-block{display:block !important}

.m-tbl tbody,.m-tbl tr,.m-tbl th, .m-tbl td{display:block;width:100%}
.m-tbl tr{display:flex; flex-wrap:wrap}
.m-tbl tbody th{width:100px;}
.m-tbl tbody td{width:calc(100% - 100px)}

.ide{margin-top:30px}
.ide li{width:100%}
.ide:after{bottom:-20%}
.ide2 {margin-top:20px}
.ide2 li{width:100%; padding:20px 10px;border-radius:30px;margin-top:10px}
.ide2 li span{font-size:16px}
.ide2 li span br{display:none}
.ide-result{margin-top:20px}
.organ-wrap,.partner-list,.step {margin-top:30px}
.organ-depth > li.depth3 dl{width:calc(50% - 10px)}
.organ-depth > li.depth3 dl:nth-child(n+3){margin-top:20px}
.organ-wrap .line-02{border:1px solid #ddd; height:85px;background:none}

.partner-list li{width:50%;}
.prod-list{justify-content:space-between;margin-top:10px !important}
.prod-list li{width:calc(50% - 5px);margin-right:0;}
.prod-list li:nth-child(4n){margin-right:0}
.prod-list li:nth-child(3n){margin-right:0}
.prod-list li dd{font-size:13px}
.rnd > li{width:100%;border:1px solid #ddd;margin-top:10px}

.tbl-wrap{width:100%;overflow-x:scroll}
.tbl-wrap table{width:700px}


.step2{display:flex; flex-wrap:wrap;justify-content:space-between}
.step2 li{width:calc(50% - 10px);margin-top:20px;margin-right:0}

.sub_time_wrap > div {width:100%; display:block;}
.time_bg {height: 140px;}
.time_tit {font-size:20px; line-height: 1.3;}
.time_c {font-size:16px; margin: 5px 0 10px 0;}
.time_txt div, .time_c span {font-size:12px;}
.time_txt {padding: 20px;}

}

@media(max-width:500px){
.prod-list li{width:100%;margin-right:0;}
.step2 li{width:100%}
}