/* 메인 배경 */
.main {
    padding-top: 0;
}

.first-bg-box {
    position: relative;
    width: 100%;
    height: 622px;
    background: #FFC93E;
}

.second-bg-box {
    position: relative;
    width: 100%;
    height: 237px;
    background: #fff;
}

.main-gate-box {
    position: absolute;
    top: 110px;
    left: 252px;
    width: 1400px;
    height: 734px;
    margin: 0 auto;
    background: #FFF9F2;
    filter: drop-shadow(0px 20px 15px rgba(0, 0, 0, 0.15));
}

.main-gate-box .banana-mascot-area {
    margin: 53px 553px 0;
}

.main-gate-box .brand-desc {
    width: 100%;
    text-align: center;
}

.main-gate-box .brand-desc > h2 {
    font-size: 44px;
    color: #222222;
    margin-bottom: 10px;
}
.main-gate-box .brand-desc > p {
    font-size: 18px;
    margin-bottom: 5px;
}

.main-gate-box .btn-short-cut-box {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 45px 0 105px;
}

.main-gate-box .btn-short-cut-box > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 68px;
    font-size: 22px;
    border-radius: 100px;
    margin-right: 14px;
}

.main-gate-box .btn-short-cut-box > a:last-child {
    margin-right: 0;
}

.btn-goto-cp {
    background: #1E1E1E;
    color: #fff;
}


.btn-goto-branding {
    background: #FFC93E;
    color: #1E1E1E;
    border: 2px solid #1E1E1E;
}

.btn-goto-guide {
    color: #1E1E1E;
    border: 2px solid #1E1E1E;
}


/*!* 비주얼 *!*/
/*.visual {*/
/*    display:flex;*/
/*    align-items:center;*/
/*    width:100%;*/
/*    height:490px;*/
/*    background:#eec51f url(../image/main/visual_img1.jpg) no-repeat -100% 48% / 115%;*/
/*    !*background:#fff;*!*/
/*}*/
/*.visual .text_box {*/
/*    width:100%;*/
/*    max-width:1400px;*/
/*    margin:0 auto;*/
/*    !*padding: 0 20px 0 108px;*!*/
/*}*/
/*.visual .text_box .title {*/
/*    color:#fff;*/
/*    font-size:75px;*/
/*    font-weight:400;*/
/*    line-height:100px;*/
/*    !*font-family: 'Fredericka the Great', cursive;*!*/
/*}*/
/*.visual .text_box .txt {*/
/*    margin:10px 0 25px;*/
/*    color:#fff;*/
/*    font-size:20px;*/
/*    font-weight:300;*/
/*    line-height:38px;*/
/*    word-break: keep-all;*/
/*    !*font-family: 'BusanBada';*!*/
/*}*/
/*!*.visual .img_box {*/
/*    width:50%;*/
/*    height:100%;*/
/*}*/
/*.visual .img_box img {*/
/*    max-width: none;*/
/*    transform: translate(-50%,-49%);*/
/*}*!*/

/*.visual .round_btn {*/
/*    position:relative;*/
/*    display:block;*/
/*    width:100%;*/
/*    max-width:360px;*/
/*    padding:15px 0;*/
/*    border:1px solid #fff;*/
/*    border-radius:50px;*/
/*    color:#fff;*/
/*    font-size:24px;*/
/*    font-weight:600;*/
/*    line-height:28px;*/
/*    text-align:center;*/
/*    transition:all .35s;*/
/*    overflow:hidden;*/
/*    z-index:2;*/
/*}*/
/*.visual .round_btn:before {*/
/*    content:"";*/
/*    position:absolute;*/
/*    display:block;*/
/*    width:0;*/
/*    top:50%;*/
/*    height:100%;*/
/*    background:#fff;*/
/*    transition: all .55s;*/
/*    transform: translateY(-50%);*/
/*    z-index: -1;*/
/*}*/
/*.visual .round_btn:hover {*/
/*    color:#edc31f;*/
/*}*/
/*.visual .round_btn:hover:before {*/
/*    width:100%;*/
/*    transition: all .55s;*/
/*}*/

/*!* 탭 *!*/
/*.main_tab_box {*/
/*    width:100%;*/
/*    background:#524f55;*/
/*}*/
/*.main_tab {*/
/*    display:flex;*/
/*    align-items:center;*/
/*    width:100%;*/
/*    max-width:1400px;*/
/*    margin:0 auto;*/
/*    padding:25px 0 31px;*/
/*}*/
/*.main_tab li {*/
/*    flex:1;*/
/*    position:relative;*/
/*}*/
/*.main_tab li:last-child {*/
/*    flex:0.6;*/
/*}*/
/*.main_tab li:not(:last-child):after {*/
/*    content:"";*/
/*    display:inline-block;*/
/*    position:absolute;*/
/*    right:0;*/
/*    top:50%;*/
/*    width:2px;*/
/*    height:18px;*/
/*    background:#8e8e8e;*/
/*    transform:translateY(-50%);*/
/*}*/
/*.main_tab a {*/
/*    display:block;*/
/*    padding:0 0 0 48px;*/
/*    color:#fff;*/
/*    font-size:16px;*/
/*    line-height:28px;*/
/*}*/
/*.main_tab a strong {*/
/*    color:#fff;*/
/*    font-size:18px;*/
/*}*/
/*.main_tab a:before {*/
/*    content:"";*/
/*    display:inline-block;*/
/*    vertical-align:top;*/
/*    position:relative;*/
/*    width:28px;*/
/*    height:28px;*/
/*    margin-right:8px;*/
/*}*/
/*.main_tab li:nth-child(1) a:before {*/
/*    background:url("../image/main/tab_1.svg") no-repeat 50% 50% / 28px;*/
/*}*/
/*.main_tab li:nth-child(2) a:before {*/
/*    background:url("../image/main/tab_2.svg") no-repeat 50% 50% / 26px;*/
/*}*/
/*.main_tab li:nth-child(3) a:before {*/
/*    background:url("../image/main/tab_3.svg") no-repeat 50% 50% / 28px;*/
/*}*/
/*.main_tab li:nth-child(4) a:before {*/
/*    background:url("../image/main/tab_4.svg") no-repeat 50% 50% / 24px;*/
/*}*/


/*!* 제조사 *!*/
/*!*.manufacturer_box {*/
/*    padding:65px 0;*/
/*    background:#f8f8f8;*/
/*}*/
/*.manufacturer_box .tit {*/
/*    text-align:center;*/
/*    font-size:42px;*/
/*    font-weight:400;*/
/*    line-height:48px;*/
/*}*/
/*.manufacturer_li {*/
/*    display:flex;*/
/*    flex-wrap:wrap;*/
/*    padding-top:40px;*/
/*}*/
/*.manufacturer_li li {*/
/*    width:calc(20% - 56px);*/
/*    margin-bottom:64px;*/
/*}*/
/*.manufacturer_li li:not(:nth-child(5n)) {*/
/*    margin-right:70px;*/
/*}*/
/*.manufacturer_li a {*/
/*    display:block;*/
/*    cursor:initial;*/
/*}*/
/*.manufacturer_li .img_box {*/
/*    display:block;*/
/*    margin:0 auto;*/
/*    width:100%;*/
/*    padding-bottom:100%;*/
/*    border-radius:50%;*/
/*}*/
/*.manufacturer_li .name {*/
/*    padding-top:30px;*/
/*    font-size:24px;*/
/*    line-height:28px;*/
/*    text-align:center;*/
/*}*!*/

/*!* order info *!*/
/*.main_order_area {*/
/*    padding:60px 0 0;*/
/*    background: #f3e4b588;*/
/*    text-align:center;*/
/*}*/
/*.main_order_area .tit {*/
/*    position:relative;*/
/*    padding:0 0 38px;*/
/*    font-size:48px;*/
/*    line-height:70px;*/
/*    font-weight: 700;*/
/*    font-family: 'Noto Sans KR', sans-serif;*/
/*}*/
/*.main_order_area .tit:after {*/
/*    content:"";*/
/*    position:absolute;*/
/*    bottom:0;*/
/*    left:50%;*/
/*    display:block;*/
/*    width:35px;*/
/*    height:1px;*/
/*    background:#333;*/
/*    transform: translateX(-50%);*/
/*}*/
/*.main_order_area .text {*/
/*    position:relative;*/
/*    padding:38px 0 54px;*/
/*    color:#525007;*/
/*    font-size:28px;*/
/*    line-height:34px;*/
/*    font-family: 'Noto Sans KR', sans-serif;*/
/*}*/
/*.main_order_area .txt {*/
/*    position:relative;*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    height:35px;*/
/*    color:#313131;*/
/*    font-size:24px;*/
/*    font-weight: 500;*/
/*    line-height:35px;*/
/*    font-family: 'Noto Sans KR', sans-serif;*/
/*}*/

/*.process_area {*/
/*    margin-top:110px;*/
/*    padding:47px 0 123px;*/
/*    background:#fafafa;*/
/*}*/
/*.process_area .tit {*/
/*    padding-bottom:44px;*/
/*}*/
/*.process_area .tit:after {*/
/*    display:none;*/
/*}*/
/*.order_process {*/
/*    display:flex;*/
/*    align-items: center;*/
/*    max-width:1177px;*/
/*    margin:0 auto;*/
/*}*/
/*.order_process li {*/
/*    position:relative;*/
/*    width:calc(25% - 62px);*/
/*    background:#fff;*/
/*    border:2px solid #e5e5e5;*/
/*    border-radius: 1px;*/
/*    border-bottom-color: #000;*/
/*    transition: all .35s;*/
/*}*/
/*.order_process li:hover {*/
/*    box-shadow: 5px 5px 2px 0 rgb(0 0 0 / 25%);*/
/*}*/
/*.order_process li:not(:last-child) {*/
/*    margin-right:84px;*/
/*}*/
/*.order_process li:not(:last-child):after {*/
/*    content:"";*/
/*    position:absolute;*/
/*    right:-52px;*/
/*    top:50%;*/
/*    display:block;*/
/*    width:14px;*/
/*    height:14px;*/
/*    background:url("../image/main/order_arrow.svg") no-repeat 50% 50% / cover;*/
/*    transform: translateY(-50%);*/
/*}*/
/*.order_process li:hover .icon_txt {*/
/*    text-decoration:underline;*/
/*    text-underline-position: under;*/
/*}*/
/*.order_process .icon_txt {*/
/*    display:block;*/
/*    position:relative;*/
/*    padding: 63px 8px 73px;*/
/*    font-size:16px;*/
/*    font-weight:700;*/
/*    text-align:center;*/
/*    font-family: 'Noto Sans KR', sans-serif;*/
/*}*/
/*.order_process .icon_txt:before {*/
/*    content:"";*/
/*    display:block;*/
/*    width:80px;*/
/*    height:80px;*/
/*    margin:0 auto 16px;*/
/*}*/
/*.order_process li:nth-child(1) .icon_txt:before {*/
/*    background:url("../image/main/order_process1.svg") no-repeat 50% 50% / cover;*/
/*}*/
/*.order_process li:nth-child(2) .icon_txt:before {*/
/*    background:url("../image/main/order_process2.svg") no-repeat 50% 50% / cover;*/
/*}*/
/*.order_process li:nth-child(3) .icon_txt:before {*/
/*    background:url("../image/main/order_process3.svg") no-repeat 50% 50% / cover;*/
/*}*/
/*.order_process li:nth-child(4) .icon_txt:before {*/
/*    background:url("../image/main/order_process4.svg") no-repeat 50% 50% / cover;*/
/*}*/











/*!**/
/*======*/
/*반응형*/
/*======*/
/**!*/
/*!* pc *!*/
/*@media all and (max-width:1800px) {*/
/*    .visual {background:#dd9d15 url(../image/main/visual_img2.jpg) no-repeat 50% 50% / 100%;}*/
/*}*/
/*@media all and (max-width:1400px) {*/
/*    .content_box.main_tab {max-width:calc(100% - 28px);padding:0;}*/
/*    */
/*    !* 비주얼 *!*/
/*    .visual .text_box {padding:0 16px;}*/
/*    */
/*    !* tab *!*/
/*    .main_tab a {padding:0 ;text-align: center;}*/
/*    */
/*    !* order info *!*/
/*    .main_order_area .tit {font-size:40px;}*/
/*    .main_order_area .text {font-size:24px;line-height:32px;}*/
/*    .main_order_area .txt {font-size:20px;}*/
/*    */
/*    !* process *!*/
/*    .process_area {margin-top:80px;padding: 40px 18px 100px;}*/
/*    .order_process li {width:calc(25% - 36px);padding: 46px 8px 56px;}*/
/*    .order_process li:not(:last-child) {margin-right:50px;}*/
/*    .order_process li:not(:last-child):after {right:-34px;}*/
/*}*/
/*@media all and (max-width:1240px) {*/
/*    !* 비주얼 *!*/
/*    .visual {height:440px;}*/
/*    .visual .text_box .title {font-size:60px;line-height:80px;}*/
/*    .visual .text_box .txt {font-size:18px;line-height:30px;}*/
/*    .visual .round_btn {max-width:320px;padding:14px 0;font-size:20px;}*/
/*    */
/*     !* tab *!*/
/*    .main_tab a {padding: 0 10px;font-size:14px;word-break: keep-all;}*/
/*    .main_tab a strong {font-size:16px;}*/
/*    */
/*    !* order info *!*/
/*    .main_order_area {padding:40px 0 0;}*/
/*    */
/*    !* process *!*/
/*    .main_order_area .tit {padding:0 0 30px;}*/
/*    .main_order_area .text {padding: 30px 0 46px;font-size:22px;line-height:30px;}*/
/*    .order_process .txt:before {width:80px;height:87px;}*/
/*}*/