/*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/
@font-face{
    font-family:ng;
    font-display: auto;
}

div#ch-plugin {
    position: absolute;
}
*{margin:0; padding:0;}
body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form, img, span, table, tr, td, select, input, textarea, option{margin:0; padding:0;}

html, body{height:100%; }

body{font:13px/1.5 '?섎닎怨좊뵓', NanumGothic, 'Nanum Gothic','ng'/*,'留묒? 怨좊뵓','Malgun Gothic'*/; color:#999999}
body{font-family: '?섎닎怨좊뵓', NanumGothic, 'Nanum Gothic','ng'/*, '留묒? 怨좊뵓','Malgun Gothic'*/; color:#999999}

/* -----留곹겕----- */
a{text-decoration: none;}
a:link{color:#666666; text-decoration:none;}
a:visited{color:#666666;  text-decoration:none;}
a:hover{color:#000000; text-decoration:none;}


caption, legend{font-size:0px; width:0px; height:0px; overflow:hidden; position:absolute; visibility:hidden;}

img{border:0px; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality;}

fieldset,img{border:0; vertical-align:top;}

table{border-collapse:collapse; border-spacing:0; border:0;}

input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}

ul,ol,dl{list-style:none;}

textarea{overflow:auto;}

button,label{cursor:pointer;}

.input_radio_in1{display:inline; width:13px; height:13px; margin:-5px 2px 0 5px; vertical-align:middle;}

h1{font-size:12px;}
h2{font-size:12px;}
h3{font-size:12px;}
h4{font-size:12px;}
h5{font-size:12px;}
h6{font-size:12px;}

.ml10{margin:-7px 0 0 10px;}

hr{display:none; clear:both;}





/*기본 css*/
a[href^=tel] {text-decoration:inherit;color: #fff !important;}
/**{font-family: "Noto Sans KR", sans-serif !important;}*/
.contents_inner>div{font-family: "Noto Sans KR", sans-serif !important;}
p{margin: 0}
li {list-style: none;}
a:link, a:active, a:focus,a:visited{  text-decoration: none; color: #000; }
body.md-default-theme, body, html.md-default-theme, html{ background-color: #fff}
body { margin: 0}
ul{padding: 0; margin: 0}
html {height: 100%;box-sizing: border-box;}



/*채널 버튼 상단 전화번호*/
.tel_bubble {position: fixed;right: 20px;bottom: 95px;padding: 10px 20px;background-color: #bd3d4c;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);border-radius: 30px;color: #fff !important;z-index: 99;}



/*========================================================================*/
#bs_footer {  width:100%;  overflow: hidden;  height:250px; background-color:#333333; }
#bs_footer #container { /* width:1136px; */ margin:0 auto;  font-weight:300;  position:relative;  max-width: 1875px;}
#bs_footer #container.sub{ max-width: 1150px}
#bs_footer #container > #left_side {  float:left;  position: relative;  padding-top:28px;  }
#bs_footer #container > #right_side {  float:right;  position: relative;  padding-top:28px;  }

/* eⓒ”e‰´ */
#bs_footer_menu_container {  font-size:14px; margin:8px 0 8px 0; color:#EFEFEF;  }
.bs_footer_menu_container {  font-size:14px; margin:8px 0 8px 0; color:#EFEFEF;  }
#bs_footer_menu_container a {  color:#EFEFEF;  border-right: 1px solid rgba(255,255,255,0.2);  padding-right:9px;  margin-right:9px;  padding-top:3px;  padding-bottom:3px; cursor: pointer; }
#bs_footer_menu_container a:hover {  color:#b72b3d;  }
#bs_footer_menu_container a:last-child {  border-right:0;  padding-right:0;  margin-right:0;  }

/* i?¤eª…, i €i?‘e¶Œ*/
#bs_footer-info {  margin:20px 0 20px 0; font-size:12px; line-height:19px; color:#C7C7C7;  }
#bs_footer-info a:link {
    color: #C7C7C7;
}
#bs_footer-copyright {  width:100%; font-size:12px; line-height:19px; color:#C7C7C7;  }
@media handheld, only screen and (max-width: 1950px){
    #bs_footer #container {
        padding: 0 30px;
    }
    #bs_footer #container.sub {
        padding: 0;
    }

}
@media handheld, only screen and (max-width: 1200px){
    #bs_footer #container.sub {
        padding: 0 30px;
    }

    .ovrActv {
        position: fixed;
        background: rgba(0, 0, 0, 0.79);
        width: 100%;
        height: 100%;
        z-index: 9998;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
    }

}
@media handheld, only screen and (max-width: 630px){

    #bs_footer_sns_container {
        float: right;
        margin-top: -65px;
    }
}

@media handheld, only screen and (max-width: 480px){

    #bs_footer {  height: auto; }

    #bs_footer_sns_container {
        float: right;
        margin-top: -8px;
        margin-bottom: 20px;
    }
    #bs_footer_menu_container {
        font-size: 11px;}
    #bs_footer_menu_container a {
        margin-bottom: 5px;
        display: inline-block;
    }

}


/*========================================================================*/
/*공통 화면*/
.contents {margin: 0 auto 20px;max-width: 1920px;}
.contents_inner {overflow: hidden;position: relative; color: #000;}

.top {overflow: hidden; height: 1060px}
.top div {float: left;}
.top .portfolio_top {float: right;max-width: 70%;}
.top .portfolio_top img { max-width: 100%;height: auto;position: absolute;right: 0;}
.top .portfolio_title {width: 30%;height: 100%;box-sizing: border-box;}
.top .portfolio_title h2 {font-size: 36pt;font-weight: 500;margin-top: 280px;padding-left: 0;}
.top .portfolio_title h2 span {font-size: 24pt;font-weight: 500;padding-bottom: 10px;display: block;}
.top .portfolio_title h2 b {display: block;padding-bottom: 15px;line-height: 130%;font-weight: 600;}
.top .portfolio_title h2 b.hou{color: #ef9d00;padding-bottom: 5px;}

.top .portfolio_title h2 img.nomalImg {
    width: 215px;
    margin-top: 0;
}

.top .portfolio_title .store a {display: block;width: 50%;float: left;cursor: pointer;margin-top:1rem;}
.top .portfolio_title .store a img {max-width: 90%;}
.top .portfolio_title .store a.webBtn {background-color: #00B0F0; display: inline-block;height: 24px;width: 154px;border-radius: 6px;padding: 14px 0;font-size: 12pt;font-weight: 600;}
.top .portfolio_title .store a.webBtn:hover{background-color: #00B0F0;}
.top .portfolio_title .store a.webBtn img.nomalImg {max-width: inherit;width: 40px;margin: -4px 13px 0;}


.top .portfolio_title p{padding-left: 0;color: #555;font-size: 14pt;margin: 20px 0 0;}
h3.portfolio_subtitle {padding-left: 20%;font-size: 15pt;font-weight: 400;margin-top: 50px;}
.more {text-align: center;max-width: 100%;margin: 50px 0;}
.more img {max-width: 100%;}
.emo .col .portfolio_text.right h2 span {
    font-size: 12pt;
    display: block;
    line-height: 140%;
}


.backgorund{background-color: #0553e5;color: #fff;background-repeat: repeat-x;background-position: bottom;}
.backgorund.hou{background-color: #F0F0F0 ;color: #000;}

.backgorund .contents { margin: 0 auto;}
/*.col{overflow: hidden;}*/
.col {display: flex;}
.col.web {height: 960px;}
.col .portfolio_img {width: 70%;float: left;}
.col .portfolio_text {text-align: left;width: 30%;float: left;}
.col .portfolio_text.right {width: 30%;float: right;padding-left: 30px;box-sizing: border-box;text-align: left;clear: none;}
.col .portfolio_text h2 {font-size: 36pt;font-weight: 400;letter-spacing: -2px;line-height: 130%;margin-top: 220px;margin-bottom: 20px;}

.col .portfolio_text p{ text-align: left; font-size: 14pt}
.col .portfolio_text.right p{ text-align: right;}
.col .portfolio_text.right h2 {margin-top: 220px; text-align: right}

.col .portfolio_img.right {float: right; text-align: left;margin-bottom: 90px;}
.col .portfolio_img img {max-width: 100%; margin-top: -160px;margin-left: -5px;}


.col .portfolio_img.right img {margin-left: 5px;margin-top: -180px;}
.col.web .portfolio_img img {position: absolute;left: 0;margin-top: -180px;}
.col.web .portfolio_img.right img {position: absolute;right: 0;margin-top: -50px;left: auto;}


.top .portfolio_title .store.solo a img {
    max-width: initial;
}


.admin_title {text-align: center;margin: 120px 0;}
.admin_title.mltruck {margin-bottom: 30px;}
.mltruck+.portfolio_img.right img {max-width: 95%;margin: auto;}
.mltruck+.portfolio_img.right {text-align: center;}
.admin_title h2 {font-weight: 600;font-size: 35pt;margin-bottom: 10px;}
.admin_title h2 span{color: #B3001D;}
.admin_title p {font-size: 1.2rem;font-weight: 500;}


@media screen and (max-width: 2300px) {
    .top .portfolio_top {float: right;max-width: 70%;height: 100%;width: 70%;}
    .top .portfolio_top img {left: 30%;}
}
@media screen and (max-width: 1980px) {
    .nomal_only{ display: block}
    .big_only{ display: none}
    .top .portfolio_title{padding-left: 3%}
    .top {height: auto;}
    .top .portfolio_top img {position: relative;left: 0;}
    .top .portfolio_title h2 {margin-top: 40%;}
    .col .portfolio_text h2,.col .portfolio_text.right h2,.truck .col .portfolio_text h2,.truck .col .portfolio_text.right h2 {
        margin-top: 35%;
        font-size: 30pt;
        margin-bottom: 15px;
    }

    .col .portfolio_img img {
        margin-top: -100px;
    }

    .col .portfolio_img.right img {
        margin-top: -80px;
    }

    .col .portfolio_text.right {
        padding-right: 3%;
    }

    .col .portfolio_text {
        padding-left: 3%;
    }
    .col.web .portfolio_img img {
        position: relative !important;
    }

    .col.web {
        height: auto;
    }

    .col.web .portfolio_text h2, .col.web .portfolio_text.right h2 {
        margin-top: 20%;
    }


}
@media screen and (max-width: 1680px) {

}
@media screen and (max-width: 1480px) {

    .top .portfolio_title p {font-size: 12pt;}
    .top .portfolio_title h2 {margin-top: 35%;font-size: 30pt;margin-bottom: 15px;}
    .top .portfolio_title h2 span {font-size: 20pt;}
    .col.web .portfolio_text h2, .col.web .portfolio_text.right h2 {
        margin-top: 0;
    }

}

@media screen and (max-width: 1024px) {
    .contents.yt {
        margin-bottom: 140px;
    }
    .col .portfolio_text.right {width: 100%;float: none;padding-left: 0;text-align: center;clear: both;}
    .col .portfolio_text {width: 100%;float: none;padding-left: 0;text-align: center;clear: both;}

    .top {display: flex;flex-direction: column;}
    .portfolio_top {order: 1;}
    .portfolio_title {order: 2;}
    .backgorund{background-image: none}
    .top .portfolio_title h2 {font-size: 32pt;padding: 0 20px;margin: 0;}
    .top .portfolio_title h2.line {font-size: 32pt;padding: 0 20px;margin: 0;}

    .col.web .portfolio_text h2, .col.web .portfolio_text.right h2 {
        margin-top: 0;
    }
    .top .portfolio_title .store {
        padding-left: 20px;
        padding-right: 20px;
    }

    .top .portfolio_title h2 img {
        margin-top: 20px;
        width: 40px;
    }
    .top .portfolio_title h2 img.nomalImg {
        width: 215px;
        margin-top: 10px;
    }

    .top .portfolio_title h2 br {display: none;}
    .top .portfolio_title h2 span {font-size: 17pt;}
    .top .portfolio_title {width: 100%;float: right;margin-bottom: 10px;padding-left: 7%;}
    .top .portfolio_title h2,.top .portfolio_title h2.line {margin-top: 20px !important;padding-left: 20px;margin-bottom: 10px;}
    .top .portfolio_title p {padding-left: 20px;}
    .top .portfolio_top {max-width: 100%;float: left; width: 100%;}
    h3.portfolio_subtitle {padding-left: 20px;}
    .col .portfolio_text.right h2 {margin-top: 20px;}
    .col .portfolio_img {width: 100%;min-height: 1px;}
    .col .portfolio_text p {padding: 0 20px;}
    .bottom_btn a span b {display: none;}
    .bottom_btn a span {padding-top: 21%;}
    .top .portfolio_title h2 b{padding-bottom: 0}
    .col {flex-direction: column;}
    .col .portfolio_img img {margin-left: 0;margin-top: 30px;}
    .col .portfolio_text h2,.col .portfolio_text p,.col .portfolio_text.right h2,.col .portfolio_text.right p,.truck .col .portfolio_text h2,.truck .col .portfolio_text.right h2 {text-align: center;padding: 0 10%;word-break: keep-all;}
    .col .portfolio_text p,.col .portfolio_text.right p {font-size: 12pt;}
    .col .portfolio_text h2,.col .portfolio_text.right h2,.truck .col .portfolio_text h2,.truck .col .portfolio_text.right h2 {font-size: 24pt;}
    .col .portfolio_text.right br,.col .portfolio_text br {display: none;}
    .col .portfolio_text {order: 2;float: none;}
    .col .portfolio_img.right {order: 1;float: none;margin-bottom: 0;}
    .col .portfolio_img.right img {margin-top: 30px;margin-left: 0;}
    .col .portfolio_text h2,.truck .col .portfolio_text h2,.truck .col .portfolio_text.right h2 {margin-top: 20px;}
    .contents .col:first-child .portfolio_img img {margin-top: -100px;}
    .col.web .portfolio_img.right img {position: relative;margin-top: 30px;}
    .col.web {height: auto;padding-bottom: 30px;}
    .col.web .portfolio_img img {
        margin-left: 0;
        margin-top: 30px;
        position: relative;
    }



    .portfolio_img {
        order: 1;
    }

    .backgorund .contents {
        padding-bottom: 60px;
    }

    .col .portfolio_text.right.dubble {
        margin-bottom: 50px;
    }

    .contents .col:first-child .portfolio_img img {
        margin-top: 0;
    }

    .admin_title{
        margin: 50px 0;
    }

}



@media screen and (max-width: 900px) {

    .top .portfolio_title h2 {
        font-size: 20pt !important;
    }
    .top .portfolio_title h2 img {
        margin-top: 8px;
        width: 30px;
    }
    .admin_title h2 {
        font-size: 25pt !important;
    }
}

@media screen and (max-width: 750px) {


}

