.main_wrap {width:100%; height:100%;}
.main_body {margin-top: 110px;}

/* Head { */
#DB_navi27 {position:fixed;font-size:14px;width:100%; top:0px; z-index: 998;}
#DB_navi27 ul.DB_main{position:relative;height:110px; background-color: #fff;}
#DB_navi27 ul.DB_main li{float:left;margin-right:40px;height:69px; margin-top: 42px;}
#DB_navi27 ul.DB_main li a{color:#000; font-size: 18px;}
#DB_navi27 ul.DB_main li.DB_select a{color:#0D3E6E;}
#DB_navi27 ul.DB_main li a:hover{color:#0D3E6E;}

#DB_navi27 ul.DB_main .gnb_ci {margin-left: 50px; margin-top: 37px; margin-right: 100px;}
#DB_navi27 ul.DB_main .gnb_ci img {width: 140px;}

#DB_navi27 .DB_mask{display:none;position:absolute;background-color:#fff;height:190px/*서브메뉴높이*/;overflow:hidden; width: 100%; border-bottom: 1px solid #eee;}
#DB_navi27 .DB_mask  ul.DB_sub{position:relative;}
#DB_navi27 .DB_mask  ul.DB_sub.s1 li:first-child{margin-left:0px/*메뉴위치*/;}
#DB_navi27 .DB_mask  ul.DB_sub.s2 li:first-child{margin-left:292px;}
#DB_navi27 .DB_mask  ul.DB_sub.s3 li:first-child{margin-left:292px;}
#DB_navi27 .DB_mask  ul.DB_sub.s4 li:first-child{margin-left:292px;}

#DB_navi27 .DB_mask  ul.DB_sub li{float:left;margin-right:10px;line-height:30px}
#DB_navi27 .DB_mask  ul.DB_sub li dd {margin-top: 0px;}
#DB_navi27 .DB_mask  ul.DB_sub li a{color:#000;}
#DB_navi27 .DB_mask  ul.DB_sub li a img {width: 100px; border:1px solid #eee; border-radius: 4px; transition: all 350ms cubic-bezier(0.86, 1, 0.07, 1)}
#DB_navi27 .DB_mask  ul.DB_sub li a:hover{color:#0D3E6E}
#DB_navi27 .DB_mask  ul.DB_sub li a:hover img{border-color:#0D3E6E}
#DB_navi27 .DB_mask  ul.DB_sub li.DB_select a{color:#0D3E6E;}

.text-center {text-align: center;}

.gnb_r_m {position: absolute; right:140px; top:44px;}
.gnb_r_m a {color:#666;}
.gnb_r_m a:hover {color:#0D3E6E;}

.gnb_r_m2 {position: absolute; right:50px; top:42px;}
.gnb_r_m2 a {color:#666;}
.gnb_r_m2 a:hover {color:#0D3E6E;}

.gnb_cont {padding-top: 20px;}
.gnb_cont_t1 {font-size: 34px; letter-spacing: -2px; color: #ddd; margin-right: 25px !important; margin-top: 2px;}
.gnb_cont_s1 {font-size: 12px; color:#777; letter-spacing: -0.5px; line-height: 18px !important;}

.DB_sub .swiper-slide {width: 100px;}
/* } */

/* Body { */
.DB_tab24 {width:100%;height:1000px;position:relative;overflow:hidden}

.DB_tab24 .DB_bgSet{position:relative;}
.DB_tab24 .DB_bgSet li{position:absolute;width:100%;height:1000px;display:none}

.DB_tab24 .DB_imgSet{position:absolute;width:1400px;left:50%;margin-left:-700px; margin-top: 200px;}
.DB_tab24 .DB_imgSet li{width:100%}

.DB_tab24 .DB_menuWrap{position:absolute;width:1400px;left:50%;margin-left:-700px;}
.DB_tab24 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:57px;text-align:center;font-size:0}
.DB_tab24 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline-block; background-color: rgba(255,255,255,0.1); width:10px; height:10px; border-radius: 50%;}
.DB_tab24 .DB_menuWrap .DB_menuSet .select {border:0px; cursor:pointer;margin:0 3px;display:inline-block; background-color: rgba(255,255,255,0.5); width:10px; height:10px; border-radius: 50%;}

.DB_tab24 .DB_prev{position:absolute;left:0px;top:550px;cursor:pointer;}
.DB_tab24 .DB_prev span {color:#fff;}
.DB_tab24 .DB_next{position:absolute;left:40px;top:550px;cursor:pointer;}
.DB_tab24 .DB_next span {color:#fff;}

.contact_more {top:750px;}
.contact_more span {color:#fff;}

.main_txts1 {color:#fff; font-size: 21px; letter-spacing: -1.5px;}
.main_txts2 {color:#fff; font-size: 37px; letter-spacing: -3px; line-height: 40px; margin-top: 30px;}
.main_txts3 {width:70px; height:2px; background-color: rgba(255,255,255,0.5); margin-top: 60px;}
.main_txts4 {color:rgba(255,255,255,0.5); font-size: 17px; letter-spacing: -1px; margin-top: 20px;}
.main_txts5 {margin-top: 30px;}
.main_txts5 .material-icons {color:#FF9933; font-size: 30px; margin-right: 10px;}
.main_txts5 .main_tel {font-size: 18px; color: #FF9933;}
/* } */

/* Tail { */
.tail {background-color: #121212; padding-top: 50px; padding-bottom: 50px;}
.tail_div {width:1400px; margin:0 auto; color:#666; letter-spacing: -0.5px;}
.tail_div a {color:#666;}
.tail_div_ul1 {float:left;}
.tail_div_ul2 {float:right;}
/* } */


/* Right GNB { */

.sh-side-options {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 12345678902;
    padding: 0 0;
    width: 420px;
    transform: translateX(420px);
    transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);

}

.sh-side-options.open {transform: translateX(0px);box-shadow: 0 0px 39px 10px rgba(0, 0, 0, 0.2);transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}

.sh-side-options-container {
    position: absolute;
    bottom: 50px;
    left: -125px;
    width: 60px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 5px;
    margin-right: 15px;
    box-shadow: -10px 0px 20px 2px rgba(0, 0, 0, .06);
}


.sh-side-options-item {
    display: block;
    text-align: center;
    margin: 0px;
    position: relative;
    padding: 7px;
    cursor: pointer;
}

.sh-side-options-item:not(:last-child) {border-bottom: 1px solid #f1f3fc;}
.sh-side-options-item-container {border-radius: 4px;padding: 8px 0;}
.sh-side-options-item:hover .sh-side-options-item-container,
.sh-side-options-item:focus .sh-side-options-item-container,
.sh-side-options.open .sh-side-options-item-trigger-demos .sh-side-options-item-container {background-color: #f3f5fd;}
.sh-side-options-item i {font-size: 22px;}
.sh-side-options-item:not(:hover):not(:focus) {color: #9396a5 !important;}
.sh-side-options-item:hover .sh-side-options-hover {opacity: 1;transform: translateX(-97%);}
.sh-side-options-hover {
    position: absolute;
    background-color: #ffffff;
    color: #32343d;
    padding: 20px 26px;
    transform: translateX(-70%);
    left: 0px;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: -100;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 13px;
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.08);
}

.sh-side-options-hover span {padding: 0px 3px;}
.sh-side-options-item i {color: #9396a5 !important;}
.sh-side-options.open .sh-side-options-item-trigger-demos i,
.sh-side-options-item:hover i,
.sh-side-options-item:focus i {color: #44BDC9 !important;}

.sh-side-demos-container {
    top: 0;
    left: 0;
    right: -17px;
    bottom: 0;
    position: absolute;
    overflow-y: scroll;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right top;
    padding: 22px;
    padding-bottom: 35px;
}

.close_r {
    position: absolute;
    top: 30px;
    right: 40px;
    cursor: pointer;
    z-index: 99;
}

.close_r i {color: #c5c5c5;font-size: 18px;}
.close_r:hover i,
.close_r:focus i {   color: #7f7f7f;}
.sh-side-demos-loop-container {position: relative;margin: 0 -10px;margin-top: 10px;}

.sh-side-demos-item {
    display: inline-block;
    position: relative;
    margin-right: -4px;
    margin-bottom: 25px;
    width: 50%;
    padding: 0 10px;
    text-align: center;
    top: 0;
}

.sh-side-demos-item:hover {top: -4px;}
.sh-side-demos-item .sh-image-lazy-loading {border-radius: 3px;box-shadow: 0 2px 20px 1px rgba(0, 0, 0, .1);}
.sh-side-demos-item img {border-radius: 3px;}
.sh-side-demos-item-name {font-size: 12px;color: #32343d;font-weight: 600;padding-top: 10px;}
.sh-side-options {width: 350px;transform: translateX(350px);}
.sh-side-options-container {bottom: 30px;left: -95px;margin-right: 15px;}
.r_menu_div {}
.r_menu_div ul {float:left; width: 30%; margin-left: 13px;}
.r_menu_div ul:first-child {margin-left: 0px;}
.bgs {background-color: rgba(0,0,0,0.7); position: fixed; top:0px; left:0px; width: 100%; height:100%; display: none; z-index: 999;}


.cs_tel_ul1_m {box-sizing: border-box; padding-top: 5px; padding-bottom: 15px; cursor: pointer; border-bottom: 0.1px solid rgba(0,0,0,0.1);}
.cs_tel_ul1_m li {}
.cs_txt2 {text-align: left; padding-top: 15px; padding-bottom: 15px;}

#DB_navi42{position:relative;width:100%; letter-spacing: -0.5px;}
#DB_navi42 a{text-decoration:none;display:block;}

#DB_navi42 .DB_1D{position:relative;width:100%;background:#fff;border:1px solid #eee;border-width:0 0px 1px 0;text-align:left}
#DB_navi42 .DB_1D a{font-size:16px;color:#000;height:50px;line-height:50px;}
#DB_navi42 .DB_1D a:hover{color:#ff9933}
#DB_navi42 .DB_1D.DB_select a{color:#ff9933}

#DB_navi42 .DB_1D .DB_2D_wrap{display:none;text-align:left; padding-bottom: 20px;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D{position:relative;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D a{font-size:14px;color:#999;height:30px;line-height:30px;text-indent:0px;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D a:hover{color:#000}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D.DB_select a{color:#000}

#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap{display:none;position:relative;background:#f1f1f1;left:0px;top:0px;text-align:left;padding:15px 0px 15px 0px; border-bottom: 1px solid #eee;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D{}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D a{font-size:13px;color:#666;background:#f1f1f1;height:30px;line-height:30px;text-indent:25px}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D a:hover{color:#000;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D.DB_select a{color:#000;}

/* } */

.mobile {display: none;}

/* 반응형 처리 { */
@media all and (max-width:1400px) {
    .mobile {display: block;}
    .pc {display: none;}
    .gnb_r_m {right:50px; top:26px;}
    .gnb_r_m2 {right: 25px;top: 22px;}
    .main_body {margin-top: 70px;}
    
    #DB_navi27 ul.DB_main {height: 70px;}
    #DB_navi27 ul.DB_main .gnb_ci {margin-left: 25px;margin-top: 18px;margin-right: 30px;}
    
    .DB_tab24 .DB_imgSet {width: auto;left: auto;margin-left: 0px;margin-top: 100px; box-sizing: border-box; text-align: center;}
    .main_txts2 {color: #fff;font-size: 26px;letter-spacing: -2.5px;line-height: 30px;margin-top: 20px;}
    .main_txts3 {width: 70px;height: 2px; margin: 0 auto; margin-top: 40px;}
    .main_txts4 {color:rgba(255,255,255,0.5); font-size: 15px; letter-spacing: -1px; margin-top: 20px;}
    .main_txts5 {display: none;}
    
    .DB_tab24 .DB_bgSet li {height: 650px;}
    .contact_more {display: none;}
    
    .DB_tab24 .DB_menuWrap{position:absolute;width:100%;left:auto;margin-left:0px;}
    .DB_tab24 .DB_menuWrap .DB_menuSet{width:100%;top:450px;}
    .DB_tab24 .DB_next {display: none !important;}
    .DB_tab24 .DB_prev {display: none !important;}
    
    .DB_tab24 {height: 650px;}
    
    .tail_div {width: 100%; padding: 25px; box-sizing: border-box;}
    .tail {padding: 0px;}
    .tail_div_ul1 {float:none; width: 100%; text-align: center;}
    .tail_div_ul2 {float:none; width: 100%; text-align: center; margin-top: 20px;}
    
    .main_wrap {
        width: 100%;
        height: auto;
    }
    
/* } */