@charset "utf-8";


/* —————————————————————————————————————
 * business_visual
/* ————————————————————————————————————— */
.business_visual{height:320px;position:relative;overflow:hidden}

/* visual_bg */
.business_visual .visual_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #2d2d2d;
    background-image: url(../images/business_visual_bg.jpg?);
    background-position: center;
    background-size: cover;
    -webkit-transition: 1800ms;
    transition: 1800ms;
    -webkit-transition-timing-function: cubic-bezier(0.165,0.840,0.440,1.000);
    transition-timing-function: cubic-bezier(0.165,0.840,0.440,1.000);
    -webkit-transform: translateZ(0) scale(1) rotate(0deg);
    transform: translateZ(0) scale(1) rotate(0deg);
}
.business_visual .visual_bg:after{content:'';width:100%;height:100%;display:block;background:#503e9d;filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}

/* visual_txt */
.business_visual .visual_txt{width:100%;height:100%;display:table;position:relative;color:#fff;text-align: center}
.business_visual .visual_txt .inner{width: 100%;display:table-cell;vertical-align:middle}

.business_visual .visual_txt h2.tit{font-size:16px;letter-spacing:0.025em;font-weight: 700;}
.business_visual .visual_txt h3.sub_tit{font-size:48px;font-weight:900;letter-spacing:-0.015em;line-height:1.2;margin-top:16px}


/* —————————————————————————————————————
 * business_wrap
/* ————————————————————————————————————— */
.business_wrap{position:relative;background:#fff;padding:120px 0;letter-spacing:-0.05em}
.business_object{position:absolute;z-index:0}
.business_object.object_01{top:170px;right:50%;margin-right:-90px}
.business_object.object_02{top:286px;right:50%;margin-right:-1080px}
.business_object.object_03{top:1445px;left:50%;margin-left:-1070px}
.business_object img{display:block}


/* —————————————————————————————————————
 * business_info
/* ————————————————————————————————————— */
.business_info{position:relative;padding-bottom:120px;text-align:center;z-index:2}
.business_info .info_tit_en{font-size:40px;letter-spacing:-0.025em;line-height:1;margin-bottom:60px}
.business_info .info_tit_en strong{font-weight:900}
.business_info .info_tit{font-size:24px;font-weight:700;line-height:1}
.business_info .info_txt{font-size:16px;line-height:1.75;font-weight:300;margin-top:20px}


/* —————————————————————————————————————
 * business_merit
/* ————————————————————————————————————— */
.business_merit{position:relative;z-index:2}
.business_merit .merit_section{position:relative;overflow:hidden;margin-top:120px}
.business_merit .merit_section .img{width:600px;position:absolute;right:0;top:0;border-radius:20px;overflow:hidden}
.business_merit .merit_section.ri .img{right:inherit;left:0}
.business_merit .merit_section .img img{width:100%;height:auto;opacity:0;-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);-webkit-transition:clip-path 1.1s cubic-bezier(.19,1,.22,1),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(.19,1,.22,1);transition:clip-path 1.1s cubic-bezier(.19,1,.22,1),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(.19,1,.22,1)}
.business_merit .merit_section.ani .img img{opacity:1;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.business_merit .merit_section .txt_cont{width:1000px;min-height:338px;display:table;margin:auto}
.business_merit .merit_section.vt .txt_cont{min-height:800px; text-align: left;}
.business_merit .merit_section .txt{display:table-cell;vertical-align:middle; text-align: left;}
.business_merit .merit_section.ri .txt{text-align:right}
.business_merit .merit_section .txt .txt_box{margin-top:90px}
.business_merit .merit_section .txt .txt_box:first-child{margin-top:0}
.business_merit .merit_section .txt em{display:block;font-size:150px;font-weight:700;line-height:1;letter-spacing:0;margin:0 0 26px -0.025em;filter: alpha(opacity=10);-moz-opacity:0.1;opacity:0.1}
.business_merit .merit_section.ri .txt em{margin:0 -0.025em 26px 0}
.business_merit .merit_section .txt h2{font-size:30px;line-height:1.4;font-weight:700;letter-spacing:-0.035em}
.business_merit .merit_section .txt p{font-size:16px;line-height:1.75;font-weight:300;margin-top:14px}


/* —————————————————————————————————————
 * business_inquiry
/* ————————————————————————————————————— */
.business_inquiry{position:relative;padding:120px 0 0; background: #f6f6f9;}
.business_inquiry .pageTit{padding:80px 0 50px}
.business_inquiry .pageTit h2{text-align:center;font-size:42px;line-height:1;font-weight:700}
.business_inquiry .pageTit p{text-align:center;font-size:16px;margin-top:20px;color:#888;font-weight:300}
.business_inquiry .pageTit h2 span {
    font-family: 'Noto Sans KR','Roboto';
    line-height: 33px;
}
.business_inquiry .inquiry_form{padding:40px 60px 50px;margin-top:20px}
.business_inquiry .inquiry_form .box_tit{border-bottom:2px solid #2d2d2d;padding-bottom:20px;margin-bottom:0; text-align: left;}
.business_inquiry .inquiry_form .tbl_inquire{width:100%;position:relative}
.business_inquiry .inquiry_form .tbl_inquire tr{width:100%}
.business_inquiry .inquiry_form .tbl_inquire th{width:15%;padding:28px;position:relative;font-size:16px;text-align:left;font-weight:700;color:#222;letter-spacing:-0.01em;vertical-align:top;border-bottom:1px solid #eee;background:#f8f8f8;vertical-align:middle}
.business_inquiry .inquiry_form .tbl_inquire td{padding:28px;font-size:16px;font-weight:400;color:#666;letter-spacing:-0.01em;vertical-align:middle;border-bottom:1px solid #eee}
.business_inquiry .inquiry_form .tbl_inquire td .inputType_1{max-width:320px}
.business_inquiry .inquiry_form .tbl_inquire td .textareaType_1{max-width:90%}
.business_inquiry .inquiry_form .tbl_inquire td .inputType_1 input,
.business_inquiry .inquiry_form .tbl_inquire td .textareaType_1 textarea{font-size:16px}
.business_inquiry .inquiry_form .tbl_inquire .tit{display:block;position:relative;font-size:16px;line-height:1.3;font-weight:400}
.business_inquiry .inquiry_form .tbl_inquire .tit .bulReq{margin:6px 0 0 6px}
.business_inquiry .inquiry_form .tbl_inquire td.phoneBx .selectric_wrap {
    width: 140px;
    float: left;
    padding: 10px 20px;
    border: 2px solid #e4e4e4;
    border-radius: 3px;
    text-align: center;
}
.business_inquiry .inquiry_form .tbl_inquire td.phoneBx .selectric_wrap select{width: 100%; border: none;}
.business_inquiry .inquiry_form .tbl_inquire td.phoneBx .inputType_1{width:320px;float:left;margin-left:10px}
.business_inquiry .inquiry_form .tbl_inquire td.emailBx .inputType_1,
.business_inquiry .inquiry_form .tbl_inquire td.emailBx .selectric_wrap,
.business_inquiry .inquiry_form .tbl_inquire td.emailBx .separator{display:inline-block;float:left}
.business_inquiry .inquiry_form .tbl_inquire td.emailBx .separator{line-height:58px;margin:0 8px;font-size:18px}
.business_inquiry .inquiry_form .tbl_inquire td.emailBx .selectric_wrap {
    width: 200px;
    margin-left: 10px;
    padding: 11px 15px;
    border: 2px solid #e4e4e4;
    border-radius: 3px;
    text-align: center;
}
.business_inquiry .inquiry_form .tbl_inquire td.emailBx .selectric_wrap select{width: 100%; border: none;}
.business_inquiry .inquiry_form .agreeInfo_box{height:204px;background:#f8f8f8;padding:18px 10px 18px 25px;margin-bottom:20px; text-align: left; overflow:hidden;}
.business_inquiry .inquiry_form .agreeInfo_box p{max-width:96%;margin-bottom:25px;font-size:15px;color:#888;letter-spacing:-0.01em}
.business_inquiry .btn_wrap{text-align:center;margin-top:30px; padding-bottom: 100px;}
.business_inquiry .btn_wrap button{border: none;}

.business_inquiry .inquiry_form .tbl_inquire input[type=file]{border: 0; text-indent: 0;}
.business_inquiry .inquiry_form .tbl_inquire .file_coment{text-align: left; display: block;}

/* —————————————————————————————————————
 * business_inquiry_btn
/* ————————————————————————————————————— */
.business_inquiry_btn{position:fixed;right:20px;bottom:90px;z-index:1000;opacity:0;transform:translate(80px,0px);-webkit-transform:translate(80px,0px);transition:all 0.6s cubic-bezier(.5,-0.02,0,.99);-webkit-transition:all 0.6s cubic-bezier(.5,-0.02,0,.99)}
.scrolled .business_inquiry_btn{opacity:1;transform:translate(0px,0px);-webkit-transform:translate(0px,0px)}
.business_inquiry_btn a{width:60px;height:67px;display:block;background:url("../img/business_inquiry_btn.png") no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}


.business #container,
.partnership #container{
    padding: 0 !important;
}