#frmQuickAccept{
    padding: 0;
    margin:20px 0px;
    width: 100%;
    display: block;
    line-height: 0;
}
#frmQuickAccept input[type=text],#frmQuickAccept textarea{
    width: calc(100% - 130px);
    margin: 5px 10px;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #CCC;
    border-radius: 5px;
}

#frmQuickAccept .AcceptText{
    background: url(/mobile/images/main/accept_txt.png) center top no-repeat;
    font-size: 0;
    height: 27px;
    display: block;
    background-size: 300px;
}
#frmQuickAccept .AcceptText-01 {background-position-y: 10px;}
#frmQuickAccept .AcceptText-02 {background-position-y:-17px;}
#frmQuickAccept input[type='image']{
    margin: 10px auto;
    display: block;
}
#frmQuickAccept #ChkBoxAgree{display: none;}
#frmQuickAccept .BtnQuickAccept{
    font-size: 0;
    display: block;
    width: 100px;
    float: right;
    margin-right: 10px;
}

.swiper-container{
    display:inline-block;
    width: 100%;
    height:250px;
    overflow: hidden;
}
.swiper-wrapper .swiper-slide-1{background: url(/mobile/images/main/roll_1.jpg) left top no-repeat;}
.swiper-wrapper .swiper-slide-2{background: url(/mobile/images/main/roll_2.jpg) left top no-repeat;}
.swiper-wrapper .swiper-slide-3{background: url(/mobile/images/main/roll_3.jpg) left top no-repeat;}
.swiper-wrapper .swiper-slide-4{background: url(/mobile/images/main/roll_4.jpg) left top no-repeat;}
.swiper-wrapper .swiper-slide-5{background: url(/mobile/images/main/roll_5.jpg) left top no-repeat;}
.swiper-wrapper .SwiperFontSignChannel{
    display: block;
    font-size: 20pt;
    font-family: 'Roboto Light', sans-serif;
    color: #f8ff5f;
    margin: 30px 110px 0px 20px;
    letter-spacing: -0.1em;
}
.swiper-wrapper .SwiperFontMainTitle{
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 31pt;
    color: #FFF;
    margin: 30px 110px 0px 20px;
    font-weight: 600;
}
.swiper-wrapper .SwiperFontMainTitleSub{
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12pt;
    color: #FFF;
    margin: 30px 110px 0px 20px;
    font-weight: 400;
    word-break: break-all;
    line-height: 18px;
    white-space: normal;
    text-shadow:  -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.swiper-wrapper .SwiperFontMainTitleContent{
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 8pt;
    color: #FFF;
    margin: 8px 110px 0px 20px;
    font-weight: 400;
    word-break: break-all;
    line-height: 18px;
    white-space: normal;
    text-shadow:  -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.swiper-wrapper .SwiperFontMainBtn{
    display: block;
    margin: 3px 110px 0px 20px;
}

.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.swiper-slide-1 {background-color:#7a8d9b; }
.swiper-slide-2 {background-color:#86858a; }
.swiper-slide-3 {background-color:#95abd0; }
.swiper-slide-4 {background-color:#eaae02; }
.swiper-slide-5 {background-color:#000000; }



.swiper_banner { position:relative; float:right;  z-index:10000; margin-top:-250px }
.swiper_banner li {  margin:0; padding:0; list-style:none;  }
.swiper_banner li a {
    display: block;
    width: 100px;
    height: 49px;
    background-color: #404040;
    color: #fff;
    font-size: 10px;
    box-sizing: border-box;
    text-align: center;
    background-position: 50% 80%;
    background-repeat: no-repeat;
    margin-bottom: 1px;
    padding: 15px 5px;
    font-family: 'Roboto Light', sans-serif;
    font-weight: 600;
}
.swiper_banner .on .swiper_banner-1{background-color:#7a8d9b; }
.swiper_banner .on .swiper_banner-2{background-color:#86858a; }
.swiper_banner .on .swiper_banner-3{background-color:#95abd0; }
.swiper_banner .on .swiper_banner-4{background-color:#eaae02; }
.swiper_banner .on .swiper_banner-5{background-color:#000000; }

/* ¨ö¨¬¢¯IAI¨¡U A|AU */
.swiper-container .swiper-wrapper{
    white-space: nowrap;
    line-height: 0;
    font-size: 0;
    position: relative;
}
.swiper-container .swiper-slide{
    display: inline-block;
    line-height: 0;
    width: 100%;
    height: 250px;
    text-align: left;
    vertical-align: top;
}
.swiper-container .swiper-slide img{
width: 150px;
}


.box_03{
    width: 100%;
    line-height: 0;
    font-size: 0;
    display: inline-block;
    margin-top: 5px;
}
.box_03 .MainBox-3{
    width: calc(50% - 3px);
    display: inline-block;
    padding: 10px 0;
    box-sizing: content-box;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}
.box_03 .MainBox-3-1{background-color:#5485d5;margin:0 3px 3px 0;}
.box_03 .MainBox-3-2{background-color:#c792d9;margin:0 0 3px 3px;}
.box_03 .MainBox-3-3{background-color:#c7c23e;margin:3px 3px 0 0;}
.box_03 .MainBox-3-4{background-color:#eb9370;margin:3px 0 0 3px;}

.box_03 .MainBox-3-1 img{max-width:217px;width:95%;}
.box_03 .MainBox-3-2 img{max-width:205px;width:95%;}
.box_03 .MainBox-3-3 img{max-width:198px;width:95%;}
.box_03 .MainBox-3-4 img{max-width:202px;width:95%;}

.BannerTel{margin:5px 0;}
.BannerTel img{width:100%;}

#CommentBox{
    background: url(/images/main/commentbox_bg.png);
    text-align: center;
    padding: 5px;
    margin: 5px 0;
}
#CommentBox .CommentBoxImgBox {
    display: inline-block;
    width: calc((100% - 40px) / 3);
    max-width: 460px;
    font-family: 'Noto Sans KR', sans-serif;
    padding: 0 5px;
}
#CommentBox .CommentBoxImgBox img {
    width: 100%;
}

#LicenseBox {
    background: url(/images/main/licensebox_bg.png);
    padding: 5px 0;
    margin: 5px 0;
}
#LicenseBox h3 {
    color: #FFF;
    font-size: 14px;
    padding: 0 20px 5px;
    font-weight: bold;
    font-family: 'Noto Sans KR', sans-serif;
}
#LicenseBox .LicenseBoxList {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
#LicenseBox .LicenseBoxList li {
    display: inline-block;
    width: calc( (100%/6) - 5px);
    vertical-align: top;
}
#LicenseBox .LicenseBoxList .LicenseBox {
    display: block;
    width: 100%;
    max-width: 140px;
    margin:3px auto 3px;
}
#LicenseBox .LicenseBoxList .LicenseBox img {
    width: 100%;
}
#LicenseBox .LicenseBoxList .LicenseName {display:none;}

.PortfolioBox .PortfolioBox-Title {
    height: 30px;
    padding-left: 10px;
    box-sizing: border-box;
}
#PortfolioBox-01 .PortfolioBox-Title {background: url(/images/main/portfoliobox_top_bg.png) left top no-repeat #ca2a2a;background-size:auto 30px;padding-top:3px;}
#PortfolioBox-02 .PortfolioBox-Title {background: url(/images/main/portfoliobox_top_bg.png) left top no-repeat #009e1a;background-size:auto 30px;padding-top:3px;}
#PortfolioBox-03 .PortfolioBox-Title {background: url(/images/main/portfoliobox_top_bg.png) left top no-repeat #ec751e;background-size:auto 30px;padding-top:3px;}
#PortfolioBox-04 .PortfolioBox-Title {background: url(/images/main/portfoliobox_top_bg.png) left top no-repeat #367bd9;background-size:auto 30px;padding-top:3px;}
#PortfolioBox-05 .PortfolioBox-Title {background: url(/images/main/portfoliobox_top_bg.png) left top no-repeat #873eb5;background-size:auto 30px;padding-top:3px;}
#PortfolioBox-01 .PortfolioBox-ListTitle {background-color: rgba(202,42,42,0.6);}
#PortfolioBox-02 .PortfolioBox-ListTitle {background-color: rgba(0,158,26,0.6);}
#PortfolioBox-03 .PortfolioBox-ListTitle {background-color: rgba(236,117,30,0.6);}
#PortfolioBox-04 .PortfolioBox-ListTitle {background-color: rgba(54,123,217,0.6);}
#PortfolioBox-05 .PortfolioBox-ListTitle {background-color: rgba(135,62,181,0.6);}

.PortfolioBox .PortfolioBoxCate{
    display: none;
    vertical-align: top;
    margin: 3px 0px 0px 20px;
    padding: 0;
    position: absolute;
    right: 0;
}
.PortfolioBox .PortfolioBoxCate li{
    display: inline-block;
    height: 36px;
    padding: 0 3px;
}
.PortfolioBox .PortfolioBoxCate li:first-child{
    background:none;
}
.PortfolioBox .PortfolioBoxCate a{
    background: url(/images/main/PortfolioBoxCate_href.png) right center no-repeat;
    padding-right: 10px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 11px;
    color: #FFF;
}

.PortfolioBox .PortfolioBoxText-TitleLink{
    display: inline-block;
    width: 170px;
}
.PortfolioBox .PortfolioBoxText-Title{
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
}
.PortfolioBox .PortfolioBoxText-TitleSub{
    display: none;
    font-family: 'Noto Sans KR', sans-serif;
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
}

.PortfolioBox .PortfolioBox-Content {
    background-color: #dfdfdf;
    margin: 0;
    padding: 0;
    text-align: center;
}
.PortfolioBox .PortfolioBox-Content li:hover {
    opacity: 0.6;
}
.PortfolioBox .PortfolioBox-Content li {
    display: inline-block;
    width: calc(50% - 25px);
    margin: 10px;
}
.PortfolioBox .PortfolioBox-Content .PortfolioBox-ListImage {
    width: 100%;
}

.PortfolioBox .PortfolioBox-Content .PortfolioBox-ListTitle {
    position: absolute;
    height: 30px;
    margin-top: -30px;
    z-index: 9999999;
    box-sizing: border-box;
    width: calc(50% - 25px);
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
}
.PortfolioBoxCate-Sub{
    width: calc(100% - 180px);
    display: inline-block;
    height: 30px;
    vertical-align: top;
    padding-top: 2px;
}
.PortfolioBoxCate-Sub img{
    width: 100%;
}