@charset "utf-8";

/* ***** sub layout ***** */
.sub-top{position:relative;height:382px;color:#fff;text-align:center;box-sizing:border-box;overflow:hidden;}
.sub-top .bg:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);}
.sub-top .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat: no-repeat;background-position:center top;background-size:cover;animation: subTop 3s 0s both;z-index:-1;}
.sub-top h2{padding-top:90px;line-height:292px;font-weight:600;font-size:42px;color:#fff;}

@keyframes subTop{
    from {
        transform: scale(1.2);
    }
    to {
        transform: scale(1);
    }
}

.sub-contents{}

/* ***** sub common ***** */
.btn-area{margin:53px 0;text-align:center;}
.btn-area:after{display:block;content:'';clear:both;}
.btn-area.left{text-align:left;}
.btn-area.right{text-align:right;}
.btn-area .left{float:left;}
.btn-area .right{float:right;}

.btn{display:inline-flex;justify-content:center;align-items:center;margin:2px;padding:5px 20px;min-width:192px;min-height:42px;line-height:1em;font-weight:400;font-size:18px;color:#fff;text-align:center;vertical-align:middle;background:#4142a5;border:1px solid #4142a5;border-radius:4px;box-sizing:border-box;transition-duration:0.3s;}
.btn.line{color:#666;background-color:rgba(255,255,255,0.2);border-color:#ccc;}
.btn:hover{background:#2d2e7f;}
.btn.line:hover{color:#4142a5;background-color:#fff;border-color:#4142a5;}
.btn.qna:before{display:inline-block;content:'';margin-right:8px;width:18px;height:18px;background:url('../images/sub/ico_qna.png') no-repeat center;}
.btn.link:before{display:inline-block;content:'';margin-right:8px;width:18px;height:18px;background:url('../images/sub/ico_link.png') no-repeat center;}
.btn.link:hover:before{background-image:url('../images/sub/ico_link_on.png');}

.tab-link{border-bottom:1px solid #ccc;}
.tab-link > ul{display:flex;gap:0 45px;margin:0 auto;padding:0 15px;max-width:1210px;box-sizing:border-box;}
.tab-link > ul > li{padding:29px 0 18px;}
.tab-link > ul > li > a{display:block;font-weight:600;font-size:18px;color:#666;line-height:25px;border-bottom:2px solid transparent;box-sizing:border-box;}
.tab-link > ul > li.active > a{color:#111;border-color:#4142a5;}
.tab-link > ul > li > a:hover{color:#111;}
.tab-link + .inner{margin-top:-13px;}

.h3-title{margin-bottom:20px;font-weight:600;font-size:36px;color:#4142a5;line-height:1.25em;}
.h4-title{margin-bottom:15px;font-weight:700;font-size:26px;line-height:1.3em;}

.list-square{margin:10px 0;}
.list-square > li{position:relative;margin-bottom:10px;padding:6px 0 6px 17px;color:#666;line-height:1.5em;border-bottom:1px solid #ccc;}
.list-square > li:before{content:'';position:absolute;left:0;top:15px;width:5px;height:5px;background:#4142a5;}
.list-num > li{position:relative;margin-bottom:13px;padding-left:27px;color:#111;line-height:1.5em;}
.list-num > li > em{display:inline-block;position:absolute;left:0;top:2px;width:20px;height:20px;line-height:20px;font-weight:600;font-size:14px;color:#4142a5;text-align:center;background:#e3e3f7;border-radius:6px;}

/* ***** sub contents ***** */
.menu-tab{padding:29px 0 20px;background:#fff;}
.menu-tab ul{display:flex;gap:54px;margin:0 auto;padding:0 15px;max-width:1210px;box-sizing:border-box;}
.menu-tab li a{display:inline-block;line-height:26px;font-size:18px;color:#666;border-bottom:2px solid transparent;}
.menu-tab li.active a{font-weight:600;color:#111;border-color:#4142a5;}
.menu-tab li a:hover{font-weight:600;color:#111;}
.menu-tab.fixed{position:fixed;left:0;right:0;top:90px;z-index:100;}

.sub-section1{padding:80px 0 157px;overflow:hidden;}
.sub-section1 .h3-title{margin-bottom:38px;}
.sub-section1 p{margin-bottom:70px;font-size:20px;color:#111;line-height:1.5em;}
.sub-section1 p b{font-weight:700;}
.sub-section1 .row1,
.sub-section1 .row2{display:flex;justify-content:space-between;}
.sub-section1 .row1{margin-bottom:95px;}
.sub-section1 .h4-title{font-size:24px;color:#000;}
.business-list{padding:10px 0;width:943px;display:flex;gap:51px;position:relative;}
.business-list:before{content:'';position:absolute;left:-83px;top:-170px;bottom:-25px;right:-2000px;background:#f5f5fa;z-index:-1;}
.business-list > li{background:#fff;}
.business-list > li span{display:flex;justify-content:center;align-items:center;height:60px;font-weight:600;font-size:20px;color:#000;line-height:1.5em;text-align:center;}
.value-list{padding-top:55px;width:943px;display:flex;gap:10px;}
.value-list > li{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;flex-shrink:0;width:230px;height:230px;font-weight:600;font-size:20px;color:#111;text-align:center;background:url('../images/sub/bg_value1.png') no-repeat center;}

.sub-section2{position:relative;padding:93px 0 64px;background:#f8f8f8;}
.sub-section2:before{display:block;content:'';position:absolute;top:0;bottom:0;left:calc(50% - 26px);right:0;background:url('../images/sub/bg_greeting.png') no-repeat left top / cover;z-index:2;}
.sub-section2 .con{position:relative;width:calc(50% - 86px);z-index:2;}
.sub-section2 .h3-title{margin-bottom:45px;}
.sub-section2 p{color:#111;line-height:1.5em;}
.sub-section2 .txt{display:inline-block;margin:10px 0;padding:1px 2px;font-size:18px;color:#fff;background:#4142a5;}
.sub-section2 .sign{display:inline-block;margin-top:10px;font-size:14px;color:#666;}

.sub-section3{padding:123px 0 159px;}
.sub-section3 .h3-title{margin-bottom:45px;}
.sub-section3 .grp{display:flex;gap:30px;padding:17px 0 45px;border-top:1px solid #000;}
.sub-section3 .grp strong{margin-right:47px;font-family:'SEBANG_Gothic_Bold';font-weight:700;font-size:36px;color:#000;}
.sub-section3 .grp p{color:#666;line-height:1.5em;}
.sub-section3 .grp .img{margin-left:auto;display:flex;gap:9px;}

.sub-section4{display:flex;background:#f5f5fa;}
.sub-section4 .left{position:relative;width:50%;box-sizing:border-box;}
.sub-section4 .con{position:absolute;right:0;top:0;bottom:0;padding:87px 80px 130px 0;width:590px;box-sizing:border-box;}
.sub-section4 .h3-title{margin-bottom:26px;}
.sub-section4 .info{padding-top:21px;border-top:1px solid #111;}
.sub-section4 .info > li{display:flex;gap:7px;margin-bottom:8px;line-height:1.5em;color:#111;}
.sub-section4 .info > li i{display:block;flex-shrink:0;width:20px;height:20px;line-height:20px;text-align:center;background:#e3e3f7;border-radius:6px;}
.sub-section4 .right{width:50%;height:396px;overflow:hidden;}
.sub-section4 .right .root_daum_roughmap{width:100% !important;}
.sub-section4 .right .root_daum_roughmap .map_border{opacity:0;}
.sub-section4 .right .root_daum_roughmap .wrap_controllers{border:none;}

.section-title{margin-bottom:60px;text-align:center;}
.section-title .h3-title{margin-bottom:20px;}
.section-title p{color:#666;line-height:1.5em;}

.product-section{padding:82px 0 150px;}
.product-section .section-title{margin-bottom:56px;}
.product-section .section-title .h3-title{margin-bottom:25px;}

.product-tab{display:flex;justify-content:center;align-items:center;margin-bottom:56px;}
.product-tab > li > a{display:flex;justify-content:center;align-items:center;padding:5px;width:180px;height:48px;font-size:18px;color:#666;text-align:center;background:#f5f5fa;box-sizing:border-box;}
.product-tab > li:first-child > a{border-radius:4px 0 0 4px;}
.product-tab > li:last-child > a{border-radius:0 4px 4px 0;}
.product-tab > li.active > a{font-weight:600;color:#fff !important;background:#4142a5;}
.product-tab > li > a:hover{font-weight:600;color:#4142a5;}

.product-list{display:flex;flex-wrap:wrap;gap:40px 20px;}
.product-list > li{width:calc(100% / 3 - 13.5px);}
.product-list > li > a{display:block;position:relative;width:380px;line-height:1.5em;overflow:hidden;}
.product-list > li > a:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #ccc;z-index:2;}
.product-list > li .img{height:220px;text-align:center;}
.product-list > li .img.empty{background:url('../images/sub/img_empty.png') repeat left top;}
.product-list > li .img img{height:100%;}
.product-list > li .con{padding:23px 20px;}
.product-list > li em{display:inline-block;margin-bottom:17px;padding:0 5px;min-width:80px;height:24px;line-height:24px;font-size:14px;color:#fff;text-align:center;background:#4142a5;border-radius:20px;box-sizing:border-box;}
.product-list > li .title{display:block;margin-bottom:8px;font-weight:700;font-size:24px;color:#000;}
.product-list > li .desc{display:block;margin-bottom:2px;display:-webkit-box;max-width:99.9%;height:48px;line-height:24px;color:#666;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;}
.product-list > li .view{position:relative;font-size:16px;color:#ccc;line-height:25px;border-bottom:2px solid #ccc;transition-duration:0.3s;}
.product-list > li .view:after{content:'';position:absolute;right:2px;bottom:-15px;width:12px;height:12px;border-right:2px solid transparent;border-bottom:2px solid transparent;transform:translateY(-50%) rotate(-45deg);transition-duration:0.3s;}
.product-list > li a:hover img{transform:scale(1.1);}
.product-list > li a:hover .view{padding-right:20px;color:#4142a5;border-color:#4142a5;}
.product-list > li a:hover .view:after{border-right:2px solid #4142a5;}

.agent-section{padding:104px 0 118px;background:#f5f5fa;}
.agent-section .section-title{margin-bottom:49px;}
.agent-section .section-title .h3-title{margin-bottom:37px;}
.agent-list{display:flex;flex-wrap:wrap;gap:25px 20px;}
.agent-list li{width:calc(25% - 15px);height:120px;line-height:120px;text-align:center;background:#fff;border:1px solid #ccc;box-sizing:border-box;}
.agent-list li a{display:block;overflow:hidden;}
.agent-list li img{transition-duration:0.3s;}
.agent-list li a:hover img{transform:scale(1.1);}

.request-section{padding:120px 0 121px;line-height:1.5em;text-align:center;background:url('../images/sub/bg_request.jpg') no-repeat left top / cover;}
.request-section .h3-title{margin-bottom:25px;color:#fff;}
.request-section p{margin-bottom:21px;color:#fff;}
.request-section .btn.line{min-width:140px;color:#fff;border-color:#fff;}
.request-section .btn.line:hover{background-color:#fff;color:#4142a5;border-color:#fff;}

.product-view{padding:152px 0 135px;}
.product-view .top{position:relative;margin-bottom:21px;text-align:center;border-bottom:2px solid #111;}
.product-view .top em{display:inline-block;margin-bottom:16px;padding:4px 8px;font-size:14px;color:#fff;background:#4142a5;border-radius:20px;}
.product-view .top .h3-title{color:#000;}
.product-view .top .btn{position:absolute;right:0;bottom:11px;padding:5px 10px;min-width:101px;min-height:32px;line-height:1em;font-size:14px;color:#666;background:#eee;border-color:#eee;border-radius:0;}
.product-view .top .btn:hover{background:#ddd;border-color:#ddd;}
.product-view .middle{display:flex;gap:30px;margin-bottom:53px;}
.product-view .middle .img{position:relative;width:610px;height:540px;box-sizing:border-box;}
.product-view .middle .img.empty{background:url('../images/sub/img_empty.png') repeat left top;}
.product-view .middle .img:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #ccc;}
.product-view .middle .con{flex-grow:1;}
.product-view .h4-title{font-size:18px;color:#000;}
.product-view .btn-area{margin:34px 0;}
.product-view .btn{margin:2px 7px;}
.product-view .btm .h4-title{padding-bottom:10px;margin-bottom:21px;border-bottom:1px solid #ccc;}
.product-view .btm .con{line-height:1.5em;}

.customer-section{padding:80px 0 85px;background:#f5f5fa;}
.customer-section .section-title{margin-bottom:51px;}
.customer-section .section-title .h3-title{margin-bottom:38px;}
.customer-list{display:flex;gap:20px;}
.customer-list > li{flex:1;padding:36px 20px 20px;text-align:center;background:#fff;border:1px solid #4142a5;border-radius:4px;box-sizing:border-box;}
.customer-list > li i{display:block;margin:0 auto 18px;width:80px;height:80px;line-height:80px;text-align:center;background:#e3e3f7;border-radius:50%;}
.customer-list > li b{display:block;font-weight:600;font-size:20px;color:#000;line-height:1.5em;}
.customer-list > li span{display:block;margin-bottom:12px;font-size:14px;line-height:1.5em;}
.customer-list > li strong{display:block;font-weight:700;font-size:24px;color:#4142a5;}
.customer-list > li .btn.line{margin-top:10px;min-width:140px;min-height:34px;font-size:16px;}

.notice-section{padding:101px 0 193px;}
.notice-section .section-title{margin-bottom:51px;}
.notice-list{border-top:2px solid #000;}
.notice-list > li{position:relative;}
.notice-list > li > a,
.notice-list > li > div{display:block;padding:28px 100px 24px 4px;border-bottom:1px solid #ccc;}
.notice-list > li .title{display:block;margin-bottom:15px;font-weight:600;font-size:20px;color:#000;line-height:1.5em;}
.notice-list > li .desc{display:block;color:#666;line-height:1.5em;}
.notice-list > li .date{position:absolute;right:7px;bottom:24px;color:#666;line-height:1.5em;}
.notice-list > li > a:hover{border-color:#4142a5;}
.notice-list > li > a:hover .title{color:#4142a5;}

.qna-section{position:relative;padding:93px 0 90px;background:#f5f5fa;}
.qna-section:before{display:block;content:'';position:absolute;top:0;bottom:0;left:calc(50% + 71px);right:0;background:url('../images/sub/bg_qna.png') no-repeat left top / cover;z-index:2;}
.qna-section .con{width:calc(50% - 2px);}
.qna-section .h3-title{margin-bottom:45px;}
.qna-section p{margin-bottom:35px;line-height:1.5em;}
.qna-section .info{display:flex;margin-bottom:67px;padding-top:21px;border-top:1px solid #111;}
.qna-section .info > li{display:flex;gap:7px;flex:1 1 40%;line-height:1.5em;font-size:16px;color:#111;}
.qna-section .info > li i{display:block;flex-shrink:0;width:20px;height:20px;line-height:20px;text-align:center;background:#e3e3f7;border-radius:6px;}
.qna-section .info > li b{display:block;font-weight:600;}
.qna-section .btn{min-width:240px;}

.faq-section{padding:103px 0 135px;}
.faq-section .section-title{margin-bottom:51px;}
.faq-list > li{margin-bottom:14px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;}
.faq-list > li .title{display:flex;gap:6px;position:relative;padding:17px 63px 16px 29px;font-weight:600;font-size:20px;color:#000;line-height:1.5em;}
.faq-list > li .title:before{content:'';position:absolute;right:15px;top:7px;width:48px;height:48px;background:url('../images/sub/ico_arrow.png') no-repeat center;transform:rotate(180deg);transition-duration:0.3s;}
.faq-list > li .con{display:none;padding:11px 29px;min-height:67px;color:#666;line-height:1.5em;background:#f5f5fa;border-radius:0 0 4px 4px;}
.faq-list > li.active .title:before{transform:rotate(360deg);}
.faq-list > li.active .con{display:block;}

.contact-section{padding-bottom:315px;}

.info-box{margin:70px 0 67px;padding:33px 49px;background:#f5f5fa;}
.info-box .title{display:block;margin-bottom:23px;font-weight:700;font-size:24px;color:#4142a5;}

.required{margin-left:5px;}
.form-list{display:flex;flex-wrap:wrap;gap:26px 66px;margin-bottom:26px;}
.form-list > li{width:100%;}
.form-list > li.cols2{width:calc(50% - 33px);}
.form-list > li label{display:block;margin-bottom:4px;font-weight:600;color:#000;line-height:1.5em;}
.form-btm{color:#666;line-height:1.5em;}
.form-btm label{font-weight:600;color:#000;}
.form-btm p{padding-left:24px;}

@media all and (min-width:1921px){
	#container{min-height:950px;}
}