@import './User-Grid.css?ver=1.0';
@import './Icons.css?ver=1.0';
@import './Fonts/NotoSansKR.css?ver=1.0';
@import './UserLayout.css?ver=1.14';
@charset "UTF-8";


.clearfix{display:block}
.clearfix:after{content:""; display:block; clear:both}
/*button */
button{vertical-align:middle}
span.button,button.button,input[type=button],input[type=submit],a.button{background-color:#66676b;top:0;padding:0px 10px;line-height:30px; height:30px; color:#fff;
position:relative;font-size:13px;font-weight:500; vertical-align:top;
display:inline-block;transition:all .2s ease-in-out;cursor:pointer;overflow:hidden;border:none;border-radius:4px;box-shadow:0 4px 12px rgba(102,103,107,.15)}
.button i[class^=icon-material],button.button i[class^=icon-material],input[type=button] i[class^=icon-material],input[type=submit] i[class^=icon-material],a.button i[class^=icon-material]
{font-size:18px;height:0;width:18px;line-height:0;top:2px;position:relative;display:inline-block;margin-left:0px}
.button i[class^=icon-feather],button.button i[class^=icon-feather],input[type=button] i[class^=icon-feather],input[type=submit] i[class^=icon-feather],a.button i[class^=icon-feather]
{font-size:16px;height:0;width:16px;line-height:0;top:2px;position:relative;display:inline-block;margin-left:0px}
button.button.dark,input[type=button].dark,input[type=submit].dark,a.button.dark{background-color:#333;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}
button.button.charcoal,input[type=button].charcoal,input[type=submit].charcoal,a.button.charcoal{background-color:#6f6f6f;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}
button.button.yellow,input[type=button].yellow,input[type=submit].yellow,a.button.yellow{background-color:#ffe344;color:#434343;box-shadow:none}
button.button.yellow:hover,input[type=button].yellow:hover,input[type=submit].yellow:hover,a.button.yellow:hover{background-color:#ffea74}
button.button.green,input[type=button].green,input[type=submit].green,a.button.green{background-color:#47bb67;color:#fff;box-shadow:none}
/*button.button.green:hover,input[type=button].green:hover,input[type=submit].green:hover,a.button.green:hover{background-color:#ffea74}*/
button.button.gray,input[type=button].gray,input[type=submit].gray,a.button.gray{background-color:#eee;color:#666;box-shadow:none}
button.button.gray:hover,input[type=button].gray:hover,input[type=submit].gray:hover,a.button.gray:hover{background-color:#e0e0e0}
.dashboard-box .button.red,.button.red{background-color:#dc3139;box-shadow:0 3px 8px rgba(234,65,81,.15)}
.dashboard-box .button.green,.button.green{background-color:#40b660;box-shadow:0 3px 8px rgba(64,182,96,.15)}
.dashboard-box .button.dark,.button.dark{background-color:#333;box-shadow:0 3px 8px rgba(0,0,0,.1)}
.dashboard-box .button.gray,.button.gray{background-color:#eee;color:#666;box-shadow:none}
.dashboard-box .button.blue-line,.button.blue-line{background-color:#fff;color:#2a41e8;box-shadow:none; border:1px solid #2a41e8}
.dashboard-box .button.blue-line:hover,.button.blue-line:hover{background-color:#2a41e8;color:#fff}
body .button i.icon-material-outline-arrow-right-alt{font-size:22px;top:4px}
.button.full-width{max-width:100%;width:100%;text-align:center;display:block}
.button.big{font-size:17px;padding:0px 15px; line-height:45px; height:45px;box-shadow:0 2px 8px rgba(102,103,107,.15);transition:.3s;}
.button.big:hover{transform:translateY(-3px);box-shadow:0 2px 8px rgba(102,103,107,.35)}
.button.small{padding:8px;line-height:20px; height:auto}
.button.small i[class^=icon-feather]{top:2px;}
body .button.big i{font-size:22px;top:3px;position:relative}
.button.button-slide-out span{transform:translateY(0px);opacity:1;transition:.3s}
.button.button-slide-out:hover span{transform:translateY(-10px);opacity:0;display:inline-block;transition:.3s}
.button.button-slide-out i{transform:translateY(calc(-50% + 10px));opacity:0;display:inline-block;transition:.3s;position:absolute;left:0;right:0;font-size:18px;top:50%;height:20px}
.button.button-slide-out:hover i{transform:translateY(calc(-50% + 0px));opacity:1}
.move-on-hover{box-shadow:0 4px 12px rgba(102,103,107,.1);transform:translateY(0);transition:.3s}
.move-on-hover:hover{box-shadow:0 4px 12px rgba(102,103,107,.2);transform:translateY(-2px)}
.centered-button{text-align:center;display:block}.centered-button .button{margin:0 auto}
a.apply-now-button{background-color:#66676b;color:#fff;text-align:center;font-size:18px;border-radius:4px;padding:14px 20px;box-shadow:0 2px 8px rgba(102,103,107,.15);transition:.3s;}
a.apply-now-button:hover{transform:translateY(-3px);box-shadow:0 2px 8px rgba(102,103,107,.35)}
a.apply-now-button i{font-size:22px;position:relative;line-height:0;top:3px;margin-left:5px}
.dashboard-box .button.dark02{background:#333;}
.dashboard-box .button.dark02:hover{background:#555;}
/*buttons-to-right*/
.buttons-to-right{position:absolute;right:20px;top:50%;transform:translateY(-50%);opacity:1;transition:.3s;/*box-shadow:0 0 10px 15px #fff;*/}
@media(max-width:768px){
.mobile-fixed{position:fixed; bottom:0px; right:5px; z-index:999; margin:10px;}
}


/*bookmark-icon*/
span.bookmark-icon{font-size:20px;position:absolute;z-index:101;left:20px;top:35px;cursor:pointer;background-color:#fff;color:#333;display:block;height:39px;width:39px;border-radius:50%;transition:all .4s;
line-height:27px; border:1px solid #b3b3b3}
.bookmark-icon.bookmarked{animation:bookmarked-shadow .3s}
@keyframes bookmarked-shadow{
0%{box-shadow:0 0 0 0 rgba(254,179,66,.8)}
100%{box-shadow:0 0 0 10px transparent}
}
.bookmark-icon:before{transition:transform .4s cubic-bezier(.8,-.41,.19,2.5);font-family:material-icons;position:absolute;right:0;left:0;text-align:center;top:6px;content:"선택"; font-size:13px}
.bookmark-icon.Main:before{transition:transform .4s cubic-bezier(.8,-.41,.19,2.5);font-family:material-icons;position:absolute;right:0;left:0;text-align:center;top:6px;content:"메인"; font-size:13px}
.bookmark-icon:hover{background-color:#333;color:#fff}
.bookmark-icon.bookmarked{background-color:#feb342;color:#fff; border-color:#feb342;}
.bookmark-icon.bookmarked:before{animation:bookmark-icon .5s}
@keyframes bookmark-icon{
0%{-webkit-transform:scale(.8);transform:scale(.8)}
50%{-webkit-transform:scale(1.2);transform:scale(1.2)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.bookmark-button{background-color:#404040;display:inline-block;padding:0;position:relative;height:44px;line-height:44px;color:#fff;padding:0 15px;padding-left:59px;border-radius:4px;transition:.4s;cursor:pointer;
box-shadow:0 3px 12px rgba(0,0,0,.1)}
.bookmark-button .bookmark-icon,.bookmark-button:hover .bookmark-icon{background-color:rgba(255,255,255,.05)}
.bookmark-button .bookmark-icon{border-radius:4px;position:absolute;left:0;right:auto;top:auto;height:44px;width:44px;border-radius:4px 0 0 4px;pointer-events:none;transition:.4s;animation:none}
.bookmark-button .bookmark-icon:before{top:8px;color:#fff;transition:.4s;font-size:18px}
.bookmark-button.bookmarked{background-color:#feb342;color:#fff;box-shadow:0 3px 12px rgba(254,179,66,.2)}
.bookmark-button.bookmarked .bookmark-icon:before,.bookmark-button:hover .bookmark-icon:before{color:#fff}
.bookmark-button.bookmarked .bookmark-icon,.bookmark-button.bookmarked:hover .bookmark-icon{background-color:rgba(255,255,255,.16)}
.bookmark-button.bookmarked .bookmarked-text,.bookmark-button .bookmark-text{display:block}
.bookmark-button.bookmarked .bookmark-text,.bookmark-button .bookmarked-text{display:none}
.button-sliding-icon{text-align:center; width:100%; display:block}
.button-sliding-icon i{opacity:0;max-width:0;transition:.25s;display:inline-block;transform:translateX(-20px)}
.button-sliding-icon:hover i{max-width:20px;opacity:1;transform:translateX(0)}
.button.button-sliding-icon{padding-left:20px;padding-right:10px}
.button.button-sliding-icon:hover{padding-right:20px}
.button.button-sliding-icon i{padding-right:5px}
.button.button-sliding-icon:hover i{max-width:20px;opacity:1;transform:translateX(0)}

.help-icon{color:#66676b;display:inline-block;font-size:19px;font-weight:400;line-height:18px;height:16px;position:relative;top:3px;margin:0 3px;font-style:normal;cursor:help}
.help-icon:before{content:"\e97c";font-family:feather-icons}

/*checkbox*/
.checkbox{display:inline-block;margin-bottom:0; margin-right:10px}
.checkbox input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer}
.checkbox label{position:relative;cursor:pointer;padding-left:24px;line-height:25px}
.checkbox label span.checkbox-icon{content:'';-webkit-appearance:none;background-color:#fff;border:2px solid #b4b4b4;height:18px;width:18px;display:inline-block;position:relative;vertical-align:middle;
cursor:pointer;margin-right:5px;border-radius:4px;transition:.3s;position:absolute;left:0;top:3px}
.checkbox input+label span.checkbox-icon:after{position:absolute;top:0px;left:0;right:0;margin:0 auto;opacity:0;content:'';display:block;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;
transform:scale(.5) rotate(45deg);transition:all .35s cubic-bezier(.3,-.41,.19,2),opacity .3s}
.checkbox input:checked+label span.checkbox-icon{border-color:#66676b;background-color:#66676b}
.checkbox input:checked+label span.checkbox-icon:after{transform:scale(1) rotate(45deg);opacity:1}

.checkbox.type2 label span.checkbox-icon:after{position:absolute;top:0px;left:0;right:0;margin:0 auto;opacity:0;content:'';display:block;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;
transform:scale(.5) rotate(45deg);transition:all .35s cubic-bezier(.3,-.41,.19,2),opacity .3s}
.checkbox.type2 label input:checked+span.checkbox-icon{border-color:#2a41e8;background-color:#2a41e8}
.checkbox.type2 label input:checked+span.checkbox-icon:after{transform:scale(1) rotate(45deg);opacity:1}

/*radio*/
.radio-area{display:block; width:100%;}
.radio{display:inline-block;vertical-align:top;margin-right:10px;}
.radio label{/*margin:3px 0;*/cursor:pointer;position:relative;padding-left:24px;line-height:25px}
.radio input[type=radio]{position:absolute;opacity:0}
.radio input[type=radio]+label .radio-label{content:'';background:#fff;border-radius:100%;border:2px solid #b4b4b4;display:inline-block;width:18px;height:18px;position:relative;margin-right:5px;vertical-align:top;
cursor:pointer;text-align:center;transition:all 250ms ease;background-color:#fff;box-shadow:inset 0 0 0 8px #fff;z-index:100;position:absolute;top:4px;left:0}
.radio input[type=radio]+label .radio-label:after{background-color:#66676b;content:"";top:3px;left:0;right:0;margin:0 auto;position:absolute;opacity:1;transition:.3s;border-radius:50%;transform:scale(0);
position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;z-index:99}
.radio input[type=radio]:checked+label .radio-label{background-color:#66676b;border-color:#66676b;box-shadow:inset 0 0 0 3px #fff}
.radio-label:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;border-radius:50%;background-color:transparent;display:block}
.interactive-effect label .radio-label:before{animation:radius-shadow .4s}
@keyframes radius-shadow{
0%{box-shadow:0 0 0 0 rgba(102,103,107,.4)}
100%{box-shadow:0 0 0 10px transparent}
}

/*신청서 이용약관*/
div.agree_2{line-height:1.5em; height:250px;padding:10px; overflow-x:hidden; overflow-y:auto; background:#fff;font-size:13px; border-bottom: 1px solid #e4e4e4;}
div.agree_2 ul li{margin-bottom:10px;padding-left:23px; position:Relative}
div.agree_2 ul li span{position:absolute; left:0px;}


/*dashboard-box*/
.dashboard-box{display:block;background-color:#fff;margin-top:20px;position:relative;border:1px solid #d8d8d8;}
.dashboard-box.bd0{border:0px;border-bottom:1px solid #d8d8d8;}
.dashboard-box:after{content:""; display:block; clear:both}
.dashboard-box .headline{display:block;padding:5px 10px;border-bottom:1px solid #d8d8d8;position:relative; overflow:hidden; background:#e4f0f9}
.dashboard-box .headline02{display:block;padding:15px 25px;border:1px solid #e4e4e4;position:relative; overflow:hidden;}
.dashboard-box .headline h3{font-size:15px;font-weight:600;color:#333;line-height:26px}
.dashboard-box .headline h3 i{color:#66676b;font-size:21px;line-height:0;position:relative;top:2px;margin-right:4px}
.dashboard-box .headline h3 i.icon-material-outline-gavel{font-size:20px}
.dashboard-box .headline h3 i.icon-material-outline-supervisor-account{font-size:24px;top:3px}
.dashboard-box .headline h3 i.icon-feather-folder-plus{font-size:20px;top:2px;margin-right:5px}
.dashboard-box .headline h3 i.icon-feather-chevrons-right{left:-3px; top:3px; margin-right:-2px;}
.dashboard-box .headline h3 span.tc_red{color:Red; font-weight:100}
.dashboard-box .headline h3 .step_number{display:block; background:#66676b; color:#fff; width:20px;height:20px;float:left; border-radius:20px;line-height:20px; text-align:center;position:Relative; top:3px;margin-right:5px;}
.dashboard-box .headline h3.headline-select{position:relative; padding-left:25px;padding-right:5px}
.dashboard-box .headline h3.headline-select i{position:absolute; top:25px; left:0px}
.dashboard-box .headline .headline-btn{position:absolute; top:5px; right:10px; }
.dashboard-box .headline .headline-btn .button{padding:0px 5px; line-height:26px; height:26px;}
.dashboard-box .headline-tab-menu{background: #fff;border: 1px solid #e0e0e0;overflow:hidden; border-right:0px; border-left:0px}
.dashboard-box .headline-tab-menu ul{width:100%;position: relative;z-index: 100;}
.dashboard-box .headline-tab-menu ul li{transition: .3s ease;width: 33.333%; float: left;border-right: 1px solid #e0e0e0;}
.dashboard-box .headline-tab-menu ul li.width50{width:50%;}
.dashboard-box .headline-tab-menu ul li:last-child{border-right:0px; }
.dashboard-box .headline-tab-menu ul li a{z-index: 1;display: block;box-sizing: border-box;padding:15px 0px 10px 0px; color: #333;font-weight: 500;text-decoration: none;text-align: center;
transform:translate3d(0,0,0);font-weight:bold;}
.dashboard-box .headline-tab-menu ul li.active a,.dashboard-box .headline-tab-menu ul li a:hover{background:#ecf2f7; }
    
/*end*/
@media (max-width: 1240px){
.dashboard-box.height_fixed{height:auto}
}


/*dashboard-box-list*/
ul.dashboard-box-list{list-style:none;padding:0;margin:0}
ul.dashboard-box-list>li{border-bottom:1px solid #e4e4e4;padding:0;line-height:26px;padding:10px ;/*display:flex;*/align-items:center;position:relative;
width:100%;flex-flow:row wrap;transition:.3s; background:#fcfcfc
/*min-height:98px;*/}
ul.dashboard-box-list>li.pd0{padding:0px; border:0px;}
ul.dashboard-box-list>li.ntc-height{min-height:auto;background:#fff; padding:15px 0px;}
ul.dashboard-box-list>li:last-child{border-bottom:none}
ul.dashboard-box-list>li.ntc-height.ntc-title{border-bottom:1px solid #484848; font-weight:bold}
/*end*/
@media(max-width:1200px){
ul.dashboard-box-list>li{min-height:auto}
}

/*submit-field*/
.submit-field{margin-bottom:10px; display:block;position:Relative}
.submit-field:after{content:""; display:block; clear:both}
.submit-field .pac-container{box-shadow:none;border:1px solid #e0e0e0;border-top:1px solid #fff;padding-top:0;z-index:9;left:0!important;top:47px!important;border-radius:0 0 4px 4px}
.submit-field h5{font-size:14px;font-weight:600;color:#333;margin-bottom:0px}
.submit-field h5 span{color:#888;font-weight:500}
.submit-field h5.point, .submit-field h5 span.tc_red{color:Red}
.submit-field ul.submit-field-list{}
.submit-field ul.submit-field-list > li{float:left;}
.submit-field ul.submit-field-list > li .with-border{padding:10px; border-right:0px;}
.submit-field ul.submit-field-list > li:last-child .with-border{border-right:1px solid #e0e0e0;}
.submit-field.filed-two:after{display:block; content:""; clear:both}
.submit-field.filed-two .field-block{width:50%;float:left;display:inline-block;position:Relative}
.submit-field.filed-two .field-block.fl{padding-right:2px;}
.submit-field.filed-two .field-block.fr{padding-left:2px;}
.submit-field.filed-four .field-block{width:25%;float:left;display:inline-block;position:Relative}
.submit-field.filed-four .field-block .with-border{border-left:0px;}
.submit-field.filed-four .field-block.first .with-border{border-left:1px solid #e0e0e0}
.submit-field span.stxt{position:absolute; top:7px; left:10px;color:#333; font-size:16px;}
.submit-field span.stxt2{position:absolute; bottom:4px; left:5px;color:#333; font-size:13px;}
@media (max-width: 480px) {
.submit-field.filed-two.mobile-filed-one .field-block.fl,.submit-field.filed-two.mobile-filed-one .field-block.fr{width:100%;padding:0px;}
.submit-field.filed-two.mobile-filed-one .field-block.fl{margin-bottom:10px;}
}

/*end*/

/*board-listing 기본*/
.board-listing{display:block;border-radius:4px;/*box-shadow:0 2px 12px rgba(0,0,0,.12);*/margin-bottom:30px;background-color:#fff;transition:.3s;position:relative;border-bottom:1px solid #e0e0e0}
/*.board-listing:hover{box-shadow:0 2px 18px rgba(0,0,0,.14);transform:translateY(-4px)}*/
.board-listing-details{display:flex;flex-wrap:wrap;align-items:flex-start;padding:15px;padding-bottom:32px}
.board-listing .board-listing-company-logo{flex:1;max-width:55px;margin-right:25px;position:relative;top:3px}
.board-listing .board-listing-company-logo img{border-radius:4px;transform:translate3d(0,0,0)}
.board-listing .board-listing-description{flex:1;padding-top:0px}
.board-listing .board-listing-description .list-no{width:100px;margin-right: 0px; float: left;position: Relative; top: 3px; text-align:center; padding:0px 20px;text-align:left; }
.board-listing .board-listing-description p{margin:15px 0 0;padding:0;color:#666}
.board-listing h4.board-listing-company{font-size:16px;color:gray}
.board-listing h3.board-listing-title, .board-listing h3.board-listing-title a{font-size:15px;color:#333;line-height:20px}
.board-listing h3.board-listing-title, .board-listing h3.board-listing-title .grey1{font-size:14px; color:gray; display:inline-block;padding-right:5px;font-weight:bold}
.board-listing h3.board-listing-title p{margin:0px; font-size:13px;padding-top:5px;line-height:18px;}
.board-listing .board-listing-footer{background-color:#f9f9f9;padding:20px 35px;border-radius:0 0 4px 4px;position:relative}
.board-listing .board-listing-footer ul{list-style:none;padding:0;margin:0}
.board-listing .board-listing-footer ul li{display:block;margin-right:14px;color:#777;}
.board-listing .board-listing-footer.ntc ul li{width:90px; text-align:center; margin-right:0px;}
.board-listing .board-listing-footer ul.fl li{float:left}
.board-listing .board-listing-footer ul li:last-child{margin-right:0}
.board-listing .board-listing-footer ul li i.icon-material-outline-location-on{margin-right:0}
.board-listing .board-listing-footer ul li i{position:relative;top:2px;margin-right:3px;color:#777} 
.board-listing .board-listing-footer ul li .dark i{color:#fff}
.board-listing .board-listing-footer.fr{position:absolute; top:0px; right:0px;}
.board-listing .board-listing-footer.fr ul li.date{width:140px;}
.board-listing .board-listing-footer.fr ul li span.del_btn{display:block;}
.board-listing .pro-img{position:absolute; top:20px; left:20px;}
.board-listing .pro-img img{width:75px; height:75px;}
@media(max-width:992px){
.board-listing .board-listing-footer.fr{float:none; position:Relative;}
.ntc-title{display:none}

.board-listing .board-listing-footer.ntc ul li{margin-right:10px;}
.board-listing .board-listing-footer.fr ul li.date,.board-listing .board-listing-footer.fr ul li{width:auto;}
.board-listing .board-listing-description .list-no{display:block; float:none;  margin-bottom:8px;padding:0px;}
.board-listing .board-listing-footer.fr ul li span.del_btn{display:inline-block;}
}
@media(max-width:768px){
.board-listing .board-listing-company-logo{display:none}
.board-listing .board-listing-title{padding-right:10%}
.board-listing h3.board-listing-title, .board-listing h3.board-listing-title .grey1{display:block; margin-bottom:5px;}

}
@media (max-width: 480px){
.board-listing .board-listing-footer ul li{display:block; width:100%;}
.board-listing .board-listing-footer ul.fl li{float:left;width:auto;}
}

/*compact-list-layout 레이어팝업리스트**/
.compact-list-layout{background-color:#fff;border-radius:4px;/*box-shadow:0 2px 12px rgba(0,0,0,.12)*/ }
.compact-list-layout .board-listing{box-shadow:none;margin-bottom:0;padding:15px;border-radius:0; position:Relative}
.compact-list-layout .board-listing.btr-pd{padding-right:85px;}
.compact-list-layout .board-listing:last-of-type{border-radius:0 0 3px 3px;overflow:hidden}
.compact-list-layout .board-listing:first-of-type{border-radius:3px 3px 0 0;overflow:hidden}
.compact-list-layout .board-listing h3{font-size:16px;line-height:28px}
.compact-list-layout .board-listing:nth-child(2n){background-color:#fafafa}
.compact-list-layout .board-listing:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;display:block;background:#66676b;transition:.3s;opacity:0}
.compact-list-layout .board-listing:hover:before{opacity:1}
.compact-list-layout .board-listing:hover{transform:none}
.compact-list-layout .board-listing .board-listing-footer{background-color:transparent;padding:0;margin-top:0px}
.compact-list-layout .board-listing .board-listing-footer .cup-box{position:absolute; right:5px; top:0px;}
.compact-list-layout .board-listing-details{display:flex;flex-wrap:wrap;align-items:center;padding:0;top:0}
.compact-list-layout .board-listing .board-listing-company-logo{max-width:50px;margin-right:30px;top:0}
.compact-list-layout .board-listing .verified-badge{transform:scale(.85) translate(8px,8px)}
.compact-list-layout .board-listing h3 .verified-badge{transform:scale(.85) translate(0,0);font-weight:500;top:1px}
.compact-list-layout .board-listing h3 .verified-badge:before{top:-1px}
.compact-list-layout .board-listing span.bookmark-icon{top:50%;transform:translateY(-51%);}
.compact-list-layout .board-listing.with-apply-button{position:relative;padding-right:35px}
.list-apply-button{position:absolute;right:0;padding:10px 20px;line-height:24px;position:relative;font-size:16px;font-weight:500;display:inline-block;transition:all .3s;border-radius:4px;background:#f0f0f0;color:#666;
text-align:center}
.board-listing.with-apply-button:hover .list-apply-button{background-color:#66676b;color:#fff;box-shadow:0 4px 12px rgba(102,103,107,.15)}
.boxed-list .compact-list-layout{box-shadow:none;margin-top:0}
.boxed-list .compact-list-layout .board-listing:hover{border-left:none}
.boxed-list .compact-list-layout .board-listing:first-of-type{border-radius:0}
@media (max-width: 480px){
.compact-list-layout .board-listing .board-listing-footer .cup-box{position:Relative;right:0px; top:0px;}
.compact-list-layout .board-listing-details{display:block; overflow:hidden}
.compact-list-layout .board-listing.btr-pd{padding-right:15px;}
.compact-list-layout .buttons-to-right{position:relative;display:block; top:25px; left:0px;}
}


/*메이페이지 상단 팝업 버튼*/
.my-pages-btn{margin-bottom:20px; }
.my-pages-btn-container{border-radius:4px;display:flex; margin:0px -10px}
.my-btn{flex:1;position:relative; padding:0px 10px;}
@media(max-width:480px){
.my-pages-btn-container{margin:0px -5px}
.my-btn{padding:0px 5px}
.my-btn a{font-size:12px;}
.my-btn a.button{padding:0px 5px;}
.my-btn a.button span{display:none}
}

/*my-pages-container 마이페이지 상단*/
.my-pages-box{box-shadow:0 0 25px rgba(0,0,0,.1); margin-bottom:20px; background:#454b5e}
.my-pages-container{border-radius:4px;display:flex}
.my-page{flex:1;padding:20px 0px 10px;position:relative; border-right:1px solid #2d3342}
.my-page:last-child{border-right:0px;}

.my-page h3{font-size:13px;font-weight:600; color:#fff;line-height: 0px; height:13px; text-align:center}
.my-page p{margin:0}
.my-page-label{background:none;border-radius:4px;color:#888;text-align:center;padding:0px 5px;margin:0px}
.my-page-label strong{font-size:13px;font-weight:700;color:#333;font-family: Tahoma,Sans-serif;}
.recommended .my-page-label{color:#aaecf0}
.recommended .my-page-label strong{color:#aaecf0}
.grade .my-page-label{color:#ffba31}
.grade .my-page-label strong{color:#f7db3c}
.my-page.recommended{box-shadow:0 0 45px rgba(0,0,0,.09); }
@media(max-width:992px){
.my-pages-box{overflow:hidden;}
.my-pages-container{display:block;/*margin-top:-40px*/ }
.my-page{width:33.333%;border-radius:4px;display:inline-block; float:left; border-bottom:1px solid #2d3342}
.my-page.br0{border-right:0px;}
.my-page.last{border-bottom:0px; width:50%;}
.recommended.my-page{box-shadow:0 0 25px rgba(0,0,0,.1);}
}


/*my-steps-container 대행현황 스텝 PC*/
.my-steps-box{box-shadow:0 0 25px rgba(0,0,0,.1); margin-bottom:20px; background:#fff;border:1px solid #d8d8d8;}
.my-steps-container{border-radius:4px;display:flex;}
.my-step{flex:1;border-right:1px solid #e4e4e4}
.my-step:last-child{border-right:0px;}
.my-step h3{font-size:15px;font-weight:600; text-align:center;line-height: 0px;padding:12px 0px;border-bottom:1px solid #e4e4e4 }
.my-step h3 i{padding-right:5px;position:Relative; top:1px}
.my-step p{margin:0}
.my-step-label{border-radius:4px;font-size:13px;color:#888;text-align:center;margin:0px}
.my-step-label:after{content:""; display:block; clear:both}
.my-step-label ul li{width:100%;border-bottom:1px solid #e4e4e4 }
.my-step-label ul li:last-child{border-bottom:0px;}
.my-step-label ul li a{display:block; color:#333;line-height:20px;overflow:hidden; padding:8px 10px; font-size:13px;}
.my-step-label ul li:hover,.my-step-label ul li.active{background:#f0f0f0}
.my-step-label span{float:left}
.my-step-label strong{font-size:13px;font-weight:700;line-height:20px;font-family: Tahoma,Sans-serif; float:right}
@media(max-width:992px){
.my-steps-box{display:none}
}

/*accordion  대행현황 스텝 mobile*/
.accordion{font-size:16px;width:100%;margin:0 auto;border-radius:4px;overflow:hidden;margin-bottom:20px; border:1px solid #d8d8d8;}
.accordion .accordion{border-radius:0;box-shadow:none}
.accordion .accordion-header,.accordion-body{background:#fff}
.accordion .accordion-header{padding:8px 15px;background:#fff;color:#333;cursor:pointer;font-size:13px;transition:all .3s;position:relative;box-shadow:0 -1px 0 rgba(0,0,0,.15);
font-weight:600; }
.accordion .accordion-header:first-child{border-top:0px}
.accordion .accordion-header i{padding-right:4px;position:Relative; top:2px}
.accordion .accordion .accordion-header{box-shadow:0 -1px 0 rgba(0,0,0,.07)}
.accordion .accordion-header:before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;content:"";opacity:0;transition:.3s}
.accordion .accordion-body__contents p:last-child{margin-bottom:0;padding-bottom:0}
.accordion .accordion-body{background:#fff;color:#666;display:none}
.accordion .accordion-body__contents{border-top:1px solid #e4e4e4; background:#f6f6f6;overflow:hidden;}
.accordion .accordion-body__contents ul li{width:50%;border-bottom:1px solid #e4e4e4 ;border-left:1px solid #e4e4e4 ;float:left}
.accordion .accordion-body__contents ul li:nth-child(2n+1){border-left:0px solid #e4e4e4 ;}
.accordion .accordion-body__contents ul li a{display:block; color:#333;line-height:20px;overflow:hidden; padding:8px 15px; font-size:13px;}
.accordion .accordion-body__contents ul li:hover{background:#f0f0f0}
.accordion .accordion-body__contents span{float:left}
.accordion .accordion-body__contents strong{font-size:13px;font-weight:700;line-height:20px;font-family: Tahoma,Sans-serif; float:right}
.accordion .accordion__item.active:last-child .accordion-header{border-radius:none}
.accordion:first-child>.accordion__item>.accordion-header{border-bottom:1px solid transparent}
.accordion .accordion__item>.accordion-header:after{content:"\e957";font-family:Material-Icons;font-size:19px;float:right;position:relative;top:-1px;transition:.3s all;transform:rotate(0deg)}
.accordion .accordion__item.active>.accordion-header:after{transform:rotate(-180deg)}
.accordion .accordion__item.active .accordion .accordion-header:before{opacity:0}
.accordion .accordion__item .accordion__item .accordion-header{background:#f7f7f7;color:#666}

@media(min-width:992px){
.my-steps-mobile{display:none}
}

.accordion01{font-size:16px;width:100%;margin:0 auto;border-radius:4px;overflow:hidden;margin-bottom:20px; }
.accordion01 .accordion{border-radius:0;box-shadow:none}
.accordion01 .accordion-header,.accordion-body{background:#fff}
.accordion01 .accordion-header{padding:15px 25px;background:#333;color:#fff;cursor:pointer;font-size:15px;transition:all .3s;position:relative;box-shadow:0 -1px 0 rgba(0,0,0,.15);font-weight:500; }
.accordion01 .accordion-header:first-child{border-top:0px}
.accordion01 .accordion-header i{padding-right:5px;position:Relative; top:2px}
.accordion01 .accordion .accordion-header{box-shadow:0 -1px 0 rgba(0,0,0,.07)}
.accordion01 .accordion-header:before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;content:"";opacity:0;transition:.3s}
.accordion01 .accordion-body__contents p:last-child{margin-bottom:0;padding-bottom:0}
.accordion01 .accordion-body{background:#fff;color:#666;display:none}
.accordion01 .accordion-body__contents{border-top:1px solid #e4e4e4; background:#f6f6f6}
.accordion01 .accordion-body__contents ul li{width:100%;border-bottom:1px solid #e4e4e4 }
.accordion01 .accordion-body__contents ul li:last-child{border-bottom:0px;}
.accordion01 .accordion-body__contents ul li a{display:block; color:#333;line-height:20px;overflow:hidden; padding:15px 25px;}
.accordion01 .accordion-body__contents ul li:hover{background:#f0f0f0}
.accordion01 .accordion-body__contents span{float:left}
.accordion01 .accordion-body__contents strong{font-size:14.7px;font-weight:700;margin-right:5px;line-height:20px;font-family: Tahoma,Sans-serif; float:right}
.accordion01 .accordion__item.active:last-child .accordion-header{border-radius:none}
.accordion01:first-child>.accordion__item>.accordion-header{border-bottom:1px solid transparent}
.accordion01 .accordion__item>.accordion-header:after{content:"\e957";font-family:Material-Icons;font-size:19px;float:right;position:relative;top:-1px;transition:.3s all;transform:rotate(0deg)}
.accordion01 .accordion__item.active>.accordion-header:after{transform:rotate(-180deg)}
.accordion01 .accordion__item.active .accordion .accordion-header:before{opacity:0}
.accordion01 .accordion__item .accordion__item .accordion-header{background:#f7f7f7;color:#666}

/*검색*/
.search-con{width:100%;background:#fcfcfc;padding:10px ;margin-bottom:15px;transition:.3s;border:1px solid #d8d8d8;  }
.search-con.mb0{margin-bottom:0px; border-left:0px; border-right:0px;}
.search-con:after,.search-con-inner:after{content:""; display:block; clear:both}
.search-con:hover{}
.dashboard-box .search-con{box-shadow:none; margin-bottom:0px; }
.search-con-inner{position:relative; padding-right:95px;}
.search-con .submit-field{margin-bottom:0px; width:20%; box-sizing:border-box; padding:5px; float:left}
.search-con .submit-field .with-border{}
.search-con .submit-field-btn{display:flex}
.search-con .submit-field-btn a{margin-right:5px;}
.search-con .search-btn{ width:90px; height:35px; position:absolute; right:0px; bottom:0px; }
.search-con .search-btn a{width:100%; text-align:center}
.search-con .rgstr{display:inline-block; margin-left:10px;}
.search-con .rgstr a{position:relative; top:5px;}
/*검색가운데, 조건 여러개일 경우*/
.search-con-inner2{display:table; margin:0 auto;}
.search-con-inner2 .submit-field{width:250px;}
.search-con-inner2 .search-btn2{float:left; position:Relative; padding:5px; }
.search-con-inner2:after{display:block; content:""; clear:both}
/*검색가운데, 조건 1개일 경우*/
.search-con-inner3{display:table; margin:0 auto;}
.search-con-inner3 .submit-field{width:250px;}
.search-con-inner3 .search-btn2{float:left; position:Relative; top:5px}
.search-con-inner3 .search-btn3{float:left; position:Relative; top:5px; margin-left:5px}


@media(max-width:1366px){
.search-con .submit-field-btn{width:100%;}
}
@media (max-width: 992px) {
.search-con .submit-field{width:50%;}
.search-con .submit-field.wd_100{width:100%;}
.search-con .submit-field-btn{display:block;}
.search-con .search-con-inner{padding-right:0px}
.search-con .search-con-inner .search-btn{position:Relative;width:100%;display:block;float:left;padding:5px 5px; height:45px;}
.search-con-inner2 .submit-field{width:170px;}
.search-con-inner3 .submit-field{width:250px;}
.search-con .rgstr{width:100%; margin-left:0; padding:5px}
.search-con .rgstr a{width:100%; text-align:center;}
}
@media(max-width:768px){
.search-con .submit-field{width:50%; float:left; }
.search-con .submit-field-btn{padding:5px;padding-right:0px}
.search-con .submit-field-btn .button{padding:0px 4px;}
.search-con-inner2{display:block;}
.search-con-inner2 .submit-field, .search-con-inner2 .search-btn2{width:100%;padding:2px}
.search-con-inner2 .search-btn2 a{width:100%; text-align:center}
.search-con-inner3{display:block; padding-right:76px;position:relative;  }
.search-con-inner3 .submit-field{width:100%;}
.search-con-inner3 .search-btn2{position:absolute;  top:5px; right:5px;}
}

/**/
.category-tab-area{border-right:0px; margin-bottom:0px;}
.category-tab{display:flex;}
.category-tab .category-tab-link{flex:1;border: 1px solid #e4e4e4; border-right:0px;}
.category-tab .category-tab-link:last-child{border-right: 1px solid #e4e4e4; }
.category-tab .category-tab-link a{display:block; text-align:center; padding:5px 0px; color:#333; font-size:13px; height:100%}
.category-tab .category-tab-link a span{display:block}
.category-tab .category-tab-link.active{border-color:#6f6f6f}
.category-tab .category-tab-link.active a{color:#fff;background:#6f6f6f}
@media(max-width:1240px){
.category-tab-area{padding:0px 0px; border:0px; }
.category-tab{display:block;background:#fff;overflow:hidden;padding:0px 0px; margin:-2px;}
.category-tab .category-tab-link{display:inline-block; float:left; width:20%;padding:2px; border:0px;}
.category-tab .category-tab-link:last-child{border:0px;}
.category-tab .category-tab-link a{border:1px solid #e4e4e4; border-radius:5px; font-size:13px; letter-spacing:-1px}
.category-tab .category-tab-link a span{display:inline-block}
.category-tab-area.half .category-tab-link{width:50%;}
}
@media (max-width: 992px) {
.category-tab .category-tab-link{width:25%;}
}
@media(max-width:768px){
}
@media(max-width:480px){
.category-tab .category-tab-link{width:33.333%;}
}


/*미니몰 상품카테고리*/
.mall-leftMenu{position:absolute; top:0px; left:0px; width:155px;border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;padding: 15px 0px;}
.mall-leftMenu .title{font-weight:bold; padding-bottom:5px;color:#aaa;font-family: Tahoma,Sans-serif;}
.mall-leftMenu .category-tab-mall{}
.mall-leftMenu .category-tab-link{padding:2px 0px;}
.mall-leftMenu .category-tab-link a{display:inline-block; color:#333; font-weight:bold}
.mall-leftMenu .category-tab-link a span{font-weight:100; font-size:11px;font-family: Tahoma,Sans-serif;color:#555; padding-left:3px;}
.mall-leftMenu .category-tab-link.active a,.mall-leftMenu .category-tab-link a:hover{color:#2a41e8}
@media (max-width: 992px) {
.mall-leftMenu{position:relative; width:100%;overflow:hidden; border-bottom:0px;padding: 10px 0px 15px;}
.mall-leftMenu .category-tab-mall{margin:-3px;}
.mall-leftMenu .category-tab-link{float:left; width:20%; padding:3px;}
}
@media (max-width: 768px) {
.mall-leftMenu .category-tab-link{width:25%;}
}
@media (max-width: 480px) {

}


/*우편번호 검색*/
.addSerarch{background:#fcfcfc}
.addSerarch .addList {position:relative;}
.addSerarch .addList a.select-btn{display:block; border: 1px solid #e0e0e0;box-shadow: 0 1px 4px 0 rgba(0,0,0,.05);padding: 5px 10px; margin: 0px;position:relative;}
.addSerarch .addList a.select-btn i{position:absolute; top:10px; right:10px;}
.addSerarch .addList .add-list-con{border: 1px solid #e0e0e0;box-shadow: 0 1px 4px 0 rgba(0,0,0,.05);position:absolute; top:38px; left:0px; width:100%;
min-height:150px; background:#fff; z-index:110}
.addSerarch .addList .add-list-con ul.add-select{margin:10px;}
.addSerarch .addList .add-list-con ul.add-select li{}
.addSerarch .addList .add-list-con ul.add-select li a{color:#333;padding:5px; display:block}
.addSerarch .addList .add-list-con ul.add-select li a:hover{color: #2a41e8;text-decoration:none;background-color:rgba(42,65,232,.07)}



/*대행현황 리스트 / 등록상품 리스트 / 장바구니 리스트*/
.list-container{display:flex;flex-wrap:wrap;width:calc(100% + 30px); border-top:1px solid #e4e4e4;}
.project-con{border-bottom:1px solid #e4e4e4;width:100%;position:relative;  background:#fff}
.project-con:nth-child(2n){background-color:#fafafa}
.project{display:flex;flex-direction:column;justify-content:center;border-radius:4px;transition:.3s;
position:relative;cursor:default;}
.project:hover{box-shadow:0 2px 18px rgba(0,0,0,.14);transform:translateY(-4px)}
/*.project .bookmark-icon{cursor:pointer}*/
.project-overview{text-align:center;padding:38px 20px;flex-grow:1;display:flex;flex-wrap:wrap;align-items:center}
.project-overview-inner{flex:1}
.project-overview .project-avatar{width:90px;height:90px; position:relative; margin-right:15px;}
.project-overview .project-avatar > a{display:block;width:90px;height:90px; }
.project-overview .project-avatar img{ border-radius:50%; cursor:pointer}
.project-overview .project-avatar .verified-badge{position:absolute;bottom:0;right:0}
.project-name{margin-top:0px}
.project-rating{margin-top:5px;margin-bottom:-10px}
.project-name h4,.project-name h4 a{font-size:16px;font-weight:600;color:#333;}
.project-name img.flag,img.flag{height:15px;border-radius:3px;position:relative;top:2px;display:inline-block;box-shadow:0 0 3px rgba(0,0,0,.2);margin-left:3px;cursor:default}
.project-name span{color:#888;}
.project-name p{line-height:1.5em;color:#666; margin-bottom:0px; font-size:13px;}
.project-name p a{position:relative; top:1px}
.project-name .ivcList-area{margin-top:5px;}
.project-name .ivcList-area a.ivc-list{font-size:15px;}
.project-details{padding:35px;background-color:#fafafa;flex-grow:0}
.projects-grid-layout .project-details{border-radius:0 0 4px 4px}
.projects-grid-layout .project-details a.button{display:block;text-align:center;width:100%!important;transition:.3s;box-shadow:0 4px 12px rgba(102,103,107,.1)}
.project-details a.button:hover{box-shadow:0 4px 12px rgba(102,103,107,.2)}
.project-details-list{}
.project-details-list:after{content:''; display:block; clear:both;}
.project-details-list ul{list-style:none;padding:0;margin:0 0 0px;font-size:14px; width:100%;}
.project-details-list ul li{margin-right:25px;line-height:23px;color:gray;margin-bottom:15px;  text-align:right; font-size:12px;}
.project-details-list ul li:last-child{margin-right:0}
.project-details-list ul li span{display:block;color:#333}
.project-details-list ul li span i{position:relative;top:1px;margin-right:-1px;margin-left:-2px}
.project-detail-item{display:inline-block;margin:2px 10px 5px 0}
.project-detail-item a,.project-detail-item{color:#888}
.project-detail-item a:hover{color:#66676b}
.project-detail-item i{position:relative;top:2px;margin-right:3px}
@media(max-width:1366px){
.freelances-grid-layout .project-overview .project-avatar{width:100px}
}
@media(max-width:768px){
.freelances-grid-layout.list-container{width:100%}
.freelances-grid-layout .project{margin:0 0 30px;width:100%}
.list-container.projects-grid-layout{width:100%}
.list-container.projects-grid-layout .project{width:100%;margin-right:0}
}
@media(max-width:2560px){
.full-page-container .project{width:calc(100% * (1/4) - 30px)}
}
@media(max-width:1920px){
.full-page-container .project{width:calc(100% * (1/3) - 30px)}
}
@media(max-width:1366px){
.full-page-container .project{width:calc(100% * (1/2) - 30px)}
}
@media(max-width:1099px){
.full-page-container .list-container{width:100%}
.full-page-container .project{width:100%;margin-right:0}
}
.list-container.pro-list-layout{width:100%}
.pro-list-layout .project{margin:0 0 25px;width:100%;flex-direction:row;justify-content:center}
.pro-list-layout .project-overview{text-align:left;padding:15px 15px;flex-grow:1;display:flex;flex-wrap:wrap;align-items:center; /*width:500px*/width:65%;}
.pro-list-layout .project-overview-inner{flex:1;display:flex;align-items:center}
.pro-list-layout .project-details{padding:15px 15px 15px 0;background-color:transparent;/* flex:0 0 550px;*/; }
/*.pro-list-layout .project-overview .project-avatar{width:100px;height:100px;margin:0;}
.pro-list-layout .project-overview .project-avatar img{width:100px;height:100px;}*/
.pro-list-layout .project-overview .project-name{text-align:left;margin:0 0 0 5px; padding-right:15px}
.pro-list-layout .project-overview .project-name .notification_con{margin-bottom:5px; overflow:hidden}
.pro-list-layout .project-overview .project-name .notification_con li{margin-top:5px; display:inline-block}
.pro-list-layout .project-overview .project-name .notification_con .notification.notice{background:#f0f0f0; }
.pro-list-layout .project-overview .project-name .notification_con .notification.notice strong{color:#333}
.pro-list-layout .project-overview .project-name .notification_con .notification.error{background:#fdf0f0}
.pro-list-layout .project-overview .project-name .notification_con .notification.error span{color:#333; font-weight:bold}
.pro-list-layout .project-overview .project-name p span{display:block; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:320px;}

/*결제금액표시*/
.pro-list-layout .project-overview .project-name .my-cost{font-size:13px;margin-top:5px}
.pro-list-layout .project-overview .project-name .my-cost span{display:inline-block; line-height:22px; color:#2a41e8; padding-right:5px;}
.pro-list-layout .project-overview .project-name .my-cost span strong{color:#777;}
/*====End / 결제금액표시=====*/
.pro-list-layout .project-details .project-btn{float:right; wi dth:100%; backgr ound:Red}
.pro-list-layout .project-details .project-btn div{}
.pro-list-layout .project-details a.button{display:block;text-align:center;width:auto!important;transition:.3s;/*box-shadow:0 4px 12px rgba(102,103,107,.15); */
margin-left:5px; line-height:30px; height:30px; padding:0px 10px;float:left;font-size:13px;}
.pro-list-layout .project-details a.button:hover{box-shadow:none}
.pro-list-layout .project-details a.button i{width:auto; font-size:14px;position:relative;}
.pro-list-layout .bookmark-icon{display:none}
.pro-list-layout .project-details-list ul{float:right;display:block}
.pro-list-layout .project-details-list ul li{margin-left:20px;margin-right:0;float:right}
.pro-list-layout .project-details-list ul li strong.title{display:none}

/*대행현황 리스트 / 등록상품 리스트 / 장바구니 리스트 상단*/
.project-title{width:100%;border-top: 0px solid #484848;border-bottom: 1px solid #484848;font-weight: bold; font-size:14px;}
.project-title .project-avatar{height:auto; text-align:center; margin-right:20px; }
.project-no{width:50px;position:relative; font-size:14px;}
.project-no span{display:block;}
.project-no .checkbox{position:relative; top:-13px;}
.project-title .project-no .checkbox{top:-1px; left:1px;position:absolute; }


/*팝업일 경우*/
.compact-list.pro-list-layout .project{border-radius:0;margin-bottom:0;box-shadow:none}
.compact-list.pro-list-layout .project:hover{transform:translateY(0)}
.compact-list.pro-list-layout{border-radius:4px;/*background-color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12)*/}
/*.compact-list.pro-list-layout .project-con:nth-child(2n){background-color:#fafafa}*/
.compact-list.pro-list-layout .project-con:hover:before{opacity:1}
.compact-list.pro-list-layout .project-con:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;display:block;background:#66676b;transition:.3s;opacity:0}
.compact-list.pro-list-layout .project-con:last-of-type{border-radius:0 0 3px 3px;overflow:hidden}
.compact-list.pro-list-layout .project-con:first-of-type{border-radius:3px 3px 0 0;overflow:hidden}

.project-pro-list{padding:0px ; background-color:#fafafa}
.project-pro-details:first-child{border-top:1px solid #e4e4e4; }
.project-pro-details{border-top:1px solid #e4e4e4; min-height:70px; position:relative; padding-right:290px; padding:0px 25px}
.project-pro-details .pro-name{text-align:left;padding-left:70px;padding-right:15px;position:Relative;}
.project-pro-details .pro-name img{position:absolute; top:10px; left:0px; width:50px; height:50px;}
.project-pro-details .pro-name h4{font-size:14.7px; color:gray; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;padding-top:5px}
.project-pro-details .pro-name p{margin-bottom:0px; line-height:24px;font-size:14.7px; display:inline-block}
.project-pro-details .pro-name .price{padding:0px 10px; position:Relative; top:1px}
.project-pro-details .pro-name .dashboard-status-button{margin:0px; position:Relative; top:1px}
.project-pro-details .trk-num{position:absolute; top:13px; right:15px; width:290px; display: flex; }
.project-pro-details .trk-num .submit-field{position:relative; margin-top:4px;    margin-bottom:10px ;flex-grow:1; }
.project-pro-details .trk-num .submit-field .with-border{height:35px;ine-height:35px;}
.project-pro-details .trk-num .submit-field a{line-height:35px; height:35px; padding:0px 10px; margin-left:5px}
.project-pro-details .trk-num .submit-field a i{font-size:14px;}

/*팝업일 경우 상품 리스트*/
.compact-list-layout .project:hover{transform:translateY(0);box-shadow:none}
.compact-list-layout .project-overview{padding:20px;}
.compact-list-layout .project-pro-list{padding-bottom:0px;}
.compact-list-layout .project-pro-details{padding-right:140px;padding-left:30px;}
.compact-list-layout .project-pro-details .pro-name{padding-left:90px;}
.compact-list-layout .project-pro-details .pro-name img{position:absolute; top:5px; left:0px; width:90px; height:90px;}
.compact-list-layout .project-pro-details .pro-name .dashboard-status-button{margin:5px 0px;}
.compact-list-layout .project-pro-details .checkbox{position:absolute; top:8px; left:0px; }
.compact-list-layout .project-pro-details .pro-field{position:absolute; top:8px; right:0px; width:140px;}




/*장바구니 상품리스트*/
.dashboard-box-list .project-overview{padding:25px;}
.dashboard-box-list .project-pro-list{padding:0px;background:none}
.dashboard-box-list .project-pro-details{padding-right:200px;padding-left:30px; border:0px}
.dashboard-box-list .project-pro-details .pro-name{padding-left:60px;}
.dashboard-box-list .project-pro-details .pro-name .dashboard-status-button{margin:5px 0px;}
.dashboard-box-list .project-pro-details .checkbox{position:absolute; top:8px; left:0px; }
.dashboard-box-list .project-pro-details .pro-field{position:absolute; top:8px; right:0px; width:200px;}




@media(max-width:1366px){
.pro-list-layout .project-overview{width:60%;}
.pro-list-layout .project-details{ width:40%;}
.pro-list-layout .project-overview .project-avatar{width:70px; height:70px;}
.pro-list-layout .project-title  .project-overview .project-avatar{height:auto;}
.pro-list-layout .project-overview .project-avatar > a{display:block;width:70px; height:70px;}
.pro-list-layout .project-overview .project-name p span{width:200px}

}
@media(max-width:1240px){
.pro-list-layout .project{flex-direction:column}
.pro-list-layout .project-overview{width: auto}
.pro-list-layout .project-overview-inner{align-items:flex-start}
.pro-list-layout .project-details{flex:1;padding:0px 15px 15px 100px;background-color:#fafafa; width: auto}
.pro-list-layout .project-details-list ul{float:left; width: auto;}
.pro-list-layout .project-details-list ul li{margin-left:0;margin-right:25px;margin-bottom:0px;text-align:left;}
.pro-list-layout .project-overview .project-name p span{width:180px}
.compact-list.pro-list-layout .project-details{background-color:transparent;padding-top:0}
.pro-list-layout .project-details a.button{float:left; }
.project-overview .project-avatar{margin-right:10px;}
.project-title{display:none} /*.project-title,.project-no{display:none}*/
.order-area .project-no{ position:absolute; top:15px;display:block}
.order-area .project-no .checkbox{position:absolute; top:0px; left:50px;}
.order-area  .project-avatar{position:Relative; top:30px;}
.pro-list-layout .project-details-list ul li strong.title{display:block}
.pro-list-layout .project-details .project-btn{position:absolute; bottom:20px; right:20px;margin-left:-5px;}
}

@media (max-width: 992px) {

.pro-list-layout .project-details-list ul li{margin-bottom:0px;}
.project-pro-details{padding-right:0px;}
.project-pro-details .pro-name{padding-right:0px;}
.project-pro-details .pro-name, .project-pro-details .trk-num{width:100%;}
.project-pro-details .trk-num{position:relative; top:0px;}
.pro-list-layout .project-details .project-btn{position:Relative; bottom:auto; right:auto;width:100%; float:left; margin-top:10px; /**/}

}
@media(max-width:768px){
.pro-list-layout .project-overview{padding-bottom:10px;}
.project-name h4,.project-name h4 a{font-size:15px;}
.pro-list-layout .project-details-list{border-top:1px solid #eee;padding-top:8px}
.pro-list-layout .project-details-list ul{width:100%;}
.pro-list-layout .project-details-list ul li{margin-bottom:0px; margin-right:0px;  width:50%;  position:relative;float:left}
.pro-list-layout .project-details-list ul li span{position:absolute; top:0px; right:0px;}
.pro-list-layout .project-details-list ul li:nth-child(1) span,.pro-list-layout .project-details-list ul li:nth-child(3) span{right:10px;}
.pro-list-layout .project-details-list ul li:nth-child(2),.pro-list-layout .project-details-list ul li:nth-child(4){padding-left:10px}

.pro-list-layout .project-details a.button{margin-right:5px; margin-left:0px;}
.pro-list-layout .star-rating:before{display:block;float:none;text-align:center;max-width:40px;margin-bottom:4px}

.dashboard-box-list .project-pro-details{padding-right:0px;}
.dashboard-box-list .project-pro-details .pro-field{position:relative; top:0px; right:0px; width:100%; padding-top:10px}
.pro-list-layout .project-details .project-btn{ margin-left:0px;}
}
@media(max-width:480px){
.pro-list-layout .project-overview .project-avatar{width:60px; height:60px;top: 20px;}
.pro-list-layout .project-overview .project-avatar > a{display:block;width:60px; height:60px;}
.project-pro-details .pro-name{padding-left:60px;}
.project-pro-details .pro-name .price{display:block; padding:0px;}
.pro-list-layout .project-details{padding:15px}

.compact-list-layout .project-pro-list{padding:0px 15px 0px 15px;}
.compact-list-layout .project-pro-details{padding-right:0px;}
.compact-list-layout .project-pro-details .pro-name{padding-left:0px; padding-right:60px;}
.compact-list-layout .project-pro-details .pro-name img{left:auto;right:0px}
.compact-list-layout .project-pro-details .pro-field{position:relative; top:0px; margin-bottom:10px}
.order-area .project-no .checkbox{ left:43px;}
}

.board-listing-company .verified-badge,.board-listing .board-listing-footer ul li .verified-badge{position:relative;display:inline-block;transform:scale(.7);top:2px;margin-left:-2px}
.verified-badge{position:relative;height:25px;width:25px;display:inline-block;background-color:#38b653;border-radius:50%;text-align:center;z-index:10;font-weight:500; color:#fff}
.verified-badge:before{content:"";font-family:feather-icons;font-size:16px;color:#fff;position:relative;top:0;line-height:23px}
.board-listing .board-listing-company-logo .verified-badge{position:absolute;bottom:0;right:0;transform:translate(7px,7px)}
.verified-badge-with-title{position:relative;height:26px;display:flex;top:-1px;color:#fff;font-weight:500;font-size:14px;background-color:#30ab4a;text-align:center;z-index:10;font-weight:500;border-radius:4px;
padding:0 8px 0 0;margin:0;overflow:hidden;padding-left:34px;line-height:27px}
.verified-badge-with-title:before{content:"\e92b";font-family:feather-icons;font-size:16px;color:#fff;
position:absolute;top:0;left:0;line-height:26px;height:26px;width:26px;display:inline-block;background-color:#38b653}

.shoot-img{padding:15px;}
.shoot-img img{width:100%; margin-bottom:10px;}

@media(max-width:768px){
.verified-badge{width:20px; height:20px;}
.verified-badge:before{font-size:14px;}
}


/*상품보기 펼칠경우*/
.project-pro-details2{border-top:1px solid #e4e4e4; position:relative; padding:15px}
.project-pro-details2.pd0{padding:0px; border-top:0px; margin-bottom:15px;}
.project--table{}
.project--table table{width:100%; border-collapse:collapse; }
.project--table table th, .project--table table td{font-size:13px;border:1px solid #e4e4e4;padding:3px 5px; background:#fff; text-align:center; line-height:18px;}
.project--table table th{background:#808080; color:#fff}
.project--table table td .submit-field{margin-bottom:0px;}
.project--table table td .submit-field input{max-width:160px;  height:25px; line-height:25px; display:inline-block;}
.project--table table td .submit-field a.button{line-height:25px;height:25px;padding:0px 8px;}
.project--table table td .dashboard-status-button{top:0px; margin:0px;}
@media screen and (max-width:992px){
.project-pro-details2{width: auto; white-space: nowrap;  overflow-x: auto; webkit-overflow-scrolling: touch;}
.project--table{display:inline-block; width:970px;}
}


/*대행현황 리스트 End*/

.trkSave input{float:left; width:200px;}
@media (max-width: 768px){
.trkSave input{margin-right: 5px;width:130px;}
}
/*트래킹저장,가져오기*/





/*등록상품 목록*/
.popup-pro-list{display:flex;flex-wrap:wrap;margin:-5px;}
.popup-pro-list .popup-pro-box{align-item:stretch;justify-content:space-between;justify-content:space-around; padding:5px;width:25%}
.popup-pro-list .popup-pro-box .popup-pro-box-inner{border:1px solid #e4e4e4; padding:15px; background-color: #fafafa;height:100%;}
.popup-pro-list .popup-pro-box .popup-pro{text-align:center;}
.popup-pro-list .popup-pro-box .popup-pro .popup_pro_wrap{min-height:100px;padding-left:90px; position:Relative; overflow:hidden}
.popup-pro-list .popup-pro-box .popup-pro img{width:80px; height:80px;position:Absolute; top:0px; left:0px; }
.popup-pro-list .popup-pro-box .popup-pro p{margin:0px;}
.popup-pro-list .popup-pro-box .popup-pro p span{font-size:12px; text-align:left; display:block}
.popup-pro-list .popup-pro-box .popup-pro h4{font-size:12px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left; padding-left:5px;line-height: 20px;}
.popup-pro-list .popup-pro-box .popup-pro .pro-name{font-size:12px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; position:Relative; top:-5px;text-align:left; 
padding-left:5px;}
.popup-pro-list .popup-pro-box .popup-pro .submit-field{margin:-2px;}
.popup-pro-list .popup-pro-box .popup-pro .submit-field .field-block{float:left; width:33.333%; padding:2px;}
.popup-pro-list .no-text{width:100%;}
/*트래킹가져오기(앱)*/
.popup-pro-list .popup-pro-box .checkbox{position:Relative; top:-7px}
.popup-pro-list .popup-pro-box .popup-pro .popup_ord_wrap{padding-left:90px; position:Relative; overflow:hidden; text-align:left}
.popup-pro-list .popup-pro-box .popup-pro .popup_ord_wrap h4{padding-left:0px;line-height:18px;}
.popup-pro-list .popup-pro-box .popup-pro .ord-list-con{ text-align:left;font-size:12px;width:100%;line-height:18px;}
@media (max-width: 992px) {
.popup-pro-list .popup-pro-box{width:33.333%}
}
@media (max-width: 768px) {
.popup-pro-list .popup-pro-box{width:50%}
}
@media (max-width: 480px) {
.popup-pro-list .popup-pro-box{width:100%}
}


/*tabs 탭*/
.tabs ul{padding:0;list-style:none;margin:0}
.tabs{z-index:15px;position:relative;background:#fff;width:100%;border-radius:4px;box-sizing:border-box;margin:0;/*overflow:hidden*/}
.tabs-header{position:relative;background:#eaeaea;overflow:hidden;}
.tabs-header .tab-hover{position:absolute;bottom:0;left:0;width:auto;height:100%;transition:.3s ease;z-index:90; border-bottom:5px solid #f7db3c;}
.tabs-header ul{display:flex;flex-direction:row;flex-wrap:wrap;width:calc(100% - 0px);position:relative;z-index:100}
.tabs-header li{transition:.3s ease; width:50%; float:left; }
.tabs-header li:first-child{border-right:1px solid #e0e0e0}
.tabs-header li.active a{font-weight:bold; font-family:sans-serif}
.tabs-header a{z-index:1;display:block;box-sizing:border-box;padding:15px 0px;color:#333;font-weight:500;text-decoration:none; text-align:center}
.tabs-nav{position:absolute;top:0;right:0;display:flex;align-items:center;height:100%;padding:0 15px;color:#fff;user-select:none;font-size:19px}
.tabs-nav i{cursor:pointer;display:inline-block;padding:0;height:30px;width:30px;line-height:30px;background-color:rgba(0,0,0,.1);border-radius:4px;text-align:center;position:relative;z-index:101;
margin-left:5px;transition:.3s}
.tabs-nav i:hover{background-color:rgba(0,0,0,.3)}
.tabs-content{position:relative;transition:.3s ease;/*overflow:hidden*/}
.tabs-content .tab{padding:15px 0px}
.tabs-content .tab p:last-child{margin-bottom:0;padding-bottom:0}
.tabs-content:after{content:'';position:absolute;bottom:-1px;left:0;display:block;width:100%;height:1px;box-shadow:0 0 20px 10px #fff}
.tabs-content .tab{display:none}
.tabs-content .tab.active{display:block; }
/*tabs 스타일변경*/
.tabs-header.menuTab{background:#fff; border:1px solid #e0e0e0}
.tabs-header .wd30per li{width:33.333%; }
@media(max-width:992px){
.tabs-nav{display:none}
.tabs-header ul{/*flex-direction:column;*/width:100%}
.tab-hover{display:none}
.tabs-header a{box-shadow:0 -1px 0 rgba(255,255,255,.15)}
.tabs-header ul li.active a{border-bottom:5px solid #f7db3c; padding:15px 0px 10px 0px;}
}

/*tippy-tooltip*/
.tippy-tooltip.dark-theme{color:#fff;font-weight:500;font-size:14px;padding:6px 12px}
.tippy-tooltip.dark-theme .tippy-backdrop{background-color:#333}
.tippy-popper[x-placement^=top] .tippy-tooltip.dark-theme .tippy-arrow{border-top-color:#333}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.dark-theme .tippy-arrow{border-bottom-color:#333}
.tippy-popper[x-placement^=right] .tippy-tooltip.dark-theme .tippy-arrow{border-right-color:#333}
.tippy-popper[x-placement^=left] .tippy-tooltip.dark-theme .tippy-arrow{border-left-color:#333}
.tippy-tooltip.dark-theme .tippy-arrow{transform:scale(.7)}
.tippy-tooltip.light-theme{color:#333;font-weight:500;font-size:14px;box-shadow:0 3px 10px rgba(0,0,0,.1);padding:6px 12px;background-color:#fff}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow{border-top-color:#fff}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow{border-bottom-color:#fff}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow{border-right-color:#fff}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow{border-left-color:#fff}

/*login*/
.welcome-text{display:block;text-align:center;color:gray;margin-bottom:33px}
.welcome-text h3{display:block;font-weight:700;color:#333;font-size:24px}
.welcome-text h4{display:block;font-weight:700;color:#333;font-size:18px}
.welcome-text span a{font-weight:500}
.welcome-text span{display:block;margin-top:4px}
.login-register-page input.with-border{    height: 36px;  line-height: 36px;}
.login-register-page .input-with-icon-left input { padding-left: 45px; }
.login-register-page .input-with-icon-left i{width: 36px;  height: 36px;line-height: 36px;}
.login-register-page .button{height: 36px;line-height: 36px;}
.social-login-separator{width:100%;display:block;text-align:center;position:relative;width:100%;margin:38px 0 15px;height:1px}
.social-login-separator:before{width:100%;content:"";height:1px;display:block;background-color:#e0e0e0;position:absolute;top:0}
.social-login-separator span{background-color:#fff;top:0;position:absolute;line-height:10px;top:-5px;margin-left:-15px;padding:0 10px;color:gray}

/*social-login-buttons*/
.social-login-buttons{display:flex;width:calc(100% + 20px)}
.social-login-buttons button{flex:1;text-align:center;border:1px solid #333;color:#333;border-radius:4px;margin-top:10px;margin-right:20px;font-size:13px;padding:9px 5px;max-width:50%;transition:.3s}
.social-login-buttons button:hover{background-color:#333;color:#fff}
.social-login-buttons button i{position:relative;top:1px;margin-right:7px;font-size:15px}
.social-login-buttons .join-login{border-color:#3b5998;color:#3b5998}
.social-login-buttons .join-login:hover{background-color:#3b5998;color:#fff}
.social-login-buttons .idpw-login{border-color:#dd4b39;color:#dd4b39}
.social-login-buttons .idpw-login:hover{background-color:#dd4b39;color:#fff}
.social-login-buttons .naver-login{background-color:#00c73c;color:#fff;border-color:#00b135; max-width:100%;}
.social-login-buttons .naver-login:hover{background-color:#00b135;}
.social-login-buttons .kakao-login{background-color:#ffdc3d;color:#333;border-color:#fcce00}
.social-login-buttons .kakao-login:hover{background-color:#fcce00;color:#333;}
.social-login-buttons .facebook-login{background-color:#3b5998;color:#fff;border-color:#1c3c80}
.social-login-buttons .facebook-login:hover{background-color:#1c3c80;}
@media(max-width:768px){
.social-login-separator{margin-bottom:25px}
.social-login-buttons,.social-login-buttons a{width:100%;display:block;max-width:100%}
}

/*layer popup*/
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:2000;overflow:hidden;position:fixed;background:#111}.mfp-wrap{top:-10px;left:0;width:100%;height:100%;z-index:2001;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}
.mfp-container{height:100%;text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:505}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#aaa;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:504}
.mfp-preloader a{color:#ccc}
.mfp-preloader a:hover{color:#fff}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
.mfp-s-loading .mfp-arrow{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;border:0;-webkit-appearance:none;display:block;padding:0;z-index:506}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{right:0;top:-40px}
.og-close,button.mfp-close{position:absolute;width:45px;height:45px;top:-20px;display:block;right:-12px;cursor:pointer!important;z-index:9999;color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:50%;margin:0;background-color:transparent;outline:none;transform:translate3d(0,0,0)}
.mfp-iframe-holder .mfp-close{top:-50px;right:-12px;transform:translate3d(0,0,0)}
.mfp-gallery .mfp-close{top:20px;right:10px}
.mfp-gallery .mfp-content .mfp-close{display:none}
.mfp-close::after,.mfp-close::before{top:0}
.og-close{margin:17px;right:10px;background:0 0;color:#222}
.og-close:before,.mfp-close:before{font-family:feather-icons;font-size:20px;top:2px;left:0;position:relative;height:10px}
.og-close:before,.mfp-close:before{content:"\ea02"}
#small-dialog .mfp-close,#small-dialog-1 .mfp-close,#small-dialog-2 .mfp-close,#small-dialog-3 .mfp-close,#small-dialog-4 .mfp-close,#sign-in-dialog,.mfp-close,.mfp-close:hover{color:#fff}
#sign-in-dialog .mfp-close,#small-dialog-1 .mfp-close,#small-dialog-2 .mfp-close,#small-dialog-3 .mfp-close,#small-dialog-4 .mfp-close,#small-dialog .mfp-close{
color:#666;background-color:#e4e4e4;border-radius:4px;top:28px;right:40px;width:40px;height:40px}
#sign-in-dialog .mfp-close:hover,#small-dialog-1 .mfp-close:hover,#small-dialog-2 .mfp-close:hover,#small-dialog-3 .mfp-close:hover,#small-dialog-4 .mfp-close:hover,#small-dialog .mfp-close:hover{color:#fff;background-color:#66676b}
.small-dialog-content input[type=submit]{width:100%;margin-top:26px;margin-bottom:10px}
.small-dialog-content .divider{display:inline-block;width:100%;margin-top:15px;padding-bottom:0}
.small-dialog-header{font-size:22px;width:calc(100% + 80px);position:relative;left:-40px;top:0;border-radius:4px 4px 0 0;display:inline-block;background-color:#f6f6f6;padding:35px 40px;margin-bottom:40px}
.small-dialog-header h3{padding:0;margin:0;font-size:23px}
.mfp-counter{position:absolute;top:0;right:0;color:#aaa;font-size:13px;line-height:18px}
.mfp-arrow{opacity:1;margin:0 20px;top:50%;transform:translateY(-50%);z-index:9999;color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;cursor:pointer;width:60px;height:60px;position:absolute;display:block;z-index:100;overflow:hidden;background:rgba(255,255,255,.15);border-radius:50%;outline:none}
.mfp-arrow:hover{background:#66676b;color:#fff}
.mfp-arrow.mfp-arrow-left,.mfp-arrow.mfp-arrow-right{font-family:simple-line-icons;font-size:20px}
.mfp-arrow.mfp-arrow-right{right:15px}.mfp-arrow.mfp-arrow-left:before{content:"\e605";left:-1px;top:0;position:relative}
.mfp-arrow.mfp-arrow-right:before{content:"\e606";left:1px;top:0;position:relative}
.mfp-content:hover .mfp-arrow{opacity:1}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:1180px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:54%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}

#sign-in-dialog,#small-dialog-1,#small-dialog-2,#small-dialog-3,#small-dialog-4,#small-dialog{
background:#fff;padding:40px;padding-top:0;text-align:left;max-width:800px;margin:40px auto;position:relative;box-sizing:border-box;border-radius:4px;}
#sign-in-dialog-1 span.line,#sign-in-dialog-2 span.line,#sign-in-dialog-3 span.line,#sign-in-dialog-4 span.line,#sign-in-dialog span.line,#small-dialog span.line{padding-top:0}
.my-mfp-zoom-in .zoom-anim-dialog{opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(.8);-moz-transform:scale(.8);
-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0}
.my-mfp-zoom-in.mfp-bg{opacity:.001;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity:.85}
.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}
.dupa{display:block;height:30px}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:40px auto;border-radius:4px}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 18px rgba(11,11,11,.6)}
.mfp-figure{line-height:0}
.mfp-bottom-bar{margin-top:-30px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-break:break-word;padding-right:36px}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){
.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
}
.mfp-ie7 .mfp-img{padding:0}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}
.mfp-ie7 .mfp-container{padding:0}
.mfp-ie7 .mfp-content{padding-top:44px}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
.mfp-fade.mfp-bg.mfp-ready{opacity:.92;background-color:#111}
.mfp-fade.mfp-bg.mfp-removing{opacity:0}
.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}



/*새창 팝업*/
.popup-title{font-size:16px; background:#484b71; color:#fff; text-align:center; padding:5px 0px;font-weight:bold}



/*popup-tabs-nav*/
.popup-tabs-nav{list-style:none;margin:0;padding:0;width:100%;display:block;height:42px;background:#f8f8f8;border-radius:4px 4px 0 0;border-bottom:1px solid #e0e0e0}
.popup-tabs-nav li{float:left;line-height:42px;height:42px;padding:0;margin-right:0;position:relative}
.popup-tabs-nav li:first-child a{border-radius:4px 0 0 0}
.popup-tabs-nav li a,.popup-tab-reviews{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.popup-tabs-nav li a{border:none;color:#777;display:inline-block;outline:none;padding:0;text-decoration:none;font-size:16px;z-index:10;position:relative;height:100%;padding:0 30px;border-right:1px solid transparent;
border-left:1px solid transparent;transition:all .3s,font-weight 0s;border-right:1px solid #e0e0e0}
.popup-tabs-nav li.active{background-color:#fff;position:relative}
.popup-tabs-nav li a:hover{background-color:#f3f3f3;height:calc(100% - 1px);color:#333}
.popup-tabs-nav li:last-child a:hover{border-right:1px solid #e0e0e0}
.popup-tabs-nav li.active a:hover,.popup-tabs-nav li.active{background-color:#fff}
.popup-tabs-nav li.active a{color:#66676b;font-weight:600}
.popup-tabs-nav li.active:after{content:"";position:absolute;display:block;bottom:0;left:0;width:100%;height:1px;background-color:#fff;z-index:111}
.popup-tabs-nav li:first-child.active{border-left:none;border-radius:4px 0 0 0}
.popup-tab-content{padding:0px;position:relative;z-index:10;width:100%}
.popup-tabs-container{width:100%; overflow-x:hidden; overflow-y:auto}
.popup-tabs-container .pd20{padding:20px 20px 0px;}
.popup-tabs-container .search-con{width:100%;background:#fcfcfc;padding:10px;transition:.3s; overflow:hidden; border-right:0px; border-left:0px; margin-bottom:10px;}
.popup-tab-content p:last-child{margin-bottom:0}

.dialog-with-tabs#sign-in-dialog,.dialog-with-tabs#small-dialog-1,.dialog-with-tabs#small-dialog-2,.dialog-with-tabs#small-dialog-3,.dialog-with-tabs#small-dialog-4,.dialog-with-tabs#small-dialog{
padding:0;color:#666;max-width:800px;box-shadow:0 0 25px rgba(0,0,0,.25)}
#sign-in-dialog.dialog-with-tabs .mfp-close,#small-dialog.dialog-with-tabs .mfp-close,#small-dialog-1.dialog-with-tabs .mfp-close,#small-dialog-2.dialog-with-tabs .mfp-close,#small-dialog-3.dialog-with-tabs .mfp-close,
#small-dialog-4.dialog-with-tabs .mfp-close{color:#888;background-color:#f8f8f8;border-left:1px solid #e0e0e0;border-radius:0 4px 0 0;top:0;right:0;width:42px;height:41px}
#sign-in-dialog.dialog-with-tabs .mfp-close:hover,#small-dialog-1.dialog-with-tabs .mfp-close:hover,#small-dialog-2.dialog-with-tabs .mfp-close:hover,#small-dialog-3.dialog-with-tabs .mfp-close:hover,
#small-dialog-4.dialog-with-tabs .mfp-close:hover,#small-dialog.dialog-with-tabs .mfp-close:hover{color:#333;background-color:#f2f2f2}
.dialog-with-tabs .mfp-close:before,.dialog-with-tabs .mfp-close:before{font-size:24px}
.dialog-with-tabs input:-webkit-autofill,.dialog-with-tabs input:focus:-webkit-autofill{border:1px solid #e0e0e0;-webkit-box-shadow:inset 0 0 0 9999px #fff,0 1px 4px rgba(0,0,0,.07)}
.dialog-with-tabs input{margin-bottom:10px}
.dialog-with-tabs .forgot-password{font-size:14px;color:#888;margin-top:-12px;display:block}
.dialog-with-tabs .forgot-password:hover{color:#66676b}
/*.dialog-with-tabs .button{height:48px;width:100%!important;margin-top:25px;box-shadow:0 4px 12px rgba(102,103,107,.15)}*/

/*popup 노데이타 추가*/
.popup-oder-info{padding:10px 15px 15px;}
.oder-info-box{}
.oder-info-box h3{font-size:16px; font-weight:600; padding-bottom:10px; padding-left:5px;} /*border-bottom:1px solid #e4e4e4; border:1px solid #e4e4e4;*/
.oder-info-con{padding:5px 0;}
.oder-infoTable-wp{padding:5px 5px 15px; border-bottom:1px solid #e4e4e4;}
.oder-info-con table.popup-oder-infoTable{}
.oder-info-con table.popup-oder-infoTable td{text-align:center; padding:2px 4px; font-size:13px; border:1px solid #e4e4e4;}
.oder-info-con table.popup-oder-infoTable td.title{font-size:15px; font-weight:600; background-color:#fafafa}
.popup-oder-proList{overflow:hidden;}
.oder-proList-box{padding:5px; width:50%; float:left;}
.oder-proList-box .oder-proList-box-inner{border:1px solid #e4e4e4; padding:15px; background-color:#fafafa; text-align:center;}
.oder-proList-box .oder-proList-box-inner:after{content:''; display:block; clear:both;}
.oder-proList-box .oder-proList-box-inner .oder-proList-con{float:left; margin-right:10px;}
.oder-proList-box .oder-proList-box-inner .oder-proList-con .checkbox{margin-right:0; position:relative; top:-3px;}
.oder-proList-box .oder-proList-box-inner .oder-proList-con img{width:100px; height:100px; vertical-align:middle;}
.oder-proList-box .oder-proList-box-inner .oder-proList-con .oder-proList-txt{text-align:left; font-size:14px; line-height:22px;}
.oder-proList-box.pop-bundle-proList-box{width:100%; float:none;}
.oder-proList-box.pop-bundle-proList-box .oder-proList-box-inner .oder-proList-con{margin-right:25px;}
.oder-proList-box.pop-bundle-proList-box .oder-proList-box-inner .oder-proList-con:first-child{margin-right:10px;}

/*묶음 팝업창 테이블*/
table.bundle-table{width:100%; border-spacing: 0px}

/*account-type*/
.account-type{display:flex;width:calc(100% + 20px);margin:0 0 20px}
.account-type div{flex:1;margin-right:20px}
.account-type label{border-radius:3px;border:none;background-color:#f2f2f2;width:100%}
.account-type input.account-type-radio:empty{display:none}
.account-type label i{position:relative;font-size:18px;top:2px;margin-right:2px}
.account-type input.account-type-radio:empty~label{position:relative;float:left;padding:10px;text-align:center;padding-bottom:11px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
border-radius:4px;color:#888;transition:.4s;height:48px;line-height:28px;overflow:hidden}
.account-type input.account-type-radio~label:hover{color:#289c41;background-color:#e4f6e9}
.account-type input.account-type-radio:checked~label{color:#fff;background-color:#47bb67}
.account-type input.account-type-radio:empty~label:after,.account-type input.account-type-radio:empty~label:before{position:absolute;display:block;top:0;bottom:0;left:0;content:'';width:100%;height:100%;text-align:center;line-height:48px;
border-radius:4px;font-size:22px;background:0 0;z-index:100;opacity:0}
.account-type .ripple-effect-dark span.ripple-overlay{animation:ripple 1.2s;opacity:.03}
@keyframes typeCheck{
0%{opacity:0;transform:translateY(10px)}
50%{opacity:1;transform:translateY(0px)}
100%{opacity:0;transform:translateY(-10px)}
}
@keyframes typeBG{
0%{opacity:0}
50%{opacity:1}
100%{opacity:0}
}
@media(max-width:480px){
.popup-tabs-nav{padding-top:50px;height:50px}
.mfp-container{padding:0 10px}
.popup-tabs-nav li:first-child{border-top:1px solid #e0e0e0}
.popup-tabs-nav li{border-bottom:1px solid #e0e0e0}
.popup-tabs-nav li,.popup-tabs-nav li a{width:100%;text-align:center;height:50px;line-height:50px}
.popup-tabs-nav li a:hover{background-color:transparent}
#sign-in-dialog.dialog-with-tabs .mfp-close,#small-dialog.dialog-with-tabs .mfp-close,#small-dialog-1.dialog-with-tabs .mfp-close,#small-dialog-2.dialog-with-tabs .mfp-close,#small-dialog-3.dialog-with-tabs .mfp-close,
#small-dialog-4.dialog-with-tabs .mfp-close{height:50px;width:50px}
.account-type,.social-login-buttons{flex-direction:column}
.social-login-buttons button{max-width:100%;width:100%;flex:auto}

}



/*pagination*/
.pagination{margin:0;text-align:center}
.pagination-next-prev{position:relative;top:-66px}
.pagination ul{margin:0;padding:0}
.pagination ul li{display:inline-block;margin:0;padding:0}
.pagination ul li a,.pagination-next-prev ul li a{padding:10px 0;border-bottom:none;display:inline-block;color:#333;background-color:transparent;font-weight:700;margin:0;line-height:22px;
-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;font-size:14px;float:left}
.pagination ul li a{border-radius:4px;width:33px;height:33px;padding:0;line-height:33px}
.pagination ul li a i{line-height:33px;font-size:24px}
.pagination ul li.blank{color:#a0a0a0;padding:0 6px}
.section.gray .pagination .pagination-arrow a:hover,.pagination ul li a:hover{background-color:#333;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.pagination ul li a.current-page{background-color:#eaeaea;color:#333;/*box-shadow:0 2px 8px rgba(102,103,107,.25)*/; border:1px solid #eee}
/*.pagination .pagination-arrow a{background-color:#f0f0f0}
.section.gray .pagination .pagination-arrow a{background-color:#eaeaea}*/
#backtotop{position:fixed;right:0;opacity:0;visibility:hidden;bottom:25px;margin:0 25px 0 0;z-index:999;transition:.35s;transform:translateY(10px)}



.sidebar-container{margin-bottom:40px}
.full-page-container .sidebar-container{margin-bottom:0}
.sidebar-widget input{margin-bottom:0}
.sidebar-widget{margin-bottom:50px;display:block}
.sidebar-widget h3{font-size:20px;margin-bottom:20px}
.notify-box{display:block;width:100%;padding-bottom:15px;position:relative;line-height:28px;border-bottom:2px solid #484848; }
.notify-box label{margin-bottom:0;cursor:pointer}
.notify-box .switch-button{margin-right:10px}
.sort-by .bootstrap-select{position:relative;right:0;top:0}
.sort-by .dropdown-menu{box-shadow:0 0 4px 0 rgba(0,0,0,.14)}
.sort-by .bootstrap-select.btn-group button{flex:1;position:relative;right:0;top:4px;font-weight:600;margin-left:10px;width:auto;padding:0;padding-right:12px;background-color:transparent;box-shadow:none;
height:20px;color:#333; border:0px; }
.sort-by .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:auto}
.sort-by .bootstrap-select.btn-group .dropdown-toggle .caret{right:0}
.sort-by .bootstrap-select .dropdown-menu{padding-top:15px;top:40px;right:0;left:auto;position:absolute;min-width:160px!important;flex:1}
.sort-by .bootstrap-select.open:before{display:none}
.sort-by{display:flex;flex-wrap:wrap;align-items:flex-start;position:relative;float:right}
.sort-by .select-field{width:130px;}
@media(max-width:992px){
/*.notify-box{margin-bottom:90px}
.notify-box .sort-by{position:absolute;margin-top:35px;left:0}*/
.notify-box .sort-by .bootstrap-select .dropdown-menu{left:0;right:auto}
}



.single-page-header #breadcrumbs{position:relative;top:0;left:0;transform:none;margin-left:auto}
@media(max-width:992px){
.single-page-header #breadcrumbs{margin:30px 0 20px}
}
.single-page-header{margin-bottom:65px;padding:60px 0;position:relative}
.single-page-header .container{z-index:100;position:relative}
.single-page-header:after,.single-page-header:before{content:"";position:absolute;height:100%;width:100%;display:block;top:0;left:0;z-index:15;background:linear-gradient(to right,rgba(247,247,247,1) 50%,
rgba(247,247,247,0.8) 70%,rgba(247,247,247,0.8) 90%)}
.single-page-header:after{z-index:5;background-color:#f7f7f7}
.single-page-header .background-image-container{background-size:cover;background-repeat:no-repeat;background-position:100% 50%;position:absolute;top:0;left:0;height:100%;width:50%;left:50%;z-index:10}
.single-page-header .single-page-header-inner{display:flex}
.single-page-header .left-side,.single-page-header .right-side{flex:1;display:flex;align-items:center}
.single-page-header .left-side{padding-right:30px}
.single-page-header .right-side{max-width:35%}
@media(min-width:1365px){
.single-page-header .right-side{max-width:30%}
}
.single-page-header .header-image a{display:flex;height:100%}
.single-page-header .header-image{height:140px;flex:0 0 140px;margin-right:35px;background:#fff;border-radius:4px;box-shadow:0 3px 12px rgba(0,0,0,.1);display:flex;padding:0 20px}
@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){
.single-page-header .header-image{max-width:140px}
}
.single-page-header.project-header .header-image{background:#fff;border-radius:50%;box-shadow:none;display:flex;padding:0;overflow:hidden;height:130px;flex:0 0 130px;width:130px}
.single-page-header .header-image img{align-self:center;transform:translate3d(0,0,0)}
@media all and (-ms-high-contrast:none){
.single-page-header .header-image img{width:100%}
}
.single-page-header .header-details{flex:1}.single-page-header .header-details h3{color:#333;font-size:26px;margin:0;padding:0;margin-bottom:12px;margin-top:3px;line-height:36px;position:relative;padding-right:0;
display:inline-block}
.single-page-header .header-details h3 span{color:gray;display:block;font-size:20px;font-weight:300;margin-top:-3px}
.single-page-header .header-details h5{font-size:16px;font-weight:600;color:#333}
.single-page-header .header-details h5{font-size:16px;font-weight:600;color:#333}
.single-page-header .header-details ul{padding:0;margin:0;list-style:none;line-height:24px;margin-bottom:-7px}
.single-page-header .header-details li{display:inline-block;margin-right:20px;margin-bottom:12px}
.single-page-header .header-details li:last-child{margin-right:0}
.single-page-header .header-details li a{color:#666}
.single-page-header .header-details li a:hover{color:#66676b}
.single-page-header .header-details li i{font-size:20px;position:relative;top:2px;margin-right:2px}
.single-page-header .header-details li .verified-badge{transform:scale(.85);position:relative;top:2px}
.single-page-header .header-details li .verified-txt{color:#299840}
.single-page-header .header-details li .star-rating{position:relative;top:6px}
.single-page-header .header-details ul li img.flag{height:16px;border-radius:3px;position:relative;top:-1px;display:inline-block;box-shadow:0 0 3px rgba(0,0,0,.2);margin-right:5px;cursor:default}
.single-page-header .salary-box{border-radius:4px;box-shadow:0 3px 8px rgba(0,0,0,.08);background-color:#fff;display:inline-block;padding:20px 25px;margin-left:auto}
.salary-box .salary-type{color:#888;line-height:20px;margin:3px 0 8px}
.salary-box .salary-amount{color:#333;font-size:28px;line-height:36px;font-weight:300}
@media(max-width:1366px){
.single-page-header.project-header .header-image{height:130px;flex:0 0 130px;width:130px}
}
@media(max-width:1240px){
.single-page-header .header-details h3{font-size:26px}
.single-page-header{padding:55px 0}
.salary-box .salary-amount{font-size:26px;line-height:32px}
.single-page-header .header-image{height:120px;flex:0 0 120px}
.single-page-header.project-header .header-image{height:120px;flex:0 0 120px;width:120px}
}
@media(max-width:992px){
.single-page-header .single-page-header-inner{display:flex;flex-direction:column}
.single-page-header .left-side{padding-right:0}
.single-page-header .header-details h3{font-size:24px}
.single-page-header{padding:35px 0}
.single-page-header .salary-amount{font-size:22px;line-height:24px}
.single-page-header .salary-box{padding:0;margin-top:15px;margin-bottom:20px;background-color:transparent;box-shadow:none}
.salary-box .salary-type{font-weight:600;color:#333}
.single-page-header .left-side,.single-page-header .right-side,.single-page-header-inner{display:block;max-width:100%}
.single-page-header .header-image{height:70px;width:auto;padding:15px 20px;margin:15px 0;display:inline-block}
.single-page-header .header-image img{height:100%}
.single-page-header .header-details h5{border-top:1px solid #e0e0e0;padding-top:25px}
.single-page-header.project-header .header-image{height:70px;flex:0 0 70px;width:70px;margin-bottom:-70px}
.single-page-header.project-header .header-details h3{margin-left:90px}
}
@media(max-width:768px){
.single-page-header:after,.single-page-header:before{background:#f7f7f7}
.single-page-header.project-header .header-image{height:70px;flex:0 0 70px;width:70px;margin-bottom:-70px}
.single-page-header.project-header .header-details h3{margin-left:90px}
}


    
    

/*blog-post 보기페이지*/
.blog-post{/*display:flex;*/background:#fff;margin-bottom:35px;border-top: 2px solid #484848; border-bottom: 1px solid #484848;overflow:hidden;transition:.3s}
/*.blog-post:hover{box-shadow:0 4px 18px rgba(0,0,0,.1);transform:translateY(-5px)}*/
.blog-post-thumbnail{flex:0 0 auto;max-width:none;max-height:100%;overflow:hidden;position:relative;width:260px}
.blog-post-thumbnail-inner{height:100%;width:100%;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.15);transition:.3s}
.blog-post-thumbnail-inner img{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0}
.blog-post-thumbnail-inner .blog-item-tag{bottom:20px;left:20px;top:auto;margin:0}
.blog-post-content{flex:1;}
.blog-post-content h3,.blog-post-content h3 a{font-size:18px;line-height:1.25em;color:#333;display:block;padding:10px 15px 10px; font-weight:bold}
.blog-post-content h3 a:hover{color:#66676b}
a.blog-post-info,.blog-post-info,.blog-post-date{font-size:13px;color:#888;margin-bottom:10px;display:inline-block;background-color:#f0f0f0;border-radius:4px;line-height:20px;padding:4px 10px;margin-right:3px;
transition:.3s}
a.blog-post-info i,.blog-post-info i,.blog-post-date i{position:Relative; top:2px}
a.blog-post-info:hover{color:#fff;background-color:#66676b}
.blog-post-content p{padding:0;margin:0;display:block;color:gray}
.blog-post-content a.button i.icon-feather-arrow-right{font-size:20px;top:4px;left:-1px;position:relative;margin:0 -5px}
.blog-post-info-list{display:block; border-bottom: 1px solid #d8d8d8;padding:0px 15px 5px;}
blockquote{padding:10px 20px;margin:0 20px;font-size:17px;line-height:30px;color:#888;border-left:5px solid #eee}
.blog-post.single-post{flex-direction:column}
.blog-post.single-post:hover{transform:none}
.blog-post.single-post .blog-post-thumbnail{width:100%;height:380px}
.blog-post.single-post p{margin-bottom:20px}

/*이전글 다음글*/
#posts-nav{padding:0;list-style:none;width:100%;position:relative;margin:0;display:inline-block;min-height:60px}
#posts-nav li span{display:block;font-size:14px;color:#888;margin-bottom:10px;display:inline-block;background-color:#f0f0f0;border-radius:4px;line-height:20px;padding:4px 10px;margin-right:3px;transition:.3s}
#posts-nav li a:hover span{background-color:#66676b;color:#fff}
#posts-nav li{position:absolute;font-size:18px;font-weight:500;width:50%}
#posts-nav li strong{display:block;font-weight:500}
#posts-nav li a{transition:transform .3s,color .3s 0s;color:#333;display:inline-block;line-height:28px}
#posts-nav li a:hover{color:#66676b}
#posts-nav li.next-post{right:0;text-align:right}
#posts-nav li.prev-post{left:0}
#posts-nav li.next-post a{padding-right:50px}
#posts-nav li.prev-post a{padding-left:50px}
#posts-nav li.prev-post a:before,#posts-nav li.next-post a:before{font-family:feather-icons;font-size:30px;position:absolute;color:inherit;top:50%;transform:translate3d(0,-50%,0);transition:transform .3s}
#posts-nav li.next-post a:before{right:0;content:"\e930"}
#posts-nav li.prev-post a:before{left:0;content:"\e92f"}
#posts-nav li.next-post a:hover:before{transform:translate3d(5px,-50%,0)}
#posts-nav li.prev-post a:hover:before{transform:translate3d(-5px,-50%,0)}
/*댓글*/
.comments{}
.comments h3{margin-bottom:5px;font-size:13px;font-weight:500;color:#333;padding:0px 15px}
.comments h3 span{display:inline-block;font-size:inherit}
.comment{font-size:20px}
.comments .button{margin:0 0 10px;padding:7px 15px}
.comments.reviews .button{margin:0}
.comments ul{padding-left:0;border-top:1px solid #e4e4e4}
.comments ul li{display:block}
.comments ul li,.comments ul li ul li,.comments ul li ul li ul li,.comments ul li ul li ul li{padding:10px 15px; border-bottom:1px solid #e4e4e4}
/*.comments ul li ul{margin:0 0 0 100px}*/
.comment-content p{margin:0px 0 0;line-height:26px; font-size:14px}
.comment-content{color:#666;/*padding:0 0 0 100px*/}
.comments ul li ul{border-left:1px solid #e0e0e0;padding-left:35px}
.comments ul li ul li:before{content:"";width:15px;height:1px;background-color:#e0e0e0;display:inline-block;position:absolute;top:30px;left:-35px}
.comments ul li{position:relative;font-size:14px}
.comment-content strong{padding-right:5px;color:#666}
.comment-content span{color:#888}
body .comment-content p{padding:0px 0}
.comments-amount{color:#888;font-weight:500}
.avatar{display:inline-block;float:left;padding:0 17px 0 0;position:absolute;left:0;top:-5px}
.avatar img{max-width:70px;border-radius:50%}
.comment-by{width:100%;font-weight:bold;color:#333; font-size:13px;}
.comment-by h5{margin:0 0 7px}
.comment-by a.reply{transition:all .3s}
.comment-by a.reply{display:inline;background-color:#f0f0f0;padding:5px 10px;line-height:22px;color:#666;font-weight:500;position:absolute;right:15px;top:15px;border-radius:4px}
.comment-by a.reply i{font-size:12px;margin-right:1px}
.comment-by a.reply:hover{background-color:#66676b;color:#fff;box-shadow:0 3px 9px rgba(0,0,0,.1)}
.comment-by span.date{color:#888;font-weight:500;margin:0 0 0;float:none;display:inline-block;text-align:left;padding-left:5px; font-size:13px}
@media(max-width:768px){
.comments ul li ul{margin:0}
.avatar{top:3px}
.comment-content{color:#666;/*padding:0 0 0 70px*/}
.avatar img{max-width:50px;border-radius:50%;top:5px}
/*.comment-by a.reply{position:relative;margin:10px 0 0;top:0;display:inline-block}*/
.blog-post{flex-direction:column}
.blog-post-thumbnail{width:100%;height:220px}
#posts-nav li{position:relative;width:100%; margin-top:20px}
#posts-nav li a{padding:0!important}
#posts-nav li a::before{display:none}
#posts-nav li.next-post{text-align:left;margin-bottom:15px}
}


.widget-tabs{padding:0;list-style:none;margin-top:25px;display:block}
.widget-content{box-shadow:0 3px 9px rgba(0,0,0,.07);border-radius:4px;background-color:#fff;position:relative;width:100%;overflow:hidden}
.widget-content:before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:10;background:#fff;opacity:1;transition:.35s ease-in-out}
.widget-content img{display:block;object-fit:cover;width:100%;height:100%;position:absolute;width:100%;height:100%;z-index:9;opacity:1;transition:.35s;border-radius:5.5px}
.widget-text h5{font-size:16px;font-weight:600;line-height:24px;margin:0 0 3px;color:#333;transition:.35s}
.widget-text span{font-size:14px;color:#888;display:inline-block;background-color:#f0f0f0;border-radius:4px;line-height:20px;padding:4px 10px;margin-top:3px;transition:.35s}
.widget-text{display:block;padding:0;position:relative;z-index:20;padding:30px}
.widget-tabs .widget-content{display:table}
.widget-tabs .widget-content .widget-text{display:table-cell;vertical-align:middle}
.widget-tabs li{margin-top:20px}.widget-content:hover:before,.widget-content.active:before{opacity:.6;background:#333}
.widget-content:hover img,.widget-content.active img{opacity:1}
.widget-content:hover h5,.widget-content.active h5{color:#fff}
.widget-content:hover span,.widget-content.active span{background:rgba(255,255,255,.25);color:#fff}
.blog-compact-item-container{display:block;height:100%;width:100%;border-radius:4px;background:0 0;transform:translate3d(0,0,0);transition:transform .4s;margin-bottom:30px}
.blog-compact-item-container:hover{transform:translateY(-10px)}
.blog-compact-item{background:#ccc;box-shadow:0 3px 10px rgba(0,0,0,.2);border-radius:4px;height:100%;display:block;position:relative;background-size:cover;background-repeat:no-repeat;
background-position:50%;height:460px;z-index:100;cursor:pointer;transition:.4s}
@media(max-width:1366px){
.blog-compact-item{height:420px}
}
.blog-compact-item img{object-fit:cover;height:100%;width:100%;border-radius:4px}
.blog-compact-item:before{content:"";top:0;position:absolute;height:100%;width:100%;z-index:9;border-radius:4px;
background:linear-gradient(to top,rgba(51,51,51,0.8) 0%,rgba(51,51,51,0.7) 35%,rgba(51,51,51,0.3) 60%,rgba(51,51,51,0.3) 100%);transition:.4s}
.blog-compact-item-content{position:absolute;bottom:32px;left:0;padding:0 34px;width:100%;z-index:50;box-sizing:border-box}
.blog-compact-item-content h3{color:#fff;font-size:20px;padding:5px 0;font-weight:500;margin:2px 0 0;line-height:30px}
.blog-compact-item-content span{font-size:16px;font-weight:300;display:inline-block;color:rgba(255,255,255,.7)}
.blog-compact-item-content p{font-size:16px;font-weight:300;display:inline-block;color:rgba(255,255,255,.8);margin:7px 0 0}
span.blog-item-tag{font-size:14px;font-weight:600;color:#333;background-color:#fff;border-radius:4px;padding:5px 12px;line-height:20px;font-weight:400;margin-bottom:9px;position:absolute;top:30px;
left:32px;z-index:110;transition:.4s}
.blog-post-tags{list-style:none;padding:0;margin:0;margin-bottom:0;color:#fff;font-size:14px;font-weight:400;opacity:.9}
.blog-post-tags li{display:inline-block;margin-right:5px}
.blog-post-tags li i{margin-right:3px;font-weight:400;display:inline-block}
.contact-location-info{display:flex;align-content:center;justify-content:center;background-color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.03)}
.contact-location-info .contact-address,.contact-location-info #single-job-map-container{flex:1}
.contact-location-info #single-job-map-container #singleListingMap{border-radius:0 4px 4px 0}
.contact-location-info .contact-address{border:1px solid #e0e0e0;border-right:0;border-radius:4px 0 0 4px}
.contact-location-info .contact-address{display:flex}
.contact-location-info .contact-address>ul{align-self:center;padding:40px;margin:0;list-style:none;font-size:18px;color:gray}
.contact-location-info .contact-address ul li{padding:2px 0}
.contact-location-info .project-socials{margin-top:10px;margin-left:-8px;transform:scale(.9)}
.contact-address-headline{color:#333;font-weight:600}
.contact-address-headline:after{content:"";height:2px;width:25px;background-color:#66676b;position:relative;display:block;margin:15px 0;border-radius:3px}
@media(max-width:768px){
.contact-location-info{flex-direction:column}
.contact-location-info .contact-address{border:1px solid #e0e0e0;border-bottom:none;border-radius:4px 4px 0 0}
.contact-location-info #single-job-map-container #singleListingMap{border-radius:0 0 4px 4px}
}
#contact div input{margin-bottom:22px}
.single-page-section{margin-bottom:55px;display:block}
.single-page-section p:last-of-type{padding-bottom:0;margin-bottom:0}
.single-page-section h3{margin-bottom:20px;font-size:20px}
.single-page-section .board-listing h3.board-listing-title{margin-bottom:0}
.full-page-container{display:flex;width:100%;flex-wrap:wrap}
.full-page-sidebar{flex:0 0 360px;background-color:#fafafa;position:relative}
.full-page-sidebar .full-page-sidebar-inner{overflow:auto;height:100%}
.full-page-sidebar .sidebar-container{padding:40px}
.full-page-sidebar .simplebar-scrollbar{width:5px}
.full-page-sidebar .sidebar-widget:last-of-type{margin-bottom:80px}
.full-page-content-container{flex:1;background-color:#fff;padding:0;overflow:auto}
.full-page-content-inner{padding:40px;padding-bottom:0}
.full-page-content-inner .grid-layout{width:calc(100% + 30px)}
.full-page-content-inner .grid-layout .board-listing{margin:0 30px 30px 0;width:calc(100% * (1/3) - 30px)}
.sidebar-search-button-container{position:absolute;width:calc(100% - 15px);bottom:0;padding:40px;padding-top:10px;z-index:100;background-color:#fafafa}
.sidebar-search-button-container button{width:calc(100% + 15px);line-height:46px;height:46px;transition:.3s;box-shadow:0 4px 12px rgba(102,103,107,.1)}
.sidebar-search-button-container button:hover{box-shadow:0 4px 12px rgba(102,103,107,.25);transform:translateY(-2px)}
.small-footer{border-top:1px solid #e0e0e0;padding-top:0;width:calc(100% + 80px);left:-40px;position:relative;padding:25px 40px;display:flex}
.small-footer strong{color:#333}
.small-footer-copyrights{flex:2}
.small-footer .footer-social-links{transform:none;flex:1;text-align:right;float:right;display:inline-block;margin:0 -5px 0 0;position:relative;top:2px}
.small-footer .footer-social-links li{color:#333;transform:none;float:none;margin:0 -3px}
.small-footer .footer-social-links li a{color:#333;transform:none}
.full-page-map-container{flex:auto;position:relative;background-color:#e5e3df}
.full-page-map-container #map{position:relative;z-index:30}
.full-page-container.with-map .full-page-content-container{flex:0 0 50vw}
.full-page-sidebar.hidden-sidebar{visibility:hidden;transition:.4s;position:relative;opacity:0;max-width:0}
.full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner{width:360px}
.full-page-sidebar.hidden-sidebar.enabled-sidebar{visibility:visible;opacity:1;max-width:360px}
.enable-filters-button{position:relative;left:48px;top:0;z-index:100;background-color:#fff;color:#333;border-radius:0 4px 4px 0;box-shadow:0 4px 12px rgba(0,0,0,.1);height:48px;line-height:48px;padding:0;
transition:.3s;min-width:126px;text-align:center}
.enable-filters-button span{position:relative;padding:0 15px;background-color:#66676b;color:#fff;width:100%;z-index:100;border-radius:0 4px 4px 0;transition:.3s}
.filter-button-container{position:absolute;left:40px;top:20px;width:calc(100% - 40px);overflow-x:hidden;padding:20px 0}
.filter-button-tooltip{position:absolute;width:auto;left:15px;top:24px;z-index:100;border-radius:4px;width:auto;animation:tooltip-bounce 2s infinite;margin-left:15px;white-space:nowrap;opacity:0;overflow:visible;
transition:opacity .3s;pointer-events:none;padding:0 20px;background-color:#fff;color:#555;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:15.7px;line-height:48px;top:20px}
.filter-button-tooltip.tooltip-visible{opacity:1}
.filter-button-tooltip:before{content:"";position:absolute;width:0;height:0;top:calc(50% - 3px);content:"";left:-3px;box-sizing:border-box;border:5px solid #000;border-color:transparent transparent #fff #fff;
transform-origin:0 0;transform:rotate(45deg) translateY(-50%);box-shadow:-2px 2px 2px 0 rgba(0,0,0,.04)}
@keyframes tooltip-bounce{
0%,20%,50%,80%,100%{transform:translateX(0)}
40%{transform:translateX(14px)}
60%{transform:translateX(7px)}
}
.enable-filters-button:hover i,.enable-filters-button.active i,.enable-filters-button:hover span,.enable-filters-button.active span{background-color:#333}
.enable-filters-button:hover i:after,.enable-filters-button:hover i:before,.enable-filters-button.active i:after,.enable-filters-button.active i:before{background-color:rgba(0,0,0,.25)}
.enable-filters-button i{position:absolute;z-index:90;left:-48px;height:100%;font-size:20px;background-color:#66676b;color:#fff;line-height:48px;text-align:center;width:48px;border-radius:4px 0 0 4px;
font-style:normal;font-family:feather-icons;transition:.3s;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.enable-filters-button i:after,.enable-filters-button i:before{position:absolute;left:0;right:0;transition:.3s;border-radius:4px 0 0 4px;background-color:rgba(0,0,0,.1)}
.enable-filters-button i:after{content:"\e9d1";opacity:1}
.enable-filters-button.active i:after{opacity:0}
.enable-filters-button i:before{content:"\ea02";opacity:0}
.enable-filters-button.active i:before{opacity:1}
.enable-filters-button span.show-text,.enable-filters-button.active span.hide-text{display:inline-block}
.enable-filters-button.active span.show-text,.enable-filters-button span.hide-text{display:none}
.location-field-on-map{position:absolute;top:40px;right:40px;width:280px;max-width:40%;z-index:100}
.location-field-on-map input{box-shadow:0 4px 12px rgba(0,0,0,.1)!important}
@media(max-width:3860px){
.full-page-content-inner .grid-layout .board-listing{width:calc(100% * (1/4) - 30px)}
.full-page-container.with-map .full-page-content-inner .grid-layout .board-listing{width:calc(100% * (1/3) - 30px)}
}
@media(max-width:2560px){
.full-page-content-inner .grid-layout .board-listing{width:calc(100% * (1/4) - 30px)}
.full-page-container.with-map .full-page-content-inner .grid-layout .board-listing{width:calc(100% * (1/2) - 30px)}
}
@media(max-width:1920px){
.full-page-content-inner .grid-layout .board-listing{width:calc(100% * (1/3) - 30px)}
.full-page-container.with-map .full-page-sidebar{flex:0 0 340px}
.full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner{width:340px}
.full-page-container.with-map .full-page-content-inner .grid-layout .board-listing{width:calc(100% * (1/2) - 30px)}
}
@media(max-width:1600px){
.full-page-content-inner .grid-layout .board-listing{width:calc(100% * (1/2) - 30px)}
.full-page-sidebar{flex:0 0 340px}
.full-page-container.with-map .full-page-sidebar{flex:0 0 320px}
.full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner{width:320px}
.full-page-container.with-map .full-page-content-inner .grid-layout .board-listing{width:calc(100% - 30px)}
.full-page-container.with-map .full-page-content-container{flex:0 0 55vw}
}
@media(max-width:1365px){
.location-field-on-map{left:0;right:auto;width:calc(100% - 80px);max-width:calc(100% - 80px);margin:0 40px}
.full-page-container .notify-box{margin-bottom:80px}
.full-page-container .notify-box .sort-by{position:absolute;margin-top:40px;left:0}
.full-page-container .notify-box .sort-by .bootstrap-select .dropdown-menu{left:0;right:auto}
}
@media(max-width:1099px){
.full-page-content-inner .grid-layout .board-listing{width:calc(100% - 30px)}
.full-page-sidebar{flex:0 0 340px}
.full-page-map-container{order:-1;width:100%;height:400px;position:absolute;top:0}
.full-page-container.with-map{padding-top:400px;height:auto!important;width:100%;position:relative}
.full-page-container.with-map .full-page-sidebar{max-width:100%;visibility:visible;opacity:1}
.filter-button-container{display:none}
.full-page-container.with-map .full-page-sidebar .full-page-sidebar-inner{position:relative;width:100%}
.full-page-container.with-map .full-page-content-container{flex:1}
.full-page-container,.full-page-sidebar-inner,.full-page-content-container,.full-page-container .full-page-sidebar{height:auto!important}
.full-page-container .simplebar-track{display:none}
}
@media(max-width:992px){
.location-field-on-map{width:calc(100% - 50px);max-width:calc(100% - 50px);margin:0 25px;top:25px}
.sidebar-search-button-container,.full-page-sidebar .sidebar-container,.full-page-content-inner{padding:35px}
.full-page-content-inner{padding-bottom:0}
.full-page-content-inner .grid-layout .board-listing{width:calc(100% - 30px)}
.full-page-sidebar{flex:0 0 320px}
.full-page-sidebar-inner,.full-page-content-container,.full-page-container .full-page-sidebar{height:auto!important}
}
@media(max-width:768px){
.location-field-on-map{width:calc(100% - 30px);max-width:calc(100% - 30px);margin:0 15px}
.sidebar-search-button-container,.full-page-sidebar .sidebar-container,.full-page-content-inner{padding:40px 15px}
.full-page-content-inner{padding-bottom:0}
.full-page-content-inner .grid-layout .board-listing{width:calc(100% - 30px)}
.full-page-sidebar{flex:1;width:100%}
.full-page-container{display:block;width:100%;flex-wrap:wrap;height:auto}
.small-footer{display:block;text-align:center}.small-footer .footer-social-links{float:none;left:-10px;margin-top:10px}
}



@media(max-width:768px){
.list-apply-button{flex:auto;width:100%;margin-top:15px}
}
.grid-layout{display:flex;flex-wrap:wrap;width:calc(100% + 30px)}
.grid-layout .board-listing{display:flex;flex-direction:column;justify-content:center;margin:0 30px 30px 0;width:calc(100% * (1/2) - 30px);flex-direction:column}
.grid-layout .board-listing-details{flex-grow:1;display:flex;flex-wrap:wrap;align-items:center;padding:30px;padding-right:40px}
@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){
.tasks-list-container.tasks-grid-layout .task-listing .task-listing-details,.grid-layout .board-listing-details{flex-basis:100px}
.tasks-list-container.tasks-grid-layout .task-listing-bid{flex-basis:100px}
}
.grid-layout .board-listing-footer{flex-grow:0;padding:20px 30px}
.grid-layout .board-listing h3.board-listing-title{font-size:18px;line-height:28px}
.grid-layout .board-listing-footer .bookmark-icon{top:0;right:25px;transform:translateY(-50%) scale(.96)}
.grid-layout .board-listing .board-listing-company-logo{max-width:56px;margin-right:24px;top:1px;flex:0 0 56px}
@media(max-width:768px){
.full-page-content-inner .grid-layout .board-listing,.grid-layout .board-listing{margin:0 0 30px;width:100%}
.grid-layout,.full-page-content-inner .grid-layout{width:100%}
.full-page-content-container .simplebar-content{overflow-x:hidden!important}
.full-page-container.with-map .full-page-content-inner .grid-layout .board-listing{width:100%}
}
.task-listing{border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.12);margin-bottom:30px;background-color:#fff;transition:.3s;position:relative;display:flex;justify-content:center;cursor:pointer}
.task-listing:hover{box-shadow:0 2px 18px rgba(0,0,0,.14);transform:translateY(-4px)}
.task-listing-details{padding:34px 38px;flex:1}
.task-listing .task-listing-description{flex:1;align-items:center;justify-content:center}
.task-listing .task-listing-description p{margin:15px 0 0;padding:0;color:#666}
.task-listing h3.task-listing-title a,.task-listing h3.task-listing-title{font-size:18px;color:#333;line-height:28px;cursor:pointer;font-weight:600;padding-top:2px;transition:.3s}
.task-listing .task-icons{list-style:none;padding:0;margin:3px 0 0 -3px}
.task-listing .task-icons li{display:inline-block;padding:0;margin:0;margin-right:10px;color:gray}
.task-listing .task-icons i{color:#909090;font-size:18px;position:relative;top:1px}
.task-listing .task-icons i.icon-material-outline-desktop-windows{font-size:19px;top:2px}
.task-listing-bid{flex:0 0 240px;background-color:#f8f8f8;position:relative;display:flex;align-items:center;justify-content:center}
.task-listing-bid-inner{width:100%;padding:35px}
.task-listing-bid-inner .button{display:block;text-align:center;box-shadow:0 4px 12px rgba(102,103,107,.15);width:100%}
.task-listing-bid-inner .button:hover{box-shadow:0 4px 12px rgba(102,103,107,.25)}
.task-listing-bid .task-offers{margin-bottom:15px}
.task-listing-bid .task-offers strong{display:block;color:#333;font-weight:600;line-height:24px}
.task-listing-bid .task-offers span{display:block;color:#888;line-height:24px}.task-tags{display:block;margin:23px 0 3px}
.task-tags span{transition:.3s;font-size:14.7px;border-radius:4px;background-color:rgba(102,103,107,.07);color:#66676b;display:inline-block;padding:6px 15px;margin:2px 0;line-height:24px}
.compact-list .task-listing{border-radius:0;margin-bottom:0;box-shadow:none}
.compact-list .task-listing:hover{transform:translateY(0)}
.tasks-list-container.compact-list{background-color:#fff;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.tasks-list-container.compact-list .task-listing{align-items:center;justify-content:center}
.tasks-list-container.compact-list .task-listing:nth-child(2n){background-color:#fafafa}
.tasks-list-container.compact-list .task-listing-bid{background-color:transparent}
.tasks-list-container.compact-list .task-listing:hover:before{opacity:1}
.tasks-list-container.compact-list .task-listing:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;display:block;background:#66676b;transition:.3s;opacity:0}
.tasks-list-container.compact-list .task-listing:last-of-type{border-radius:0 0 3px 3px;overflow:hidden}
.tasks-list-container.compact-list .task-listing:first-of-type{border-radius:3px 3px 0 0;overflow:hidden}
.tasks-list-container.compact-list .task-listing .task-listing-details{padding-right:0}
.section .task-listing-details,.section .task-listing-bid-inner{padding:27px 35px}
@media(max-width:1200px){
.task-listing-bid{flex:0 0 220px}
}
@media(min-width:481px) and (max-width:768px){
.task-listing-bid{flex:1;padding:10px 0}
.task-listing{flex-direction:column}
.task-listing-bid-inner{display:flex;margin:20px 0 0}
.tasks-grid-layout .task-listing-bid-inner{margin:0}
.task-listing-bid-inner .task-offers{flex:1}
.task-listing-bid-inner .button{height:100%;width:30%}
.tasks-list-container.compact-list .task-listing .task-listing-details{padding-right:35px;padding-bottom:0}
.tasks-list-container.compact-list .task-listing .task-listing-bid{padding-bottom:25px}
.task-listing-bid-inner{width:100%;padding:0 35px}
}
@media(max-width:768px){
.section .task-listing-details{padding:25px 30px}
.section .task-listing-bid-inner{padding:0 30px}
}
@media(max-width:480px){
.task-listing-bid{flex:1;padding:30px 0}
.task-listing{flex-direction:column}
.task-listing-bid-inner .task-offers{flex:1}
.task-listing-bid-inner .button{height:100%;width:100%}
.tasks-list-container.compact-list .task-listing .task-listing-details{padding-right:35px;padding-bottom:0}
.tasks-list-container.compact-list .task-listing .task-listing-bid{padding-bottom:35px}
.task-listing-bid-inner{width:100%;padding:0 35px}
}
.tasks-list-container.tasks-grid-layout{display:flex;flex-wrap:wrap;width:calc(100% + 30px)}
.tasks-list-container.tasks-grid-layout .task-listing{display:flex;justify-content:center;margin:0 30px 30px 0;width:calc(100% * (1/2) - 30px);flex-direction:column}
.tasks-list-container.tasks-grid-layout .task-listing-bid{flex:1;padding:0 0;display:block}
.tasks-list-container.tasks-grid-layout .task-listing{flex-direction:column}
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner{display:flex;align-items:center;padding:18px 32px}
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner .task-offers{flex:1;position:relative;top:5px}
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner .button{height:100%;width:45%}
.tasks-list-container.tasks-grid-layout .task-listing .task-listing-details{display:flex;align-items:center;padding:28px 32px}
@media(max-width:1240px){
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner{display:block}
.tasks-list-container.tasks-grid-layout .task-listing-bid{padding:20px 35px;padding-bottom:30px}
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner{padding:0}
.tasks-list-container.tasks-grid-layout .task-listing{flex-direction:column}
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner .task-offers{flex:1}
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner .button{height:100%;width:100%}
}
@media(max-width:768px){
.tasks-list-container.tasks-grid-layout{width:100%}
.tasks-list-container.tasks-grid-layout .task-listing{margin:0 0 30px;width:100%}
.tasks-list-container.compact-list .task-listing-bid,.tasks-list-container.compact-list .task-listing-details{width:100%}
}
@media(max-width:3860px){
.full-page-content-inner .tasks-grid-layout .task-listing{width:calc(100% * (1/4) - 30px)}
}
@media(max-width:2560px){
.full-page-content-inner .tasks-grid-layout .task-listing{width:calc(100% * (1/3) - 30px)}
}
@media(max-width:1600px){
.full-page-content-inner .tasks-grid-layout .task-listing{width:calc(100% * (1/2) - 30px)}
}
@media(max-width:1099px){
.full-page-content-inner .tasks-grid-layout .task-listing{width:calc(100% - 30px)}
}
@media(max-width:992px){
.full-page-content-inner .tasks-grid-layout .task-listing{width:calc(100%)}
}






.letters-list{width:100%;text-align:center;background-color:#f4f4f4;border-radius:4px;padding:20px}
.letters-list a{display:inline-block;font-size:18px;color:#333;height:40px;width:40px;line-height:40px;background-color:transparent;border-radius:4px;transition:.3s;margin:0 -2px}
.letters-list a.current{margin-right:0;color:#fff;font-weight:600;background-color:#66676b;box-shadow:0 2px 8px rgba(102,103,107,.25)}
.letters-list a:hover{color:#fff;background-color:#333;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.companies-list{display:flex;flex-wrap:wrap;margin-top:30px;width:calc(100% + 30px)}
.companies-list .company{width:calc(33.3% - 30px);margin:0 30px 30px 0;flex-grow:1;text-align:center;padding:50px 0;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:.3s}
.companies-list .company:hover{transform:translateY(-3px)}
@media(min-width:993px){
.companies-list .company:nth-child(3n){border-right:none}
.companies-list .company:nth-last-child(-n+3){border-bottom:none}
}
.companies-list .company img{max-width:120px;max-height:60px;display:inline-block;margin:0;transform:translate3d(0,0,0)}
.companies-list .company .company-logo{height:60px;display:flex;display:flex;align-items:center;justify-content:center;margin-bottom:30px}
.companies-list .company h4{color:#333;font-size:18px;font-weight:600;transition:.3s;display:block}
.companies-list .company span{color:#888}
.companies-list .company .star-rating{margin-top:5px}
.not-rated,.company-not-rated{border-radius:4px;background-color:#f0f0f0;color:#333;font-size:13px;line-height:18px;font-weight:600;padding:6px 9px;display:inline-block;margin-top:8px;text-align:left}
@media(max-width:1366px){
.letters-list a{font-size:16px;height:36px;width:36px;line-height:36px;margin:0 -1px}
}
@media(max-width:992px){
.companies-list .company{width:calc(50% - 30px)}
}
@media(max-width:768px){
.companies-list .company{width:100%}
}

/*배대지주소 팝업*/
.add-area{position:Relative; padding-right:40px; margin-bottom:10px;}
.add-area h5{font-size: 16px; font-weight: 600; color: #333; margin-bottom: 0px;}
.add-area p{border: 1px solid #e0e0e0;box-shadow: 0 1px 4px 0 rgba(0,0,0,.05); padding:2px 5px; margin:0px}
.add-area .button{position:absolute; top:25px; right:0px;text-align:center}

/*list*/
.list-3,.list-2,.list-1{padding:3px 0 0;font-size:13px; margin:0px;}
.list-3 li,.list-2 li,.list-1 li{list-style:none;margin:5px 0;line-height:22px;margin-left:23px;position:relative}
.list-3 li:first-child,.list-2 li:first-child,.list-1 li:first-child{margin-top:0}
.list-4 li:before,.list-3 li:before,.list-2 li:before,.list-1 li:before{margin:0;position:relative;color:#66676b;float:left;margin-left:-20px;display:block}
.list-1.gray li:before{color:#777}
.list-2 li,.list-2 li{margin-left:28px}
.list-3 li:before,.list-2 li:before{font-family:material-icons;content:"\e928";font-size:16px;font-weight:600;position:relative;top:0px;margin-left:-28px}
.list-3 li:before{content:"\e912";font-family:feather-icons;font-weight:500;font-size:16px}
.list-1 li:before{content:"";height:6px;width:6px;background-color:#66676b;border-radius:2px;position:relative;top:9px}
.numbered ol{counter-reset:li;list-style:none;padding:0;margin-left:18px;display:inline-block;font-size:16px}
.numbered ol li{display:inline-block;padding:6px 0;width:100%}
.numbered ol>li::before{content:counter(li);counter-increment:li;font-size:16px;line-height:28px;width:30px;height:30px;display:inline-block;border:1px solid #333;border-radius:50%;text-align:center;margin:0;
margin-left:0;font-weight:500;color:#333;position:relative;float:left;left:-18px;font-size:15px;transform:translateY(-10%)}
.numbered.color ol>li::before{border:1px solid #66676b;color:#66676b}
.numbered.color.filled ol>li::before{border:1px solid #66676b;color:#fff;background-color:#66676b}
mark{background-color:#fcf8e3;color:#8a803e;padding:1px 5px}
mark.mark01{background-color:#fcf8e3;color:#666;padding:2px 5px}
mark.mark02{background-color:#ffe9e9;color:#de5959;padding:2px 5px}
mark.color{background-color:#66676b;border-radius:4px;color:#fff}
#result .success,.notification{line-height:18px;position:relative;padding:7px 9px;/*padding-right:50px;*/border-radius:4px;width:100%;display:inline-block}
.notification.pd20{padding:15px}
.notification p{margin:0;font-size:13px;line-height:1.5em;}
#result .success,.notification.success{background-color:#ebf6e0}
#result .success,.notification.success,.notification.success a,.notification.success strong{color:#5f9025}
.notification.error{background-color:#ffe9e9}
.notification.error,.notification.error a,.notification.error strong{color:#de5959}
.notification.warning{background-color:#fbfadd}
.notification.warning,.notification.warning a,.notification.warning strong{color:#8f872e}
.notification.notice h4{font-size:17px; font-weight:bold; text-align:center}
.notification.notice h4,.notification.notice,.notification.notice a,.notification.notice strong{color:#106a98}
.notification.notice{background-color:#e9f7fe}
.notification.notice.large{padding:32px 36px}
.notification strong{font-weight:700}
.notification a{text-decoration:underline}
body .notification strong{border:none}
.notification.success .close,.notification.error .close,.notification.warning .close,.notification.notice .close{padding:0 9px;position:absolute;right:0;top:22px;display:block;height:8px;width:8px;cursor:pointer}
.notification.notice p span i{font-weight:500}
.notification a.button{float:right;color:#fff;margin-top:3px}
.notification.notice a.button{background-color:#388fc5}
.notification.warning a.button{background-color:#dfbe51}
.notification.error a.button{background-color:#d34c4c}
.notification.success a.button{background-color:#79ba38}
.notification.closeable a.close:before{content:"\ea02";font-family:feather-icons;position:absolute;right:25px;top:0;cursor:pointer;font-weight:600}
.notification p.big{font-size:20px; text-align:Center}

/*table basic-table 나의정보수정, 배송비요율표 적용*/
.dlvrFee {float:left;}
.dlvrFee.dlvrFee4-1 {width:100%;}
.dlvrFee.dlvrFee4-2 {width:50%;}
.dlvrFee.dlvrFee4-3 {width:33.33%;}
.dlvrFee.dlvrFee4-4 {width:25%;}
.dlvrFee.dlvrFee4-5 {width:20%;}
.dlvrFee.dlvrFee4-6 {width:16.66%;}
.dlvrFee.dlvrFee4-7 {width:14.28%;}
.dlvrFee.dlvrFee4-8 {width:12.5%;}
.dlvrFee.dlvrFee4-9 {width:11.11%;}
.dlvrFee.dlvrFee4-10 {width:10%;}

@media screen and (max-width:768px){
	.dlvrFee {float:none;clear:both;}
	.dlvrFee.dlvrFee4-1 {width:100%;}
	.dlvrFee.dlvrFee4-2 {width:100%;}
	.dlvrFee.dlvrFee4-3 {width:100%;}
	.dlvrFee.dlvrFee4-4 {width:100%;}
	.dlvrFee.dlvrFee4-5 {width:100%;}
	.dlvrFee.dlvrFee4-6 {width:100%;}
	.dlvrFee.dlvrFee4-7 {width:100%;}
	.dlvrFee.dlvrFee4-8 {width:100%;}
	.dlvrFee.dlvrFee4-9 {width:100%;}
	.dlvrFee.dlvrFee4-10 {width:100%;}
}

table.basic-table{width:100%;border-collapse:collapse;border-spacing:0;border:none;background:#fff}
table.basic-table th{background-color:#f4f4f4;text-align:center;color:#666;vertical-align:top;font-weight:500;}
table.basic-table th:first-child{border-radius:4px 0 0 4px}
table.basic-table th:last-child{border-radius:0 4px 4px 0}
table.basic-table th,table.basic-table td{padding:5px 10px; border:1px solid #d8d8d8; font-size:13px;}
table.basic-table td{position:relative; word-break:normal;}
table.basic-table td span.stxt{position:absolute; top:20px; right:20px;color:#a1a1a1; font-size:13px;}
table.basic-table td.title{background:#f4f4f4;font-weight:bold}
table.basic-table td.title_red{background:#f4f4f4;font-weight:bold; color:red;}
table.basic-table.tr td{ text-align:right}
table.basic-table.type01 td{text-align:center;}
table.basic-table.type01 td.conTxt{}

@media screen and (max-width:768px){
table.basic-table{border:0;border-top:0px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
table.basic-table th{display:none}
table.basic-table tr{display:block;margin-bottom:0}
table.basic-table td{display:block;font-size:14px;text-align:left; width:100%;float:left; box-sizing:border-box; font-size:13px;}
table.basic-table td:before{content:attr(data-label);float:left;font-weight:600;display:block; text-align:left;}
table.basic-table td{border-bottom:0}
table.basic-table td{padding:5px 15px;  border-top:0px solid #f4f4f4; }
table.basic-table td.title{display:block; width:100%; overflow:hidden; padding-left:15px; text-align:left;border-top:1px solid #d8d8d8;}
table.basic-table .with-border.small{display:inline-block; }
table.basic-table td span.stxt{top:48px; right:15px }
table.block-td td{width:100%;}
table.basic-table.type01 td{text-align:right; }
table.basic-table.type01 td.conTxt{text-align:left; border-bottom:1px solid #eee; font-size:13px;}
table.basic-table.type01 colgroup,table.basic-table colgroup{display:none;}
}
table.td-border-table{width:100%;border-collapse:collapse;border-spacing:0;border:none;background:#fff}
table.td-border-table th{background-color:#f4f4f4;color:#666;vertical-align:top;font-weight:500;}
table.td-border-table th:first-child{border-radius:4px 0 0 4px}
table.td-border-table th:last-child{border-radius:0 4px 4px 0}
table.td-border-table th,table.td-border-table td{padding:5px 10px; text-align:center; border:1px solid #d5d5d5; font-size:13px;}
table.td-border-table td{text-align:left;}
table.td-border-table td.title{color:#333;text-align:center; }
table.td-border-table td .checkbox-area{margin-top:0px; }
table.td-border-table td .checkbox-area label{margin-bottom:0px;}
table.td-border-table td.tr{text-align:right;}
@media screen and (max-width:992px){
table.td-border-table {background:none;border-top:1px solid #d5d5d5; }
table.td-border-table th{display:none}
table.td-border-table tr{display:block;margin-bottom:0;}
table.td-border-table td{display:block;box-sizing:border-box;padding:5px 10px;   border:1px solid #d5d5d5; border-top:0px;}
table.td-border-table td:before{content:attr(data-label);float:left;font-weight:600;display:block; }
table.td-border-table td.title{text-align:left;font-weight:600; font-size:16px;display:block; width:100%; overflow:hidden;}
table.td-border-table.block25per td{width:25%;}
table.td-border-table colgroup{display:none;}
}
/*table basic-table02 엑셀대량등록관리(내용확인)*/
.table_wrap{position:relative; overflow:hidden;}
.table_wrap .table01_wrap{overflow:scroll;}
.table_wrap .table01_wrap table{border-collapse:collapse; width:4500px; height:400px; display:block;position:relative;}
.table_wrap .table01_wrap table tbody{}
.table_wrap .table01_wrap table th , .table_wrap .table01_wrap table td{min-width:150px; max-width:150px; padding:5px; text-align:center; border:1px solid #ddd; box-sizing:border-box;}
.table_wrap .table01_wrap table th{font-size:15px; background-color:#fafafa; border-bottom:0px;}
.table_wrap .table01_wrap table td{font-size:14px; word-break:break-all;}
/*스크롤바*/
/* width */
.table_wrap .table01_wrap::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.3);background-color: #F0F0F0;}
.table01_wrap table tbody::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.3);background-color: #F0F0F0;}
/* Track */
.table_wrap .table01_wrap::-webkit-scrollbar{height:10px; background-color: #F0F0F0;}
.table01_wrap table tbody::-webkit-scrollbar{width:4px; background-color: #F0F0F0;}
/* Handle */
.table_wrap .table01_wrap::-webkit-scrollbar-thumb{background-color:#ddd;}
.table_wrap .table01_wrap::-webkit-scrollbar-thumb:hover{background-color:#ccc;}
.table01_wrap table tbody::-webkit-scrollbar-thumb{background-color:#ddd;}
.table01_wrap table tbody::-webkit-scrollbar-thumb:hover{background-color:#ccc;}

@media screen and (max-width:992px){
/*.table_wrap:after{position:absolute; top:0; left:100%; width:50px; height:100%; border-radius:0 10px 10px 0 / 0 50% 50% 0; 	box-shadow:-5px -5px 10px rgba(0, 0, 0, 0.25); content:'';}*/
.table_wrap{-webkit-overflow-scrolling:touch;}
.table_wrap .table01_wrap{-webkit-transform:translateZ(0)}
.table_wrap .table01_wrap table{width:3900px;}
.table_wrap .table01_wrap table thead{box-shadow:0 3px 5px rgba(0,0,0,0.25);}
.table_wrap .table01_wrap table th , .table_wrap .table01_wrap table td{min-width:130px; max-width:130px; padding:5px; font-size:13px;}
}
@media screen and (max-width:768px){
.table_wrap .table01_wrap table{width:3600px;}
.table_wrap .table01_wrap table th , .table_wrap .table01_wrap table td{min-width:120px; max-width:120px; padding:5px; font-size:12px;}
}

/*출항스케줄*/
.sch_wrap{padding-bottom:15px;}
.sch_wrap:after{content:""; display:block; clear:both;}
.sch_wrap .sch_calendarBox{float:left; width:34%; border-right:1px solid #eee;}
.sch_calendarBox .year{text-align:center; margin-bottom:10px;}
.sch_calendarBox .year a{color:#666;}
.sch_calendarBox .calendar{padding-right:10px;}
.sch-table{width:98%; margin:0 auto;}
.sch-table th , .sch-table td{border:1px solid #dee3eb; text-align:center;}
.sch-table th{font-size:13px; font-weight:500; padding:5px 3px; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
.sch-table th.sch_red{color:#ff0000;}
.sch-table th.sch_blue{color:#2a41e8;}
.sch-table td{font-size:13px; padding:4px 3px;border:1px solid #eee;cursor:pointer;}
.sch-table td.on{background:#d3d8ff;}
.sch-table td.off{background:#f6f6f6;}
.sch-table td.today{background:#38b653; color:#fff;}
.sch_calendarBox .calendar .conTxt{font-size:14px; text-align:center; margin-top:10px;}
.sch_calendarBox .calendar .conTxt span{color:#ddd;}
.sch_wrap .sch_listBox{float:right; width:65%; padding-left:5px;}
.sch_listBox .sch_year{text-align:center; margin-bottom:10px;}
.sch_listBox .sch_year a{color:#666;}
.schedule_list{}
.schedule_list table.sch_list{}
table.sch_list th , table.sch_list td{font-size:14px; padding:5px 10px;}
.schedule_list table.sch_list .schedule_way{font-size:25px;}

@media screen and (max-width:992px){
.sch_wrap .sch_calendarBox{float:none; width:100%; border-right:none; padding-bottom:20px; border-bottom:1px solid #eee;}
.sch_wrap .sch_listBox{float:none; width:100%; margin-top:20px;}
.schedule_list .sch-table th{}
.schedule_list table.sch_list colgroup{display:none;}
.schedule_list table.sch_list td{padding:3px 10px; border-bottom:1px solid #eee; overflow:hidden;} /*text-align:right; */
.schedule_list table.sch_list td:first-child{border-top:1px solid #eee;}
.schedule_list table.sch_list td:last-child{margin-bottom:5px;}
.schedule_list table.sch_list td:before{content:attr(data-label);/*float:left;*/font-weight:600; display:block;}
.schedule_list table.sch_list td .sch_list_txt{float:right;}
}
@media screen and (max-width:768px){
.schedule_list table.sch_list td{width:100%; display:block;}
}

/*faq*/
.accordion-faq{font-size:16px;width:100%;margin:0 auto;border-radius:4px;overflow:hidden;margin-bottom:20px; }
.accordion-faq .accordion{border-radius:0;box-shadow:none}
.accordion-faq .accordion-header,.accordion-body{background:#fff}
.accordion-faq .accordion-header{padding:20px 25px;background:#fff;color:#333;cursor:pointer;font-size:16px;transition:all .3s;position:relative;box-shadow:0 -1px 0 rgba(0,0,0,.15);line-height:27px;}
.accordion-faq .accordion-header:hover{background:#fcfcfc}
.accordion-faq .accordion-header:first-child{border-top:0px}
.accordion-faq .accordion-header i{padding-right:5px;position:Relative; top:2px}
.accordion-faq .accordion .accordion-header{box-shadow:0 -1px 0 rgba(0,0,0,.07)}
.accordion-faq .accordion-header:before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;content:"";opacity:0;transition:.3s}
.accordion-faq .accordion-body__contents p:last-child{margin-bottom:0;padding-bottom:0}
.accordion-faq .accordion-body{background:#fff;color:#666;display:none ;}
.accordion-faq .accordion-body__contents{border-top:1px solid #e4e4e4; background:#f6f6f6;padding:20px 25px;}
.accordion-faq .accordion-body__contents ul li{width:100%;border-bottom:1px solid #e4e4e4 }
.accordion-faq .accordion-body__contents ul li:last-child{border-bottom:0px;}
.accordion-faq .accordion-body__contents ul li a{display:block; color:#333;line-height:20px;overflow:hidden; padding:15px 25px;}
.accordion-faq .accordion-body__contents ul li:hover{background:#f0f0f0}
.accordion-faq .accordion-body__contents span{float:left}
.accordion-faq .accordion-body__contents strong{font-size:14.7px;font-weight:700;margin-right:5px;line-height:20px;font-family: Tahoma,Sans-serif; float:right}
.accordion-faq .accordion__item.active:last-child .accordion-header{border-radius:none}
.accordion-faq :first-child>.accordion__item>.accordion-header{border-bottom:1px solid transparent}
.accordion-faq .accordion__item>.accordion-header:after{content:"\e957";font-family:Material-Icons;font-size:19px;float:right;position:relative;top:-1px;transition:.3s all;transform:rotate(0deg)}
.accordion-faq .accordion__item.active>.accordion-header:after{transform:rotate(-180deg)}
.accordion-faq .accordion__item.active .accordion .accordion-header:before{opacity:0}
.accordion-faq .accordion__item .accordion__item .accordion-header{background:#f7f7f7;color:#666}



.copy-url{display:flex}
.copy-url input{border-radius:4px 0 0 4px;border-right:0}
.copy-url .copy-url-button{min-width:48px;background-color:#66676b;color:#fff;border-radius:0 4px 4px 0}
.share-buttons{display:block}
.share-buttons-trigger{display:inline-block;height:44px;width:44px;line-height:44px;text-align:center;color:#a0a0a0;font-size:18px;background-color:#f0f0f0;border-radius:4px;transition:.4s;cursor:default}
.share-buttons-trigger i{position:relative;top:1px}
.share-buttons-content{display:inline-block;position:relative;width:calc(100% - 60px)}
.share-buttons-content span{margin-left:10px;color:#888;cursor:default;padding:10px 0;display:inline-block;transition:.4s}
.share-buttons-content span strong{color:#66676b;font-weight:600}
.share-buttons:hover .share-buttons-content span{opacity:0;transition:.2s}
.share-buttons-icons{position:absolute;left:5px;top:0;padding:0;margin:0;opacity:0;transform:translateX(-10px);transition:all .4s cubic-bezier(.5,-.41,.19,2)}
.share-buttons:hover .share-buttons-icons{opacity:1;transform:translate(0)}
.share-buttons-icons li{display:inline-block;float:left}
.share-buttons-icons li:first-child a{border-radius:4px 0 0 4px}
.share-buttons-icons li:last-child a{border-radius:0 4px 4px 0}
.share-buttons-icons li a{height:44px;width:44px;display:inline-block;line-height:44px;text-align:center;background-color:#333;color:#fff;font-size:14px}
.share-buttons-icons li a i{position:relative;top:1px}


.star-rating{display:inline-block}
.star-rating .star{display:inline-block;margin:0;padding:0;float:left;margin-right:0;position:relative}
.star-rating .star.half:after,.star-rating .star:before{font-family:material-icons;content:"\e988";display:block;color:#febe42;font-size:22px}
.star-rating .star.empty:before{color:#ddd}
.rating:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.star-rating .star.half:before{color:#ddd}
.star-rating .star.half:after{color:#febe42;position:absolute;top:0;width:50%;display:block;height:100%;overflow:hidden}
.star-rating:before{content:attr(data-rating);float:left;border-radius:4px;background-color:#febe42;color:#fff;font-size:14px;line-height:15px;font-weight:700;padding:5px 7px;position:relative;top:1px;margin-right:10px}
.star-rating.no-stars .star{display:none}
.star-rating.no-stars:before{margin-right:0}
.leave-rating{height:24px;float:left;position:relative}
.leave-rating:hover input[type=radio]:checked~label{color:#dadada}
.leave-rating input[type=radio]{display:inline-block;width:1px;position:absolute;opacity:0;pointer-events:none;height:100%;margin-left:50%;left:0;top:0;transform:translateX(-50%)}
.leave-rating input[type=radio]:checked~label{color:#ffc600}
.leave-rating label{font-size:24px;float:right;letter-spacing:0;color:#dadada;cursor:pointer;transition:.3s}
.leave-rating label:hover,.leave-rating label:hover~label{color:#ffc600!important}
.leave-rating-title{display:block;margin:0 0 4px}
.welcome-text .leave-rating-container{text-align:center;margin:0 auto;margin-top:15px;left:50%;width:100%;display:block}
.welcome-text .leave-rating{position:relative;left:50%;transform:translateX(-50%) scale(1.2)}
.ripple-effect-dark,.ripple-effect{overflow:hidden;position:relative;z-index:1}
.ripple-effect span.ripple-overlay,.ripple-effect-dark span.ripple-overlay{animation:ripple .9s;border-radius:100%;background:#fff;height:12px;position:absolute;width:12px;line-height:12px;opacity:.1;pointer-events:none}
.ripple-effect-dark span.ripple-overlay{background:#000;opacity:.07}
@keyframes ripple{
0%{-webkit-transform:scale(4);transform:scale(4)}
100%{opacity:0;-webkit-transform:scale(40);transform:scale(40)}
}
.input-with-icon{display:block;position:relative}
.input-with-icon input{padding-right:45px}
.input-with-icon i{position:absolute;top:50%;transform:translateY(-50%);right:15px;font-size:20px;color:#a0a0a0;font-style:normal;cursor:normal;pointer-events:none}
.input-with-icon i.currency{font-size:14px}
.input-with-icon-left{position:relative}
.input-with-icon-left input{padding-left:35px}
.input-with-icon-left i{position:absolute;top:0;color:#a0a0a0;text-align:center;line-height:30px;width:30px;height:30px;font-size:15px;background-color:#f8f8f8;border:1px solid #d5d5d5;box-sizing:border-box;
display:block;border-radius:4px 0 0 4px}
.input-with-icon-left.no-border i{border:none}
.input-with-icon-left span{position:absolute; top:-35px; right:0px; font-size:13px; color:red;}
.input-with-icon-left .input-button, .field-block .input-button{position:absolute;top:0px;right:0;height:30px;width:auto;padding:0 10px;color:#fff;background-color:#66676b;border-radius:4px;
font-size:19px;text-align:center;line-height:30px; font-size:13px;}
.field-block.fl .input-button{right:0px;}
.keywords-container{margin-bottom:-15px}
.keywords-list{display:block;float:left;height:0}
.keyword{background-color:rgba(102,103,107,.07);color:#66676b;display:inline-block;float:left;padding:0;border-radius:4px;cursor:default;margin:0 7px 7px 0;height:35px;line-height:35px;box-sizing:border-box;
animation:KeywordIn .3s ease-in-out;animation-fill-mode:both;transition:.4s;overflow:hidden;max-width:100%;font-size:14.7px}
@keyframes KeywordIn{
0%{opacity:0;transform:scale(.9)}
100%{opacity:1;transform:scale(1)}
}
.keyword.keyword-removed{max-width:0;margin:0;overflow:hidden;opacity:0;animation:KeywordOut .4s ease-in-out;animation-fill-mode:both;pointer-events:none}
@keyframes KeywordOut{
0%{opacity:1}50%{opacity:0}
100%{opacity:0;margin-top:-35px}
}
.keyword-text{padding-right:12px}
.keyword .keyword-remove:before{display:inline-block;cursor:pointer;font-family:feather-icons;content:"\ea02";line-height:20px;position:relative;top:2px;margin-right:4px;margin-left:10px;font-size:15px}
.keyword-input-container{position:relative}
.keyword-input-container .keyword-input-button{position:absolute;top:0;right:0;height:36px;width:36px;padding:0;color:#fff;background-color:#66676b;border-radius:4px;margin:6px;font-size:19px;text-align:center;
line-height:36px}
.keyword-input-container .keyword-input-button i{color:#fff;position:relative;top:2px}
input.keyword-input{margin:0 0 15px}
.tags-container{display:block}
.tags-container input[type=checkbox]{display:none}
.tags-container input[type=checkbox]+label{transition:.3s;font-size:14.7px;cursor:pointer;border-radius:4px;background-color:#eee;color:#777;display:inline-block;padding:6px 15px;margin:0;line-height:24px}
.tags-container input[type=checkbox]+label:hover{background-color:#e8e8e8}
.tags-container input[type=checkbox]:checked+label{background-color:#66676b;color:#fff;transition:.3s}
.tags-container input[type=checkbox]+label:before{font-family:feather-icons;content:"\e92b";font-size:18px;transition:all .35s cubic-bezier(.5,-.41,.19,2),max-width .3s,margin .3s;max-width:0;display:inline-block;
position:relative;top:3px;margin:0;opacity:0;color:#fff;line-height:0;transform:scale(.5)}
.tags-container input[type=checkbox]:checked+label:before{max-width:30px;opacity:1;transform:scale(1);margin:0 5px 0 -2px}
.tags-container .tag{display:inline-block;float:left;margin:0 7px 7px 0;overflow:hidden}
.switches-list .switch-container{width:100%}
.switches-list .switch-container:last-child label{margin-bottom:0}
.switch-container{display:inline-block;cursor:pointer;}
label.switch{position:relative}
.switches-list .switch-container label{cursor:pointer;position:relative;padding-left:45px;line-height:26px}
.switch-button{position:relative;display:inline-block;width:34px;height:20px;cursor:pointer;background-color:#ccc;border-radius:50px;transition:.4s;margin:0 7px 0 0;top:4px;position:absolute;top:2px;left:0}
.notify-box .switch-button{top:0}
.notify-box .switch-container{top:5px;position:relative; font-size:12px;}
.switch span.switch-text{display:block;padding-left:48px;font-size:16px;line-height:22px;color:#666}
.switch input{display:none}
.switch.interactive-effect input:checked+.switch-button:before{animation:switch-shadow-color .4s}
.switch.interactive-effect .switch-button:before{animation:switch-shadow .4s}
@keyframes switch-shadow{
0%{box-shadow:0 0 0 0 rgba(0,0,0,.3)}
100%{box-shadow:0 0 0 10px transparent}
}
@keyframes switch-shadow-color{
0%{box-shadow:0 0 0 0 rgba(102,103,107,.6)}
100%{box-shadow:0 0 0 10px transparent}
}
.switch-button:before{position:absolute;content:"";height:16px;width:16px;bottom:2px;left:2px;background-color:#fff;transition:.4s,box-shadow .3s;border-radius:50px}
input:checked+.switch-button{background-color:#66676b}
input:checked+.switch-button:before{transform:translateX(14px)}


.small-label{border-radius:4px;display:inline-block;background:#e0f5d7;color:#449626;padding:0 8px;line-height:27px;height:26px;margin-left:5px;position:relative;top:-1px}

.uploadButton{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:10px;width:100%;font-style:normal;font-size:14px}
.uploadButton .uploadButton-input{opacity:0;position:absolute;overflow:hidden;z-index:-1;pointer-events:none}
.uploadButton .uploadButton-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:30px;padding:5px 10px;cursor:pointer;border-radius:4px;color:#66676b;
background-color:transparent;border:1px solid #66676b;flex-direction:row;transition:.3s;margin:0;outline:none;box-shadow:0 3px 10px rgba(102,103,107,.1)}
.uploadButton .uploadButton-button:hover{background-color:#66676b;box-shadow:0 4px 12px rgba(102,103,107,.15);color:#fff}
.uploadButton .uploadButton-file-name{flex-grow:1;display:flex;align-items:center;flex:1;box-sizing:border-box;padding:0 10px;padding-left:18px;/*min-height:42px;*/top:1px;position:relative;color:#888;
background-color:transparent;overflow:hidden;line-height:22px; font-size:13px;}
.uploadButton{flex-direction:column}
.uploadButton .uploadButton-file-name{padding:0;margin:15px 0 0}
.submit-field .uploadButton{flex-direction:row}
.submit-field .uploadButton .uploadButton-file-name{margin:0px 0px 0px 15px}



/*갤러리 이미지 박스*/
.photo-box{border-radius:4px;height:360px;display:block;position:relative;background-size:cover;background-position:center;border:1px solid #d8d8d8;transition:.4s;margin:5px 0 10px}
/*.photo-box:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#333;opacity:.5;border-radius:4px;transition:.4s}*/
.photo-box.no-bg:before{opacity:0;}
.photo-box-content{position:relative; margin-bottom:15px}
.photo-box-content h3{color:#666;font-size:13px;line-height:18px;font-weight:bold;  white-space:nowrap text-overflow:ellipsis; width:100%; overflow:hidden; }
.photo-box-content p{font-size:11px; color:#666; line-height:1.18px; margin:0px;padding-top:10px}
/*.photo-box:hover{box-shadow:0 4px 12px rgba(102,103,107,.25);transform:translateY(-10px)}
.photo-box:hover:before{background:#66676b;opacity:.95}
.photo-box.no-bg:hover{box-shadow:0 3px 10px rgba(0,0,0,.2);}
.photo-box.no-bg:hover:before{opacity:0;}*/
.photo-box.small{height:160px;margin-bottom:5px}
/*.photo-box.small:hover{transform:translateY(-5px)}*/
.photo-box.small .photo-box-content{left:0;right:0;margin:0 auto ;text-align:center;bottom:auto;top:50%;transform:translateY(-49%)}
.photo-box.small .photo-box-content h3{font-size:16px;font-weight:600}
.photo-box.small .photo-box-content span{color:#fff;background:#66676b;font-size:14px;line-height:18px;margin-top:5px;transition:.3s}
/*.photo-box.small:hover .photo-box-content span{color:#fff;background:rgba(0,0,0,.2)}*/

.event-box{margin-bottom:20px; border-bottom:1px solid #d8d8d8; padding:15px;}
.event-box .photo-box.small{margin-bottom:10px}
.event-box .event-content{padding-top:10px;}
.event-box .event-content .dashboard-status-button{margin:0px;}
.event-box .event-content p{margin:0px;}
.event-box .event-content  span{font-size:13px;}
.event-box .event-content .num span{position:relative; top:-2px}

.no-data{margin-bottom:20px;}
.no-data .photo-box.small{margin-bottom:10px}
.no-data .photo-box-content2 h3{font-size:16px;}

.photo-box.small.evnt{height:160px;}

@media (max-width: 1367px) {
.photo-box.small.evnt{height:141px;}
}
@media (max-width: 1240px) {
.photo-box.small.evnt{height:122px;}
}
@media (max-width: 1199px) {
.photo-box.small.evnt{height:160px; background-size:100% 100%;}
}
@media(max-width:768px){
.photo-box.small.evnt{height:134px;}
}
@media (max-width: 480px) {
.photo-box.small.evnt{height:99px;}
}

.billing-cycle-radios{display:block;margin:0 auto;text-align:center}
.billing-cycle-radios.text-align-left{text-align:left}
.billing-cycle-radios .radio{margin-right:20px}
.billing-cycle-radios .radio:last-child{margin-right:0}


/*결제*/
.headline-border-top{border-top:1px solid #e0e0e0}
.boxed-widget{background-color:#fff;padding:0;transform:translate3d(0,0,0);z-index:90;position:relative;border-radius:4px;overflow:hidden; width:100%;}
.boxed-widget-headline{color:#333;font-size:20px;padding:20px 25px;background-color:#f0f0f0;color:#333;position:relative;border-radius:4px 4px 0 0}
.boxed-widget-headline h3{font-size:20px;padding:0;margin:0}
.boxed-widget-inner{background-color:#f0f0f0; padding:15px;}
.boxed-widget ul{list-style:none;padding:0;margin:0}
.boxed-widget ul li span{float:right;color:#333;font-weight:600}
.boxed-widget ul li{color:#666;padding-bottom:1px;font-size:13px;}
.boxed-widget.summary li.total-costs{font-size:14px;}
.boxed-widget-footer{border-top:1px solid #e4e4e4;width:100%;padding:20px 30px}
.boxed-widget-footer .checkbox label{margin-bottom:0}
.boxed-widget.summary li.total-costs span{font-weight:700;color:red}
.boxed-widget.summary li.total-costs span.bold{font-size:20px}
.listing-item-container.compact.order-summary-widget .listing-item{border-radius:4px 4px 0 0;cursor:default;height:240px}
.listing-item-container.compact.order-summary-widget{margin-bottom:0}
.listing-item-container.compact.order-summary-widget:hover{transform:none}
.billing-cycle{display:block;border:2px solid #f2f2f2; background:#f0f0f0;padding-right:400px; position:relative}
.billing-inner{padding:15px; background:#fff}
.billing-inner .submit-field-area{margin: -5px;padding-top:15px}
.billing-inner .submit-field-area .field-block{float:left; width:50%;padding:5px;}
.billing-inner .submit-field-area .field-block .inner{position:relative;padding-right:80px;}
.billing-inner .submit-field-area .field-block .inner .input-button{position:absolute; right:0px; top:0px;}
.summary-area{width:400px; position:absolute; right:0px;top:0px;}
.billing-cycle .radio{display:inline-block;}
.billing-cycle .radio label{border-radius:4px;height:100%;align-self:center; padding-left:0px;}
.billing-cycle .radio:last-of-type{margin-right:0}
.billing-cycle .radio input[type=radio]+label .radio-label{position:relative;top:3px;margin-right:7px}
.billing-cycle-details{display:block;padding-left:0px}
.discounted-price-tag,.regular-price-tag{font-size:13px;background:#e0f5d7;color:#449626;border-radius:4px;line-height:20px;padding:4px 10px;flex-grow:0;flex:auto;width:auto;transition:.3s;margin-top:6px;
margin-right:5px;display:inline-block}
.regular-price-tag{/*text-decoration:line-through;*/background-color:#fbf6dd;color:#a18d29}
@media (max-width: 1367px) {
.billing-cycle{padding-right:300px; }
.summary-area{width:300px; }
}
@media (max-width: 1240px) {
.billing-cycle{padding-right:250px; }
.summary-area{width:250px; }
}
@media (max-width: 992px) {
.billing-cycle{padding-right:0px; }
.summary-area{width:100%;position:Relative;  }
}
@media (max-width: 480px) {
.billing-inner .submit-field-area .field-block{width:100%;}
}


@media(max-width:768px){
.billing-cycle{display:flex;flex-direction:column}
.billing-cycle .radio{margin-right:0}
.boxed-widget.summary li.total-costs span.bold{font-size:20px}
}
.payment{margin-top:10px}
.payment-logo{height:24px;position:absolute;right:19px;top:18px;image-rendering:-webkit-optimize-contrast}
.payment-logo.paypal{height:16px;top:22px}
.payment-tab-trigger>input{position:absolute;visibility:hidden}
.payment-tab-trigger{padding:0 20px}
.payment-tab-trigger>label{cursor:pointer;display:block;position:relative;top:0;padding:14px 0;top:3px;margin-bottom:0;font-weight:500}
.payment-tab-trigger>label::before{transition:.2s;box-sizing:border-box;background-color:#fff;border:2px solid #d0d0d0;border-radius:100%;content:"";display:inline-block;margin-right:10px;position:relative;top:3px;
width:18px;height:18px}
.payment-tab-trigger>label::after{background:#fff;border-radius:100%;content:"";display:inline-block;position:absolute;left:5px;top:22px;width:8px;height:8px;transition:.2s;transform:scale(0)}
.payment-tab-trigger>input:checked~label::before{border-color:#66676b}
.payment-tab-trigger>input:checked~label::after{background-color:#66676b;transform:scale(1)}
.payment{border:2px solid #f2f2f2;border-radius:4px;overflow:hidden}
.payment-tab{background:#f2f2f2;box-sizing:border-box;max-height:60px;overflow:hidden;position:relative;transition:all .3s 0s ease-in-out;width:100%}
.payment-tab:first-of-type{border-radius:4px 4px 0 0}
.payment-tab:last-of-type{border-radius:0 0 4px 4px}
.payment-tab.payment-tab-active{max-height:400px;background:#fff}
.payment-tab .submit-field-area{padding:25px;}
@media(max-width:991px){
.payment-tab.payment-tab-active{max-height:800px}
.payment{margin-bottom:20px}
}
@media(max-width:768px){
.payment{margin-top:3px}
.payment .submit-field-area .filed-two .field-block{width:100%;padding:0px;}
.payment .submit-field-area .filed-two .field-block.fl{margin-bottom:10px;}
.payment .submit-field-area .filed-two .field-block.fl .input-button{right:0px;}
}
.payment-tab-content{padding:0 20px 20px;background-color:#fff;visibility:hidden;opacity:0;transition:.2s ease-in-out}
.payment-form-row{margin-top:-10px;margin-bottom:5px}
.payment-tab.payment-tab-active .payment-tab-content{visibility:visible;opacity:1}
.card-label>input{box-sizing:border-box;display:block;height:51px;margin:14px auto 5px;padding:5px 15px 0;transition:border-color .3s;width:100%;border:1px solid #dbdbdb;background-color:#fff;
text-decoration:none;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.06);box-shadow:none;padding:15px 0;border:none;border-bottom:1px solid #e0e0e0;border-radius:0}
.card-label>input:focus{box-shadow:none;border-bottom:1px solid #e0e0e0;padding:15px 0}
.card-label>input::placeholder{transition:.2s ease-in-out;-webkit-transform-origin:left}
.card-label>input:focus::placeholder{transform:translateY(-18px)}
.card-label>label{background-color:#fff;display:inline-block;margin:6px auto auto 8px;font-size:13px;padding:0 7px;font-weight:500;color:#909090;display:none}
.payment-tab p{margin:10px 0}
.order-confirmation-page{text-align:center;padding-bottom:120px;padding-top:0}
.order-confirmation-page h2{font-size:48px;font-weight:700;letter-spacing:-.5px;margin-bottom:25px;display:block}
.order-confirmation-page p{font-size:20px;color:gray;font-weight:300;display:block;line-height:32px}
.order-confirmation-page a.button:before{display:none}
.order-confirmation-page a.button{background-color:#eee;color:#606060;font-weight:600;font-size:18px;box-shadow:none;padding-top:14px;padding-bottom:14px}
.order-confirmation-page a.button i{font-size:24px}.book-now.button{padding:9px;margin-bottom:-4px}
.breathing-icon{background-color:#66676b;width:120px;height:120px;line-height:0;font-size:18px;border-radius:50%;margin:0 auto;margin-top:30px;position:relative;z-index:100;transition:.4s;color:#fff;font-weight:500;
animation:bicokAnim 3s infinite;box-shadow:0 0 0 15px rgba(102,103,107,.07);margin-bottom:70px;font-size:90px}
.breathing-icon i{color:#fff;position:absolute;top:53%;left:0;right:0;transform:translateY(-50%)}
@keyframes bicokAnim{
0%,100%{box-shadow:0 0 0 15px rgba(102,103,107,.07)}
50%{box-shadow:0 0 0 28px rgba(102,103,107,.12)}
}
@media(max-width:991px){
.order-confirmation-page i{font-size:100px}
.order-confirmation-page p{font-size:18px}
.order-confirmation-page h2{font-size:30px}
}
.icon-box{text-align:center;margin-top:45px;position:relative}
.icon-box-circle{background-color:#fff;width:50%;height:60px;z-index:100;margin:0 auto;display:inline-block;position:relative;margin-bottom:35px}
.icon-box-circle-inner{font-size:72px;color:#ccc;position:relative;width:60px;margin:0 auto;display:inline-block}
.icon-box-check{background-color:#66676b;width:30px;height:30px;line-height:32px;font-size:18px;border-radius:50%;margin:0 auto;position:relative;z-index:100;animation:circle-box-anim 2s infinite;transition:.4s;color:#fff;font-weight:500;
position:absolute;bottom:-3px;right:-10px;animation:checkAnim 2s infinite;box-shadow:0 0 0 5px rgba(102,103,107,.1)}
@keyframes checkAnim{
0%,100%{box-shadow:0 0 0 5px rgba(102,103,107,.15)}
50%{box-shadow:0 0 0 8px rgba(102,103,107,.15)}
}
.icon-box span{color:#666;text-transform:uppercase;font-size:14px;font-weight:500}
.icon-box h4{margin:4px 0;line-height:26px}
.icon-box h3{margin:4px 0;line-height:26px;font-size:22px;font-weight:500}
.icon-box p{margin:0;margin-top:25px;font-style:16px;padding:0 10px;color:gray}
.icon-box.with-line:before{content:"";height:1px;width:100%;position:absolute;left:50%;top:40px;background:#e9e9e9;display:block;z-index:9}
@media(max-width:992px){
.icon-box.with-line:before{display:none}
}


.logo-carousel .carousel-item{display:inline-block;height:120px;text-align:center;position:relative}
.logo-carousel .carousel-item a{display:inline-block}
.logo-carousel .carousel-item img{max-height:60%;max-width:60%;margin:0 auto;left:0;right:0;position:absolute;top:50%;transform:translateY(-50%)}
.logo-carousel .slick-prev,.logo-carousel .slick-next{top:50%}
.blog-carousel{width:calc(100% + 30px);left:-15px}
.blog-carousel .blog-compact-item-container{margin:15px;display:inline-block;width:30%}
.blog-carousel.slick-initialized .blog-compact-item-container{width:auto}
.full-width-carousel-fix .default-slick-carousel.slick-initialized .project,.full-width-carousel-fix .blog-carousel.slick-initialized .blog-compact-item-container{margin:15px;transform:scale(.85);opacity:0;pointer-events:none;transition:.4s}
.full-width-carousel-fix .default-slick-carousel.slick-initialized .slick-slide.slick-active.project,.full-width-carousel-fix .blog-carousel.slick-initialized .slick-slide.slick-active.blog-compact-item-container{transform:scale(1);opacity:1;pointer-events:all}
.full-width-carousel-fix .blog-carousel.slick-initialized .slick-slide.slick-active.blog-compact-item-container:hover{transform:scale(1) translateY(-10px)}
.photo-section{background-size:cover;background-position:50%;display:block;position:relative}
.photo-section:before{content:"";width:100%;height:100%;background-color:#333;opacity:.65;display:block;position:absolute;top:0}
.text-content{background:0 0;padding:110px 0;font-weight:500;z-index:99;position:relative}
.text-content.white-font,.text-content h1,.text-content h2,.text-content h3,.text-content h4,.text-content h5,.text-content.white-font h1,
.text-content.white-font h2,.text-content.white-font h3,.text-content.white-font h4,.text-content.white-font h5{color:#fff}.text-content a.button{font-size:16px;box-shadow:0 3px 8px rgba(0,0,0,.1)}
.text-content p{font-size:18px;font-weight:300;line-height:31px;opacity:.85}
.text-content h2{margin-bottom:23px;line-height:46px;font-size:34px;font-weight:500}
.top-1{position:relative;top:-1px}
.top-0{position:relative}
@media(max-width:992px){
.text-content{padding:80px 0}
.text-content h2{margin-bottom:20px;line-height:40px;font-size:30px;font-weight:500}
}
.counters-container{display:flex;flex-wrap:wrap}
.single-counter{flex:1;text-align:center;position:relative;border-right:1px solid #e0e0e0;margin-top:80px}
.single-counter:last-child{border-right:0}
.single-counter i{font-size:64px;color:#ccc;position:absolute;top:-20px;transform:translateY(-100%);left:0;right:0}
.single-counter h3{font-size:36px;font-weight:600;color:#66676b;margin-bottom:7px}
.single-counter .counter-title{color:#888;padding-top:0;display:inline-block;border-radius:4px;font-size:18px}
@media(max-width:992px){
.single-counter{flex:1 1 50%;margin-bottom:30px}
.single-counter:nth-child(2){border:none}
.counters-container{margin-bottom:-30px}
}
@media(max-width:768px){
.single-counter{flex:1 1 100%;border:none;border-bottom:1px solid #e0e0e0;padding-bottom:30px}
.single-counter:nth-child(2){border-bottom:1px solid #e0e0e0}
.single-counter:last-child{margin-bottom:-15px;border-bottom:none}
.counters-container{margin-bottom:-30px}
}
.countdown{border-radius:4px;width:100%;display:block;text-align:center;font-size:18px;line-height:28px;padding:14px}
.countdown.green{background-color:#e7f8ec;color:#289c41}
.countdown.yellow{background-color:#fbf6dd;color:#a18d29}
.bidding-widget{border-radius:4px;background-color:#f9f9f9}
.dashboard-box .bidding-widget,.popup-tab-content .bidding-widget{border-radius:0;background-color:transparent}
.dashboard-box .slider-handle.custom,.popup-tab-content .slider-handle.custom{border:1px solid #e0e0e0;box-shadow:0 1px 4px rgba(0,0,0,.07)}
.bidding-widget .bidding-headline{background-color:#f0f0f0;color:#333;position:relative;border-radius:4px 4px 0 0}
.bidding-widget .bidding-inner{padding:30px 35px}
.bidding-widget .bidding-headline{color:#333;font-size:20px;padding:20px 35px}
.bidding-widget .bidding-headline h3{color:#333;font-size:20px;padding:0;margin:0}
.bidding-widget .bidding-signup{color:#666;font-size:14.7px;padding:16px 35px;text-align:center;border-top:1px solid #e0e0e0}
.bidding-widget .bidding-signup a{font-weight:600}
.bidding-widget button.button{margin-bottom:3px}
.bidding-widget .bidding-detail{color:#888;display:block}
.bidding-widget .bidding-detail strong{color:#333;font-weight:700}
.dashboard-box .bidding-detail strong{font-weight:600}
.bidding-widget .bidding-value{font-size:26px;font-weight:500;color:#333;margin:5px 0 20px}
.bidding-widget .bidding-value{font-size:26px;font-weight:500;color:#333}
.bidding-widget .button{box-shadow:0 4px 12px rgba(102,103,107,.15);transition:.3s;height:46px}
.bidding-widget .button:hover{box-shadow:0 4px 12px rgba(102,103,107,.25);transform:translateY(-2px)}
.bidding-widget .bidding-fields{display:flex;flex-wrap:wrap;align-items:flex-start;margin-top:12px;width:calc(100% + 20px)}
.bidding-widget .bidding-fields .bidding-field{flex:1;margin-right:20px}

/*qtyButtons 수량버튼*/
.qtyButtons{display:flex;margin:0;background:#fff;border-radius:4px;border:1px solid #d5d5d5;height:30px;padding:3px}
.qtyButtons.wd90{width:90px;}
.qtyButtons.with-border{border:1px solid #e0e0e0;box-shadow:0 1px 4px 0 rgba(0,0,0,.05)}
.qtyButtons input{outline:0;font-size:13px;font-weight:600;text-align:center;/*width:50px;*/height:23px;color:gray;line-height:23px;margin:0!important;padding:0 5px;border:none;box-shadow:none;display:inline-block;flex-grow:1;
box-shadow:none!important}
.qtyTitle{font-size:16px;font-weight:600;line-height:25px;padding-right:15px;display:block;flex:1}
.qtyInc,.qtyDec{width:23px;height:23px;line-height:23px;font-size:15px;background-color:#f0f0f0;color:gray;display:inline-block;text-align:center;border-radius:4px;cursor:pointer;font-family:feather-icons;flex:1;min-width:23px;max-width:23px;
transition:.3s}
.qtyInc:before{content:"\e9b1"}
.qtyDec:before{content:"\e996"}
.qtyInc:hover,.qtyDec:hover{background-color:#66676b;color:#fff}
.qtyTotal{background-color:#66676b;border-radius:50%;color:#fff;display:inline-block;font-size:11px;font-weight:600;font-family:open sans,sans-serif;line-height:18px;text-align:center;position:relative;top:-2px;left:2px;height:18px;width:18px}
/*.qtyButtons .dtyEditBtn{padding-left:5px}
.qtyButtons .dtyEditBtn .button{height:25px;line-height:25px;}*/
@media(max-width:1366px){
.qtyInc,.qtyDec{min-width:23px;max-width:23px}
.bidding-widget .bidding-inner{padding:27px 32px}
.bidding-widget .bidding-headline{padding:20px 32px}
}
@media(max-width:1240px){
.qtyInc,.qtyDec{min-width:23px;max-width:23px}
.bidding-widget .bidding-fields .bidding-field{flex:auto;margin-right:0;width:100%}
.bidding-widget .bidding-fields .bidding-field:first-child{margin-bottom:20px}
.bidding-widget .bidding-fields{width:100%}
}
#not-found{margin:40px 0 80px}
#not-found.center{text-align:center}
#not-found h2{text-align:center;font-size:210px;line-height:210px;font-weight:500;letter-spacing:-8px}
#not-found p{text-align:center;font-size:28px;line-height:42px;display:inline-block;margin-top:0;color:#999}
#not-found i{color:#e0e0e0;font-size:210px;top:0;margin-left:-40px;position:relative}
.not-found-search.intro-banner-search-form .intro-search-field,.not-found-search.intro-banner-search-form input,.not-found-search.intro-banner-search-form{background:#f7f7f7;box-shadow:none}
@media(max-width:992px){
.not-found-search.intro-banner-search-form{background:#fff}
}
@media(max-width:767px){
#not-found h2{font-size:110px;line-height:110px}
#not-found p{font-size:20px;line-height:32px}
#not-found i{font-size:120px;top:5px;margin-left:0}
.not-found-search.intro-banner-search-form{margin-top:-30px}
/*login-register-page*/
.login-register-page .account-type{width:100%}
.login-register-page .account-type div{margin-right:0}
.login-register-page .social-login-buttons button{margin-right:0;width:100%;display:block;max-width:100%}
}
.login-register-page .welcome-text h3{font-size:26px}
.login-register-page textarea{height:100px;}




[data-simplebar]{position:relative;z-index:0;overflow:hidden!important;max-height:inherit;-webkit-overflow-scrolling:touch}
[data-simplebar=init]{display:-webkit-box;display:-ms-flexbox;display:flex}
.simplebar-scroll-content{overflow-x:hidden!important;overflow-y:scroll;min-width:100%!important;max-height:inherit!important;-webkit-box-sizing:content-box!important;box-sizing:content-box!important}
.simplebar-content{overflow-y:hidden!important;overflow-x:scroll;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;min-height:100%!important}
.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;width:11px;height:calc(100% - 6px);margin-top:6px}
.simplebar-scrollbar{position:absolute;right:6px;width:5px;min-height:10px}
.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:0;right:0;opacity:0;transition:opacity .2s,background-color .3s;background-color:#d8d8d8}
.simplebar-scrollbar:hover:before{background-color:#c8c8c8}
.simplebar-track:hover .simplebar-scrollbar:before,.simplebar-track .simplebar-scrollbar.visible:before{opacity:1;-webkit-transition:opacity 0 linear;transition:opacity 0 linear}
.simplebar-track.vertical{top:0}
.simplebar-track.vertical .simplebar-scrollbar:before{top:2px;bottom:2px}
.simplebar-track.horizontal{left:0;width:auto;height:11px;display:none}
.simplebar-track.horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}
.horizontal.simplebar-track .simplebar-scrollbar{right:auto;top:2px;height:7px;min-height:0;min-width:10px;width:auto}
body.gray .dashboard-content-container .simplebar-scrollbar:before{background-color:#c9c9c9}
body.gray .dashboard-content-container .simplebar-scrollbar:hover:before{background-color:#b9b9b9}
.dashboard-box .simplebar-scrollbar:before{background-color:#d8d8d8}
.dashboard-box .simplebar-scrollbarLhover:before{background-color:#c8c8c8}





input.range-slider,input.default-slider{display:none}
.slider{display:inline-block;vertical-align:middle;position:relative}
.slider.slider-horizontal{width:calc(100% - 20px);margin-left:11px;height:20px}
.slider.slider-horizontal .slider-track{height:3px;width:calc(100% + 18px);margin-top:-2px;top:50%;left:-9px}
.slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high{height:100%;top:0;bottom:0}
.slider.slider-horizontal .slider-handle{margin-left:-11px}
.slider.slider-horizontal .slider-tick-label-container{white-space:nowrap;margin-top:20px}
.slider.slider-horizontal .tooltip{-ms-transform:translateX(-50%);transform:translateX(-50%);position:absolute}
.slider input{display:none}
.slider .tooltip.top{margin-top:-40px}
.slider .tooltip-inner{white-space:nowrap;max-width:none;background-color:#333;padding:4px 12px;line-height:21px;color:#fff;font-size:14px;border-radius:4px}
.slider .tooltip-arrow{position:absolute;width:0;height:0;bottom:-6px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #333}
.tooltip.tooltip-min,.tooltip.tooltip-max{display:none}
.slider .hide{display:none}
.slider-track{position:absolute;cursor:pointer;border-radius:4px;background-color:#e0e0e0}
.slider-selection{position:absolute;background-color:#66676b;box-sizing:border-box;border-radius:4px}
.slider-track-low,.slider-track-high{position:absolute;background:0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}
.slider-handle{position:absolute;top:0;width:20px;height:20px;border:2px solid #66676b;cursor:pointer;z-index:20;border-radius:50%}
.slider-handle:after{position:absolute;content:"";height:100%;width:100%;top:0;left:0;background-color:#fff;border-radius:50%;z-index:30;display:block;box-shadow:0 0 0 6px rgba(102,103,107,.12);transition:.2s}
.slider-handle:hover:after{box-shadow:0 0 0 8px rgba(102,103,107,.12)}
.slider-handle.custom{position:absolute;top:-5px;width:40px;height:29px;border:none;cursor:pointer;z-index:20;border-radius:4px;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15);text-align:center}
.slider-handle.custom:after{display:none}
.slider-handle.custom:before{content:"\e958 \e959";font-family:material-icons;letter-spacing:-10px;font-size:21px;color:#a0a0a0;margin-left:-10px;transition:.3s}
.slider-handle.custom:hover:before{color:#333}
.slider.slider-horizontal .slider-handle.custom{margin-left:-20px}
select.bs-select-hidden,select.selectpicker{display:none!important}
.bootstrap-select .btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}
.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:active{color:gray}
.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}
.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}
.has-error .bootstrap-select .dropdown-toggle,.error .bootstrap-select .dropdown-toggle{border-color:#b94a48}
.bootstrap-select.fit-width{width:auto!important}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%}
.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}
.bootstrap-select.form-control:not([class*=col-]){width:100%}
.bootstrap-select.form-control.input-group-btn{z-index:auto}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}
.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:flex;margin-left:0}
.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}
.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.checkbox .bootstrap-select.btn-group{margin-bottom:0}
.checkbox-lg .bootstrap-select.btn-group.form-control,.checkbox-sm .bootstrap-select.btn-group.form-control{padding:0}
.checkbox-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,.checkbox-sm .bootstrap-select.btn-group.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}
.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}
.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:none!important}
.bootstrap-select.btn-group.bs-container{position:absolute;height:0!important;padding:0!important}
.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{overflow:hidden;width:100%;line-height:40px;text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:90%;float:left;height:40px;display:block}
.bootstrap-select.btn-group .dropdown-menu li.hidden{display:none}
.language-switcher.bootstrap-select.btn-group .dropdown-toggle .filter-option,.sort-by .bootstrap-select.btn-group .dropdown-toggle .filter-option{max-width:100%;float:left}
.sort-by .bootstrap-select.btn-group .dropdown-toggle .filter-option{line-height:20px;height:auto}
.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:20px;margin-top:-2px;vertical-align:middle;transition:.35s}
.bootstrap-select.open .dropdown-toggle .caret{transform:rotate(180deg)}
.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}
.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px}
.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0 0px;border-radius:0;box-shadow:none}
.bootstrap-select.btn-group .dropdown-menu li{position:relative;margin-bottom:1px}
.bootstrap-select.btn-group .dropdown-menu li.disabled{opacity:.75}
.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}
.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}
.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}
.bootstrap-select.btn-group .dropdown-menu li small{padding-left:7px;opacity:.8}
.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:calc(100% - 20px);margin:0;min-height:26px;padding:3px 5px;pointer-events:none;padding:5px 10px;background:#333;color:#fff;margin:5px;
margin-bottom:5px;border-radius:4px;white-space:nowrap;font-size:14px;border:none}
.bootstrap-select.btn-group .no-results{padding:5px 10px;background:#f6f6f6;margin:5px 0;margin-bottom:0;border-radius:4px;white-space:nowrap;font-size:14px}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{white-space:normal}
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after{display:block}
.bs-searchbox,.bs-actionsbox,.bs-donebutton{padding:0 5px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 5px;margin-bottom:10px;margin-top:-5px}
.bs-actionsbox div{display:flex}.bootstrap-select.btn-group .bs-actionsbox div button{flex:1;background:#f6f6f6;box-shadow:none;padding:5px;height:36px;font-size:14px;color:#777;transition:.3s}
.bootstrap-select.btn-group .bs-actionsbox div button:first-child{border-radius:4px 0 0 4px;background-color:#f0f0f0}
.bootstrap-select.btn-group .bs-actionsbox div button:last-child{border-radius:0 4px 4px 0}
.bootstrap-select.btn-group .bs-actionsbox div button:hover{background:#66676b;color:#fff}
.bs-actionsbox .btn-group button{width:50%}
.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bs-donebutton .btn-group button{width:100%}
.bs-searchbox+.bs-actionsbox{padding:0}
.bs-searchbox .form-control:focus,.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none;box-shadow:none;background:#f4f4f4;margin:-5px 0 10px;height:38px;line-height:38px;padding:10px}
.bs-searchbox{position:relative}
.bs-searchbox:after{font-family:material-icons;content:"\e982";font-size:20px;width:20px;height:20px;line-height:0;display:inline-block;position:absolute;margin:0;color:#a0a0a0;right:15px;top:18px}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid #aaa;border-right:4px solid transparent;border-left:4px solid transparent}
.dropup,.dropdown{position:relative}
.dropdown-toggle:focus{outline:0}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;padding:10px 5px;margin:-1px 0 0;font-size:15px;text-align:left;list-style:none;background-color:#fff;border:none;
border-radius:4px;box-shadow:0 1px 4px 0 rgba(0,0,0,.12)}
.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{display:none}
.dropdown-menu>li>a{display:block;padding:0px 10px;padding-right:35px;clear:both;font-weight:400;line-height:30px;color:gray;border-radius:4px}
.bootstrap-select:before{/*content:"";position:absolute;z-index:2100;bottom:0;left:0;height:8px;width:100%;background-color:#fff;display:block;opacity:0;pointer-events:none;transition:.4s*/}
.bootstrap-select.open:before{opacity:1}
.dropdown-menu>li>a:hover,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover{color:#66676b;text-decoration:none;background-color:rgba(102,103,107,.07)}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover{color:#777}
.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none}
.dropdown-menu.inner::-webkit-scrollbar{width:5px}
.dropdown-menu.inner::-webkit-scrollbar-track{background-color:transparent;border-radius:12px}
.dropdown-menu.inner::-webkit-scrollbar-thumb{border-radius:12px;background-color:#d8d8d8}
.dropdown-menu.inner::-webkit-scrollbar-thumb:hover{border-radius:12px;background-color:#c8c8c8}
.bootstrap-select .dropdown-menu{opacity:0;transition:.4s;display:block;pointer-events:none;visibility:hidden;cursor:default; display:none }
.bootstrap-select.open .dropdown-menu{opacity:1;pointer-events:all;visibility:visible; display:block }
.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}
.dropdown-menu-left{right:auto;left:0}
.dropdown-header{display:block;padding:7px 10px;line-height:20px;white-space:nowrap;background:#f6f6f6;color:#777;border-radius:4px;margin-bottom:1px}
.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}
.pull-right>.dropdown-menu{right:0;left:auto}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:100%;bottom:auto;margin-bottom:2px}
@media(min-width:767px){
.navbar-right .dropdown-menu{right:0;left:auto}
.navbar-right .dropdown-menu-left{right:auto;left:0}
}
.bootstrap-select.btn-group{position:relative}
.bootstrap-select.btn-group button{position:relative;display:inline-block;height:40px;line-height:0;padding:0 10px;margin:0;outline:none;font-size:16px;color:gray;max-width:100%;width:100%;box-sizing:border-box;display:block;
background-color:#fff;font-weight:500;opacity:1;border-radius:4px;border: 1px solid #e0e0e0;box-shadow:0 1px 4px 0 rgba(0,0,0,.05);}
.hide-tick .check-mark{display:none!important}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{position:absolute;display:inline-block;right:8px;top:50%;transform:translateY(-50%);margin:0;line-height:0;width:20px;height:20px;text-align:center}
.bootstrap-select.btn-group .dropdown-menu li span.check-mark:before{font-family:feather-icons;content:"\e92b";font-size:18px;transition:all .3s;display:inline-block;top:50%;right:0;position:absolute;margin:0;opacity:0;transform:scale(.5)}
.bootstrap-select.btn-group .dropdown-menu li.selected span.check-mark:before{opacity:1;transform:scale(1);transition:all .35s cubic-bezier(.3,-.41,.19,2),opacity .3s}
.bootstrap-select .dropdown-menu li.selected a span.check-mark:before,.bootstrap-select .dropdown-menu li.selected:hover a span.check-mark:before{color:#66676b}
.bootstrap-select .glyphicon:not(.check-mark){font-size:17px;line-height:0;position:relative;top:1px;margin-right:3px}
.bootstrap-select .filter-option .glyphicon{position:relative;top:1px}
.with-border .dropdown-menu,.with-border.bootstrap-select.btn-group button{border:1px solid #d5d5d5;box-shadow:0 1px 4px 0 rgba(0,0,0,.05)}
.with-border.bootstrap-select:before{width:calc(100% - 2px);left:1px}
.snackbar-container{transition:all 500ms ease;transition-property:top,right,bottom,left,opacity;font-size:16px;min-height:14px;background-color:#404040;position:fixed;display:flex;justify-content:space-between;align-items:center;color:#fff;
line-height:22px;padding:18px 24px;bottom:-100px;top:-100px;opacity:0;z-index:9999;cursor:default;border-radius:4px;font-weight:500}
.snackbar-container .action{background:inherit;display:inline-block;border:none;font-size:inherit;text-transform:uppercase;color:#aaa;margin:0 0 0 24px;padding:0;min-width:min-content;cursor:pointer;font-weight:500;font-size:14px}
@media(min-width:640px){
.snackbar-container{display:inline-flex;margin:24px}
}
.snackbar-pos.bottom-center{top:auto!important;bottom:0;left:50%;transform:translate(-50%,0)}
.snackbar-pos.bottom-left{top:auto!important;bottom:0;left:0}
.snackbar-pos.bottom-right{top:auto!important;bottom:0;right:0}
.snackbar-pos.top-left{bottom:auto!important;top:0;left:0}
.snackbar-pos.top-center{bottom:auto!important;top:0;left:50%;transform:translate(-50%,0)}
.snackbar-pos.top-right{bottom:auto!important;top:0;right:0}
@media(max-width:640px){
.snackbar-container{left:0;right:0;width:100%;border-radius:0}
.snackbar-pos.bottom-center,.snackbar-pos.top-center{left:0;transform:none}
}
body .pac-item{font-size:12px;color:#999;cursor:pointer;transition:.2s;padding:5px 15px}
body .pac-container{border-radius:0 0 4px 4px;border:none;box-sizing:content-box;margin-top:-2px;background-color:#fff;border-radius:0 0 4px 4px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);z-index:100}
.infoBox{border-radius:4px;display:flex;flex-wrap:wrap;width:calc(100% + 30px);line-height:24px}
.infoBox .board-listing{display:flex;flex-direction:column;justify-content:center;margin:0;box-shadow:none;width:100%}
.infoBox .board-listing .board-listing-description{padding-top:0}
.infoBox .board-listing:hover{transform:none}
.infoBox .board-listing-details{flex-grow:1;display:flex;flex-wrap:wrap;align-items:center;padding:20px 25px}
.infoBox .board-listing h4.board-listing-company{font-size:14px;position:relative;top:0}
.infoBox .board-listing .verified-badge{transform:scale(.85);right:-7px;bottom:-7px}
.infoBox .board-listing .not-verified-badge{display:none}
.infoBox .board-listing-footer{flex-grow:0;padding:15px 25px;font-size:16px;display:none}
.infoBox .board-listing h3.board-listing-title{font-size:16px;line-height:24px}
.infoBox .board-listing .board-listing-company-logo{max-width:46px;margin:5px 18px 5px 0;top:0;flex:0 0 46px}
.infoBox .board-listing .board-listing-company-logo img{max-width:46px}
.map-box{background-color:#fff;margin-bottom:20px;border-radius:4px;box-shadow:0 0 10px 0 rgba(0,0,0,.12);position:relative;width:100%}
.map-box .listing-img-container img{width:100%;border-radius:4px 4px 0 0}
.map-box h4{margin:0;padding:0}.map-box h4 a{padding:0 0 2px;font-size:17px;line-height:25px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;display:inline-block}
.listing-img-container{position:relative;height:100%;display:block}
.map-box h4 a:hover{color:#66676b}
.map-box p{padding:0;line-height:25px;margin:2px 0 0;font-size:14px}
.map-box ul.listing-details{padding:0;font-size:14px;display:none}
.map-box .listing-title{padding:16px 22px}
.map-box .listing-img-content{padding:18px 22px}
.map-box .listing-img-content span{font-size:21px}
.map-box .listing-img-content .listing-price i{font-size:15px;margin:-7px 0 0}
.infoBox>img{position:absolute!important;right:0;top:0}
.map-box .listing-img-container::before{content:"";position:absolute;height:100%;width:100%;display:block;background:linear-gradient(to top,rgba(35,35,37,0.85) 0%,rgba(35,35,37,0.40) 35%,rgba(22,22,23,0) 60%,rgba(0,0,0,0) 100%);
background-color:rgba(35,35,37,.2)}
.map-box .listing-item-content{position:absolute;bottom:20px;left:0;padding:0 24px;width:100%;z-index:50;box-sizing:border-box}
.map-box .listing-item-content h3{color:#fff;font-size:18px;padding:0 0 2px;font-weight:500;margin:0;line-height:27px}
.map-box .listing-item-content span{font-size:15px;font-weight:300;display:inline-block;color:rgba(255,255,255,.7)}
.infoBox-close{position:absolute;top:12px;right:12px;display:inline-block;z-index:999;text-align:center;cursor:pointer;font-size:15px;font-weight:500;height:27px;width:27px;line-height:27px;background-color:#f0f0f0;color:#666;
-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:4px}
.infoBox-close i{position:relative;top:2px;left:-.5px}
.infoBox-close:hover{color:#fff;background-color:#66676b}
.map-box-icon{height:38px;width:38px;position:absolute;bottom:0;right:0;background-color:#3685cf;display:block;color:#fff;font-size:12px;z-index:101;text-align:center;-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);opacity:0;visibility:hidden}
.map-box-icon:before{content:"\f064";font-family:fontawesome;position:relative;top:7px;display:block}
.map-box-image:hover .map-box-icon{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateX(0)}
.map-box-image{position:relative;overflow:hidden;display:block}
.infoBox{animation:infoBoxAnimation .5s}
@keyframes infoBoxAnimation{
from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0px)}
}
.infoBox .star-rating span{margin-right:3px}
.infoBox .rating-counter{position:relative;top:-1px}
.infoBox:after{content:"";position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid #fff}#map{height:100%;width:100%;
margin:0;z-index:990}
#map-container{position:relative;top:0;left:0;height:520px;width:100%;z-index:990;margin-bottom:60px}
.gmnoprint{margin:10px}
.homepage-map{height:560px;margin-bottom:0;position:relative}
.search-bar-on-map{position:absolute;bottom:50px;z-index:1000;margin:0 auto;left:0;right:0}
.cluster img{display:none}
.cluster-visible{text-align:center;font-size:14px!important;color:#fff!important;font-weight:700;border-radius:50%;width:33px!important;height:33px!important;line-height:33px!important;background-color:#66676b;
animation:clusterAnimation 2.5s infinite}
@keyframes clusterAnimation{
0%,100%{box-shadow:0 0 0 6px rgba(102,103,107,.15)}
50%{box-shadow:0 0 0 10px rgba(102,103,107,.15)}
}
.map-marker-container{position:absolute}
.marker-container{position:relative;margin:-9px 0 0 -9px;width:18px;height:18px;z-index:1;border-radius:50%;cursor:pointer;top:0;background-color:#66676b;animation:markerAnimation 2.5s infinite;transition:.4s}
@keyframes markerAnimation{
0%,100%{box-shadow:0 0 0 6px rgba(102,103,107,.15)}
50%{box-shadow:0 0 0 8px rgba(102,103,107,.15)}
}
.map-marker-container.clicked .marker-container{transform:scale(1.3)}
.marker-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:transparent;border-radius:50%;transform:scale(2);opacity:0}
.custom-zoom-in,.custom-zoom-out{background-color:#fff;color:#333;cursor:pointer;border-radius:4px;margin:5px 15px;transition:.3s;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);text-align:center;font-size:18px;height:34px;width:34px}
.custom-zoom-in:hover,.custom-zoom-out:hover{background-color:#66676b;color:#fff}
.custom-zoom-in:before,.custom-zoom-out:before{font-family:feather-icons;width:100%;line-height:35px}
.zoomControlWrapper{position:absolute;left:initial;right:0;width:70px;margin-right:20px}
.custom-zoom-in:before{content:"\e9b1"}
.custom-zoom-out:before{content:"\e996"}
#streetView,#geoLocation,#scrollEnabling{background-color:#fff;color:#333;cursor:pointer;border-radius:4px;margin:5px 15px;transition:.3s;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);position:absolute;top:10px;left:5px;z-index:99;font-size:14px;
line-height:21px;padding:8px 14px;font-weight:500}
#geoLocation:hover,#streetView:hover,#scrollEnabling:hover,#scrollEnabling.enabled{background-color:#66676b;color:#fff}
#streetView:before{content:"\e974";font-family:material-icons;font-size:18px;top:3px;position:relative;margin-right:7px;margin-left:-1px;line-height:0}
.boxed-list{margin-top:10px;display:block}
.boxed-list-headline{background-color:#f2f2f2;border-radius:4px;padding:20px 35px}
.boxed-list-headline h3{font-size:18px}
.boxed-list-headline h3 span{color:#888}
.boxed-list-headline h3 i{font-size:18px;color:#66676b;font-size:24px;position:relative;top:3px;line-height:0;display:inline-block;margin-right:5px}
.boxed-list ul.boxed-list-ul{padding:0;margin:0;list-style:none}
.boxed-list ul.boxed-list-ul>li{display:block;background-color:transparent;padding:35px;border-radius:4px}
.boxed-list ul.boxed-list-ul>li:nth-child(2n){background-color:#fafafa}
.fields-ul{padding:0;margin:0;list-style:none}
.fields-ul>li{display:block;background-color:transparent;padding:20px 30px;padding-bottom:10px;border-bottom:1px solid #e4e4e4}
.boxed-list-item{display:flex}
.boxed-list-item .item-image{flex:0 0 60px;height:60px;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.1);padding:10px;margin-right:25px;position:relative;top:-2px;display:flex;background-color:#fff}
@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){
.boxed-list-item .item-image{max-width:60px}
.boxed-list-item .item-image img{width:100%}
}
.boxed-list-item .item-image img{height:auto;align-self:center}
.boxed-list-item .item-content h4 a,.boxed-list-item .item-content h4{font-size:18px;font-weight:600;color:#333}
.boxed-list-item .item-content h4 span{font-size:16px;color:gray;display:block;font-weight:500}
.boxed-list-item .item-details{display:flex;margin-top:5px}
.boxed-list-item .item-details .star-rating{top:-2px;position:relative;margin-right:15px}
.boxed-list-item .item-details .detail-item{margin-right:15px;color:gray}
.boxed-list-item .item-details .detail-item a{color:gray}
.boxed-list-item .item-details .detail-item a:hover{color:#66676b}
.boxed-list-item .item-details .detail-item i{margin-right:3px;position:relative;top:0}
.boxed-list-item .item-description p{margin-bottom:0;padding-bottom:0}
.boxed-list-item .item-description{margin-top:15px}.bid{display:flex;width:100%}
.bid .bids-content{flex-grow:1;display:flex;flex-wrap:wrap;align-items:center}.bid .bids-bid{align-items:center;display:flex}
.bid .bids-avatar{align-self:center}
.bid .project-name{margin-top:0}
.bid .project-avatar{width:80px;margin:0 auto;position:relative;margin-right:30px}
.bid .star-rating{margin-top:3px;display:block}
.bid .project-avatar img{width:100%;border-radius:50%;cursor:pointer}
.bid .project-avatar .verified-badge{position:absolute;bottom:0;right:0}
.bid-rate{text-align:center;font-size:14px;background:#f4f4f4;color:#888;border-radius:4px;padding:8px 12px}
.boxed-list ul.boxed-list-ul>li:nth-child(2n) .bid-rate{background:#f2f2f2}
.bid-rate .rate{color:#333;font-weight:600;text-align:center;line-height:20px;border-radius:4px;padding:5px 10px;padding-bottom:0;font-size:16px}
.bid-rate span{display:block;margin-top:-2px}
@media(max-width:768px){
.bid .project-avatar{width:70px;margin:0 0 15px}
.bid{display:block}.bids-bid{margin-top:15px}
.bid-rate{width:100%}
}
.job-overview{border-radius:4px;background-color:#f9f9f9}
.job-overview .job-overview-headline{color:#333;font-size:20px;padding:20px 35px;background-color:#f0f0f0;color:#333;position:relative;border-radius:4px 4px 0 0}
.job-overview .job-overview-inner{padding:35px}
.job-overview .job-overview-inner ul{padding:0;margin:0;list-style:none}
.job-overview .job-overview-inner ul li{position:relative;display:block;font-size:16px;padding-left:38px;margin-bottom:25px}
.job-overview .job-overview-inner ul li:last-child{margin-bottom:0}
.job-overview .job-overview-inner ul li span{font-weight:600;color:#333;margin:0;padding:0;display:block}
.job-overview .job-overview-inner ul li h5{font-weight:500;color:#666;font-size:16px;margin:0;padding:0;line-height:20px}
.job-overview .job-overview-inner ul li i{position:absolute;left:0;top:0;font-size:24px;color:#66676b}


#single-job-map-container{position:relative}
#single-job-map-container #singleListingMap{position:relative;height:340px;border-radius:4px}
.project-socials ul{margin:0;padding:0;list-style:none;cursor:default;margin:0 0 -5px -8px}
.project-socials ul li{display:inline-block;font-size:24px}
.project-socials ul li a{color:#b9b9b9;padding:0 8px}
.project-socials ul li a:hover{color:#333}
.attachments-container{display:flex;flex-wrap:wrap;flex-direction:row;width:calc(100% + 20px);margin-bottom:-30px}
.attachment-box{display:flex;margin:0 20px 20px 0;background-color:#f4f4f4;border-radius:4px 0 4px 4px;font-weight:600;padding:15px 20px;padding-bottom:45px;padding-right:25px;line-height:24px;flex-direction:column;color:#666;
position:relative;transition:.3s;flex:0 1 calc(50% - 21px);cursor:default;position:relative}
.single-page-section .attachment-box{flex:0 1 calc(33% - 20px)}
.single-page-section .attachments-container{margin-bottom:-20px}
a.attachment-box{cursor:pointer}
.attachment-box:before{content:"";position:absolute;top:0;right:0;border-width:0 20px 20px 0;border-style:solid;border-color:rgba(0,0,0,.15) #fff;transition:.3s;border-radius:0 0 0 4px}
a.attachment-box:hover{background-color:#66676b;color:#fff}
a.attachment-box:hover:before{border-color:rgba(0,0,0,.25) #fff}
.attachment-box span{font-size:14px;line-height:20px;display:inline-block;flex:auto}
.attachment-box i{display:block;font-style:normal;font-size:14px;color:#999;font-weight:500;margin-top:10px;position:absolute;bottom:10px;transition:.3s}
a.attachment-box:hover i{color:rgba(255,255,255,.7)}
.attachment-box .remove-attachment{position:absolute;bottom:10px;right:10px;color:#fff;background-color:#dc3139;box-shadow:0 3px 8px rgba(234,65,81,.15);height:28px;width:28px;line-height:28px;border-radius:3px;font-weight:500;
font-size:14px;transition:.3s;opacity:0;transform:translateY(3px)}
.attachment-box .remove-attachment:before{content:"\e9e4";font-family:feather-icons}
.attachment-box:hover .remove-attachment{opacity:1;transform:translateY(0)}
.profile-overview{display:flex;line-height:22px;align-items:center;margin-bottom:25px;width:calc(100% + 25px)}
.profile-overview .overview-item{flex:1;border-right:1px solid #e0e0e0;margin-right:20px;padding-right:20px;flex-grow:1}
.profile-overview .overview-item:last-child{border-right:0;padding-right:0}
.profile-overview .overview-item strong{display:block;font-weight:600;color:#333;font-size:18px;margin-bottom:5px}
.profile-overview .overview-item span{color:gray}
.project-indicators{display:flex;flex-wrap:wrap;width:calc(100% + 30px);line-height:24px;margin-bottom:-20px}
.project-indicators .indicator{width:calc(50% - 31px);margin-right:30px;margin-bottom:20px;display:flex;flex-direction:column}
.project-indicators .indicator strong{color:#333;font-weight:600}
.project-indicators .indicator-bar span,.project-indicators .indicator-bar{width:100%;height:4px;background-color:#e0e0e0;border-radius:10px;position:relative;margin:10px 0;transition:1s}
.project-indicators .indicator-bar span{width:0;background-color:#66676b;position:absolute;top:0;margin:0}
@media(max-width:1240px){
.profile-overview,.profile-overview .overview-item{display:block;width:100%}
.profile-overview .overview-item{border-right:0;border-bottom:1px solid #e0e0e0;padding:15px 0;margin:0}
.profile-overview .overview-item:last-child{border-right:none;border-bottom:none}
}
@media(max-width:768px){
.boxed-list-item .item-details,.attachments-container,.attachments-container .attachment-box,.project-indicators,.project-indicators .indicator{display:block;width:100%}
.boxed-list-item .item-image{display:none}
}
.full-page-container,.dashboard-container{height:calc(100vh - 82px)}
@media(max-width:1099px){
.full-page-container,.dashboard-container{height:calc(100vh - 76px)}
}
.dashboard-container{display:flex;width:100%;flex-wrap:wrap}
.dashboard-sidebar{flex:0 0 280px;background-color:#fff;position:relative;box-shadow:0 0 20px 0 rgba(0,0,0,.1);z-index:100}
.dashboard-sidebar .dashboard-sidebar-inner{overflow:auto;height:100%}
.dashboard-content-container{flex:1;background-color:#fafafa;padding:0;overflow:auto;position:relative;z-index:99}
.dashboard-content-inner{padding:50px;padding-bottom:0;position:relative}
@media(min-width:1099px){
#header-container.dashboard-header .container{padding-right:35px;padding-left:0}
#header-container.dashboard-header #logo{width:281px;padding-left:35px}
}
@media(max-width:1240px){
#header-container.dashboard-header #logo{width:auto}
}
.dashboard-nav{display:block;z-index:11;padding-bottom:30px}
a.dashboard-responsive-nav-trigger{display:none}
.dashboard-nav ul{list-style:none;padding:0;margin:25px 0 0}
.dashboard-nav ul:first-child{margin:30px 0 0}.dashboard-nav ul:before{content:attr(data-submenu-title);padding:0 35px;margin-bottom:5px;display:block;color:#66676b;font-weight:600;font-size:14px}
.dashboard-nav ul li{display:block;border-left:3px solid transparent;transition:.3s;line-height:25px;font-size:15px}
.dashboard-nav ul li a{color:#707070;display:block;padding:11px 32px;transition:.3s;cursor:pointer;position:relative}
.dashboard-nav ul li a i{padding-right:8px;width:20px;font-size:20px;color:#909090;transition:.3s;position:relative;top:2px}
.dashboard-nav ul li ul li:hover a{padding-left:4px}
.dashboard-nav ul li.active-submenu a i,.dashboard-nav ul li.active a i,.dashboard-nav ul li:hover a i{color:#66676b}
.dashboard-nav ul li.active-submenu,.dashboard-nav ul li.active,.dashboard-nav ul li:hover{border-color:#66676b;background-color:rgba(102,103,107,.04)}
.dashboard-nav ul li.active-submenu a,.dashboard-nav ul li:hover a,.dashboard-nav ul li.active a{color:#66676b}
.dashboard-nav ul li span.nav-tag{display:inline-block;font-weight:700;height:19px;width:19px;line-height:19px;text-align:center;color:#fff;font-size:11px;background-color:#66676b;border-radius:50%;position:relative;margin:0 0 0 4px;top:-2px}
.dashboard-nav ul li ul{padding:0;margin:0;visibility:hidden;max-height:0;opacity:0;line-height:0;transition:.3s;pointer-events:none}
.dashboard-nav ul li.active-submenu ul{visibility:visible;padding:0 0 18px;line-height:24px;opacity:1;max-height:200px;pointer-events:all}
.dashboard-nav ul li ul li{background-color:transparent;border:none;padding-left:63px;position:relative;margin:0}
.dashboard-nav ul li ul li a{padding:5px 0}
.dashboard-nav ul li ul li:hover{border:none;background-color:transparent}
.dashboard-nav ul li a:after{font-family:material-icons;content:'\e914';opacity:1;font-size:16px;transition:.3s;opacity:1;line-height:17px;width:17px;height:17px;background-color:#f0f0f0;color:#a8a8a8;display:inline-block;border-radius:3px;
margin-left:7px;text-indent:0;top:1px;position:absolute;right:35px;top:15px}
.dashboard-nav ul li.active-submenu a:after,.dashboard-nav ul li.active a:after,.dashboard-nav ul li:hover a:after{color:#66676b;background:rgba(102,103,107,.13);opacity:.8}
.dashboard-nav ul li ul:before,.dashboard-nav ul li a:only-child:after{content:'';display:none}
.dashboard-headline{display:block;position:relative;margin-bottom:50px}
.dashboard-headline h3{display:block;font-size:26px;color:#333}
.dashboard-headline span{display:block;font-size:18px;color:#888;line-height:30px;margin-top:5px}
.dashboard-headline #breadcrumbs{right:0}
.fun-facts-container{display:flex;flex-wrap:wrap;width:calc(100% + 30px);margin-bottom:-30px}
.fun-fact{background-color:#fff;box-shadow:0 4px 18px rgba(0,0,0,.1);border-radius:4px;padding:25px;margin-right:30px;margin-bottom:30px;
display:flex;flex-wrap:wrap;align-items:center;flex:1 1 calc(25% - 30px);height:auto;cursor:default;transition:.3s}
@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){
.fun-fact{flex:1}
}
.fun-fact-icon{border-radius:4px;background-color:rgba(0,0,0,.04);flex:0 0 100px;height:100px;display:flex;text-align:center}
.fun-fact-icon i{font-size:48px;align-self:center;margin:0 auto;color:#666}
.fun-fact-icon span{font-size:48px;align-self:center;margin:0 auto;color:#666}
.fun-fact-icon i.icon-material-outline-gavel{transform:scale(.91)}
.fun-fact-text{flex:1;margin-right:20px}
.fun-fact span{font-size:18px;color:#888;line-height:22px}
.fun-fact h4{font-size:38px;color:#333;line-height:38px;margin-top:5px}



.button.big i.icon-feather-plus{font-size:20px;top:2px;margin-left:-4px;margin-right:5px}
.dashboard-box .content.with-padding{padding:15px}
.dashboard-box .content.with-padding.bdt{border-top:1px solid #d8d8d8; padding-top:20px;}
.dashboard-box .content.with-padding p{margin-bottom:0px;}
.dashboard-box .content.with-padding-no{padding:25px 10px}
.dashboard-box .chart{padding:30px 15px 10px 10px}
.dashboard-box .headline .sort-by{float:none;display:inline-block;position:absolute;top:calc(50% + 3px);transform:translateY(-50%);right:30px;z-index:100;height:33px}
.dashboard-box .headline .bootstrap-select.btn-group .dropdown-toggle .filter-option{font-weight:bold;color:#333; font-size:16px;}
.dashboard-note{border-radius:4px;background-color:#f8f8f8;padding:25px;padding-top:20px;margin-bottom:20px;position:relative}
.dashboard-note:last-child{margin-bottom:65px}
.dashboard-note:before{content:"";position:absolute;top:0;right:0;border-width:0 20px 20px 0;border-style:solid;border-color:rgba(0,0,0,.15) #fff;transition:.3s;border-radius:0 0 0 4px}
.dashboard-note p{line-height:24px;margin-bottom:20px;color:#777;font-size:14.7px}


.note-priority{background-color:#333;border-radius:4px;color:#fff;font-size:14px;padding:5px 9px;display:inline-block;line-height:20px}
.note-priority.high{background-color:#dc3139}
.note-priority.medium{background-color:#f59110}
.note-priority.low{background-color:#3fb660}
.note-footer{display:flex}
.note-buttons{align-self:center;margin-left:auto}
.note-buttons a{font-size:16px;padding-left:3px;margin-top:2px;display:inline-block;color:#888}
.note-buttons a:hover{color:#444}
.add-note-button{position:absolute;bottom:0;width:100%;left:0;right:0;padding:30px;padding-top:10px;background:#fff;border-radius:4px;width:calc(100% - 15px)}
.add-note-button a.button{width:calc(100% + 15px)!important;max-width:calc(100% + 15px)!important}



/*subject-choice*/
.subject-choice{width:100%; overflow:hidden}
.subject-choice ul{width:100%;margin-left:-5px;}
.subject-choice ul li{float:left;padding:1px 5px; box-sizing:border-box}
.dashboard-box .subject-choice ul li .button.gray:hover, .dashboard-box .subject-choice ul li.active .button.gray {background:#2a41e8; color:#fff}
/*subject-list*/
.subject-list{width:100%; }
.subject-list ul{width:100%;  margin-left:-5px;}
.subject-list ul li{float:left;padding:3px 7px; width:25%;  box-sizing:border-box; }
.subject-list ul li label{font-size:14px}
@media (max-width: 992px){
.subject-list ul li{width:33.333%;}
}
@media (max-width: 768px){
.subject-list ul li{width:50%;}
}


.dashboard-box-list .notification-text{font-size:14.7px;flex:1}
.dashboard-box-list .notification-icon{flex:0 0 40px}
.dashboard-box-list .notification-text .star-rating{position:relative;top:-18px;line-height:0;height:0;display:inline-block;margin:0 3px;transform:scale(.93)}

.dashboard-box-list .buttons-to-right.always-visible,.dashboard-box-list li:hover .buttons-to-right{opacity:1}
.dashboard-box-list .buttons-to-right.always-visible:not(.single-right-button){
position:relative;transform:none;left:100px; margin:0px;opacity:1;right:auto;display:block;box-shadow:none;background-color:transparent;box-shadow:none; }
.dashboard-box-list .button{padding:0px 10px;line-height:30px;height:30px;font-size:13px;margin:0;display:inline-block;box-shadow:0 3px 8px rgba(102,103,107,.15)}
.dashboard-box-list .button i[class*=icon-material]{font-size:18px;top:3px;margin-right:2px;margin-left:-2px}
.dashboard-box-list .buttons-to-right .button{margin:0 0 -6px 2px;;line-height:35px;height:35px;}
.dashboard-box-list .buttons-to-right.always-visible .button{margin:0 3px 0 0;line-height:30px; height:30px; font-size:13px;}
.dashboard-box .button{ /*padding: 5px 10px;line-height: 16px; font-size:14px*/}
.dashboard-box .dashboard-box-list .button:not(.ico):hover,.dashboard-box .button.red:not(.ico):hover,.dashboard-box .button.green:not(.ico):hover,.dashboard-box .button.gray:not(.ico):hover{
color:#fff;background-color:#333;box-shadow:0 3px 8px rgba(0,0,0,.1)}
.dashboard-box .button.dark:not(.ico):hover{background-color:#66676b;box-shadow:0 3px 8px rgba(102,103,107,.15)}
.dashboard-box .button.ico{width:auto;text-align:center}
.dashboard-box .button.ico i{font-size:14px;/*margin-left:-8px;top:2px;*/position:relative; left:1px}
.dashboard-box .button i.icon-material-outline-check{margin-left:-5px}
.dashboard-box .button.ico i[class*=icon-material]{font-size:18px;margin-left:-8px;top:3px;position:relative}
.dashboard-box-list{box-shadow:none}
.dashboard-box-list a.button i{margin:0;padding:0;position:relative;top:1px;font-size:14px;line-height:0;margin-left:-2px}
.dashboard-box .mark-as-read{float:none;background-color:#f4f4f4;position:absolute;right:30px;top:18px}
.button-info{background:rgba(255,255,255,.25);color:#fff;width:19px;height:19px;display:inline-block;text-align:center;line-height:19px;border-radius:50%;font-size:11px;font-weight:700;margin-left:3px;margin-right:-2px}
.dashboard-status-button{color:#fff;border-radius:4px;font-size:13px;line-height:18px;padding:2px 8px;display:inline-block;position:relative;top:-1px;margin:0px}
.dashboard-status-button.s_size{line-height:18px;padding:0px 4px 1px; font-size:12px;}
.dashboard-status-button.green{background:#e0f5d7;color:#449626}
.dashboard-status-button.yellow{background-color:#fbf6dd;color:#a18d29}
.dashboard-status-button.red{background-color:#ffe6e6;color:#ea5252}
.invoice-list-item ul{line-height:22px;padding-bottom:2px;color:#909090;list-style:none;padding:0;margin:0}
.invoice-list-item ul li{padding:0;display:inline-block;font-size:14.7px;margin-bottom:5px}
.invoice-list-item ul li:after{content:"";display:inline-block;width:1px;height:11px;background-color:#e0e0e0;position:relative;margin:0 10px}
.invoice-list-item ul li:last-child:after{display:none}
.invoice-list-item strong{font-weight:600;color:#333;margin-bottom:5px;margin-top:-2px;display:block}
.paid,.unpaid{background-color:#333;color:#fff;border-radius:4px;line-height:20px;padding:4px 8px;font-size:13px;position:relative;top:-1px}
.paid{background-color:#40b660}.unpaid{background-color:#dc3139}

/*결제페이지*/
.dashboard-box .board-listing-details{box-shadow:none;padding:0px;align-items:center;flex:auto}
.dashboard-box .board-listing{box-shadow:none;padding:0px;margin:0;background-color:transparent;display:flex;flex-direction:row;width:100%; border-bottom:0px;}
.dashboard-box .board-listing.width-adjustment{max-width:60%}
.dashboard-box .board-listing .board-listing-description .checkbox{margin-right:0px; position:Relative; top:0px;}
.dashboard-box .board-listing .board-listing-description .checkbox.note{top:-3px}
.dashboard-box .board-listing h3 a.num{color:#333;font-size:14px}
.dashboard-box .board-listing .board-listing-company-logo{max-width:50px}
.dashboard-box .board-listing .board-listing-description{padding-top:0}
.dashboard-box .board-listing:hover{transform:none}
.dashboard-box .board-listing .board-listing-footer{background-color:transparent;padding:0;border-radius:none}

.dashboard-box .project-overview{padding:15px 0}
.dashboard-box .project-overview-inner{flex:auto;display:flex;align-items:center}
.dashboard-box .project-overview .project-name{text-align:left;margin:0 0 0 30px;width:100%}
.dashboard-box .project-overview .project-avatar{margin:0;width:90px}
.dashboard-box .project-overview.manage-candidates .project-avatar{align-self:flex-start}

.dashboard-task-info{list-style:none;padding:0;margin:0;background-color:#f4f4f4;text-align:center;border-radius:4px;padding:10px 10px;display:flex;flex-direction:row;align-items:stretch;align-self:flex-end;position:absolute;right:25px;top:50%;
transform:translateY(-50%);transition:.3s;justify-content:center}
.dashboard-task-info.full{position:relative;right:0;top:0;transform:none;margin:10px 0 10px}
.dashboard-box li:hover .dashboard-task-info{background-color:#f0f0f0}
.dashboard-task-info li{display:inline-block;border-right:1px solid #d0d0d0;width:120px;display:flex;flex-direction:column;justify-content:center;align-items:center; padding-right:10px; margin-right:10px;}
.dashboard-task-info li:last-child{margin-right:0;padding-right:0;border:none}
.dashboard-task-info li strong{display:block;font-size:16px;font-weight:600;color:#333;line-height:22px}
.dashboard-task-info li span{display:block;font-size:14px;color:#888;line-height:20px}
.bid-acceptance{display:flex;color:#289c41;background-color:#e4f6e9;font-size:18px;font-weight:600;text-align:center;border-radius:4px;padding:12px 18px;display:inline-block;margin:0 auto;line-height:20px}
.bid-acceptance span{font-size:14px;opacity:.86;line-height:20px}

.coupon{float:left;position:Relative;top:10px;overflow:hidden;}
.coupon .dashboard-status-button{margin:0px;top:0px; float:left;padding:0px; margin-right:10px;}
.coupon .dashboard-status-button.yellow{background:none; color:#333;}
.coupon .dashboard-status-button a{color:red}
.coupon .dashboard-status-button i{font-size:16px; position:Relative; top:2px}
.coupon .price{ display:inline-block;    border-radius: 4px;  font-size: 13px;   line-height: 20px;}
.coupon .price .fl{padding-right:5px;}
@media(max-width:1366px){
.dashboard-box .board-listing.width-adjustment{max-width:100%}
.dashboard-task-info{position:relative;right:0;top:0;transform:none;margin:10px 0 10px}
.dashboard-task-info.bid-info{margin-bottom:0;margin-top:20px}

}

@media(max-width:992px){
.dashboard-box-list .buttons-to-right.always-visible:not(.single-right-button){left:0px;}
.dashboard-box .board-listing .board-listing-footer .button{position:absolute; top:-10px; right:0px;}

}
@media(max-width:768px){
.dashboard-box .project-overview .project-avatar{width:60px}
.dashboard-box .project-overview .project-avatar .verified-badge{transform:scale(.8);bottom:-5px;right:-5px}
.dashboard-box .project-overview .project-name{margin:0 0 0 25px}
.dashboard-box .board-listing .board-listing-company-logo{display:none}
.dashboard-task-info.bid-info,.dashboard-task-info:not(.bid-info){flex-direction:column;width:100%}
.dashboard-task-info li{border-right:none;border-bottom:1px solid #d0d0d0;padding:0 0 10px;margin:0 0 10px;width:100%}
.dashboard-task-info li:last-child{border-right:none;border-bottom:none;padding:0;margin:0}
.dashboard-box .board-listing .board-listing-footer .button{position:relative; top:auto; right:auto;}
.board-listing .board-listing-footer.fr ul li.date.btnblock{width:100%; text-align:left}
.coupon{top:6px;}
}
@media(max-width:480px){
.dashboard-box-list .buttons-to-right.always-visible .dashboard-status-button{top:0px}
}
.dashboard-box .boxed-list-item{padding:10px 0;width:100%}



/*대행,보기페이지 상품이미지 부분*/
.avatar-wrapper{position:relative;width:120px;height:120px;border-radius:4px;overflow:hidden;box-shadow:none;margin:-2px auto 10px!important;transition:all .3s ease}
.avatar-wrapper:hover{transform:scale(1.05);}
.avatar-wrapper .file-pic{height:100%;width:100%;transition:all .3s ease;object-fit:cover}
.avatar-wrapper .file-pic:after{font-family:Feather-Icons;content:"\e9f1";top:0;left:0;width:100%;height:100%;line-height:120px;position:absolute;font-size:60px;background:#f0f0f0;color:#aaa;text-align:center}
.avatar-wrapper .upload-button{position:absolute;top:0;left:0;height:100%;width:100%}
.avatar-wrapper .file-upload{opacity:0;pointer-events:none;position:absolute}
.avatar-wrapper-box{width:200px;position:relative;}
.avatar-wrapper-img{width:120px;height:120px;border-radius:4px;overflow:hidden;box-shadow:none;margin:0 auto;transition:all .3s ease}
.avatar-wrapper-img .file-pic{height:100%;width:100%;transition:all .3s ease;object-fit:cover}
.avatar-wrapper-box .btn-group{margin-top:10px; text-align:center}
.avatar-wrapper-box .btn-group .button{height:30px; line-height:30px;}

@media(max-width:768px){
.col-auto{width:100%; margin-bottom:15px}
.avatar-wrapper-box{width:100%; }
.avatar-wrapper-box .btn-group.view-btn div{display:inline-block; margin-bottom-0!important}
.orderPro_area{padding:0px!important;}
.orderPro_area .avatar-wrapper-box{padding:10px 10px 0px;}
.orderPro_area .service_area.bdbox{border:0px;border-top:1px solid #eee;}
.orderPro_area .service_area .service_inner:last-child{border:0px;}
}

/*대행,보기페이지 상품이미지 부분 End*/

/* 부가서비스, 보기페이지*/
.service_area{overflow:hidden;background:#f4f4f4;}
.service_area.bdbox{border:1px solid #e8e8e8;border-bottom:0px solid #e8e8e8;}
.service_inner{border-bottom:1px solid #e8e8e8;position:Relative;padding-left:130px;height:100%;}
.service_inner:after{content:""; display:block; clear:both}
.service_inner.half {width:50%; float:left; }
.service_inner.bd0{border:0px;}
.service_inner h4{position:absolute;left:10px; top:50%; transform:translate(0,-50%); font-size: 13px;color: #333;font-weight:bold}
.service_inner .service_con{background:#fff;padding:5px 10px; min-height:35px;position:Relative;    border-left: 1px solid #e8e8e8}
.service_inner .service_con .input_area{position:absolute; left:10px; top:5px;}
.service_inner .service_con input{height:25px; line-height:25px;}
.service_inner .service_con .button{height:25px; line-height:25px;padding:0px 5px 0px 5px }
.service_inner .service_con.txt{padding:6px 12px;line-height:25px;min-height:39px;word-break:keep-all;}
.service_inner .service_con.txt .radio-area{width:auto;line-height:25px;}
.service_inner .service_con.txt .radio label{line-height:22px;}
.service_inner .service_con.txt .radio input[type=radio]+label .radio-label{top:2px;}
/*.service_inner .service_con.txt p{margin:0px; font-size:13px; line-height:20px;}*/
.service_inner .service_con .radio{margin:2px;}
.orderSvc-area{display:flex; flex-wrap: wrap;}
.orderSvc-area .checkbox{flex:0 0 33.3333%; align-content: center; justify-content: center; padding:2px 5px 2px 2px; box-sizing:border-box; margin-right:0;}
.optnBox01 { width: 31%; margin-right: 1%; word-break: break-all; vertical-align: top;  }
.optnBox02 { width: 31%; min-height: 50px;  margin-right: 1%; word-break: break-all;   vertical-align: top; }
.text-optn01 { font-size: 12px;  line-height: 17px; color: #777; }
.tip-text02 { padding-left: 10px; font-size: 13px;  color: #333; font-weight: 600;   line-height: 18px; margin: 8px 0;  line-height: 150%; }
.service-table{width:100%;border-collapse: collapse;   border-spacing: 0;    border: none;}
.service-table .title{font-size: 13px;color: #333;background:#f4f4f4; width:130px;}
.service-table td{padding:5px 10px;border:1px solid #eee;line-height:20px;}
@media(max-width:1099px){
.orderSvc-area .checkbox{flex:0 0 50%;}
}
@media (max-width: 992px) {
.service_area.bdbox .service_inner.half{width:100%;}
}


@media(max-width:768px){
.orderSvc-area .checkbox{flex:0 0 100%;}
.optnBox01,.optnBox02{width:100%;min-height:auto}
.tip-text02{padding-left: 0px;}
.service_inner{padding-left:100px;}
.service_area .service_inner.half{width:100%;}
.service_area .service_inner.half.bd0{border-bottom:1px solid #eee;}
.service_area .service_inner.half:last-child{border:0px;}
.service_inner .service_con.txt{line-height:20px; min-height:34px; overflow:hidden}
.service_inner .service_con.txt .radio-area{width:100%;}
}


.dashboard-content-inner .small-footer{width:100%;left:0;padding:25px 50px;position:absolute;bottom:0}
.dashboard-footer-spacer{padding-top:125px}
@media(min-width:1365px) and (max-width:1600px){
/*.fun-fact:last-child{display:none}*/
}
@media(max-width:1365px){
.fun-fact{flex:1 1 calc(50% - 30px);max-width:calc(50% - 30px)}  
}
@media(max-width:992px){
.dashboard-content-inner{min-height:auto!important}
.dashboard-sidebar .dashboard-nav-container,.dashboard-content-inner{padding:15px}
.dashboard-sidebar-inner{padding-bottom:30px}
.dashboard-sidebar .simplebar-content{overflow-x:hidden}
.dashboard-nav-inner{padding:30px 0;margin-bottom:0}
.dashboard-sidebar{flex:1;width:100%;background-color:transparent;box-shadow:none;height:auto!important}
.full-page-sidebar .simplebar-track,.dashboard-sidebar .simplebar-track{display:none}
.full-page-sidebar-inner,.dashboard-sidebar-inner{height:auto!important}
.dashboard-container{display:block;width:100%;flex-wrap:wrap;height:auto!important}
.dashboard-content-container{height:auto!important}
.dashboard-content-container .simplebar-scrollbar{display:none}
.dashboard-nav{width:100%;margin:0;border-radius:0 0 4px 4px;position:relative;min-height:auto;opacity:1;visibility:hidden;max-height:0;padding:0;transition:all .3s;box-shadow:0 0 10px rgba(0,0,0,.1);background:#fff}
.dashboard-nav ul:first-child{margin:0}
.dashboard-nav ul{margin-top:15px}
.dashboard-nav.active ul,.dashboard-nav.active{opacity:1;visibility:visible;max-height:900px}
.dashboard-nav ul:before{padding:0 29px}
.dashboard-nav ul li a{padding:10px 25px}
.dashboard-nav ul,.dashboard-nav.active ul li ul,.dashboard-nav ul li ul{visibility:hidden;opacity:0;max-height:0;transition:all .3s}
.dashboard-nav.active ul li.active-submenu ul{visibility:visible;opacity:1;max-height:300px}
a.dashboard-responsive-nav-trigger{width:100%;margin:0;margin-top:15px;background-color:#333;border-radius:5px;color:#fff;padding:16px 30px;font-weight:600;transition:.2s;display:block;line-height:26px}
a.dashboard-responsive-nav-trigger span.trigger-title{padding-left:33px}
a.dashboard-responsive-nav-trigger .hamburger-inner,a.dashboard-responsive-nav-trigger .hamburger-inner::before,a.dashboard-responsive-nav-trigger .hamburger-inner::after{background-color:#fff}
a.dashboard-responsive-nav-trigger .hamburger{top:2px;left:0;transform:scale(.66)}
a.dashboard-responsive-nav-trigger i{margin-right:8px;margin-left:-2px;font-size:28px;line-height:0;position:relative;top:6px}
a.dashboard-responsive-nav-trigger.active{border-radius:4px 4px 0 0}
.buttons-to-right:not(.single-right-button){opacity:1}
.fun-facts-container{width:calc(100% + 15px);margin-bottom:-15px}
.fun-fact{flex:1 1 calc(50% - 15px);max-width:calc(50% - 15px);margin:0 15px 15px 0}
}
@media(max-width:768px){
.fun-fact{flex:1 1 100%;max-width:100%}
.buttons-to-right:not(.single-right-button){position:relative;transform:none;top:0;margin:10px 0 0;opacity:1;right:auto;display:inline-block;box-shadow:none;width:100%}
.dashboard-box .headline .sort-by{float:none;display:inline-block;position:relative;top:0;transform:none;right:0;top:5px;left:-8px}
.dashboard-box .headline .sort-by .bootstrap-select .dropdown-menu{left:0;right:auto}
}

/*신청서 Btype */
.con_Btype_input{border-bottom:1px solid #e8e8e8;padding-left:100px;position:Relative; background:#f2f2f2}
.con_Btype_input:last-child{border-bottom:0px;}
.con_Btype_input .title{position:absolute; top:50%; left:10px; transform:translate(0,-50%); font-weight:bold; color:#333; line-height:18px;}
.con_Btype_input .title span{display:block}
.con_Btype_input .con_box{background:#fff;border-left:1px solid #e8e8e8;padding:10px;}
.con_Btype_input.padding-left-0 .con_box{border-left:0px solid #e8e8e8;}
@media (max-width: 480px) {
.con_Btype_input.mobile_full{padding-left:0px;}
.con_Btype_input.mobile_full .con_box{border-left:0px solid #e8e8e8;}
.con_Btype_input.mobile_full .title{display:none}
.con_Btype_input.mobile_full .mobile_block{display:block;position:Relative;transform:none; background:#fff;padding-top:5px;padding-left:10px;left:0px;height:15px;}
}


.Btype_area{border-top:1px solid #d8d8d8;}
.Btype_area:nth-child(1){border-top:0px;}
.Btype_head{overflow:hidden;background:#f2f2f2;display: flex;flex-flow: row nowrap; }
.Btype_head .con_box{width:20%;border-right:1px solid #e8e8e8;}
.Btype_head .con_box:last-child{border-right:0px;}
.Btype_head .con_box p{margin:0px;position:Relative; height:65px;}
.Btype_head .con_box p span{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-weight:bold; color:#333; line-height:18px;font-size:13px; text-align:center}
.Btype_body{overflow:hidden;display: flex;flex-flow: row nowrap; }
.Btype_body .con_box{width:20%;border-right:1px solid #e8e8e8;padding:10px;}
.Btype_body .con_box:last-child{border-right:0px;}
.Btype_body .avatar-wrapper{width:100px; height:100px;margin: 0px auto 10px!important;}
.Btype_body .submit-field .point span{font-weight:bold;color:Red}
.Btype_head .con_box:nth-child(1),.Btype_body .con_box:nth-child(1){width:150px;}
.Btype_head .con_box:nth-child(2),.Btype_body .con_box:nth-child(2){width:130px;}
.Btype_head .con_box:nth-child(5),.Btype_body .con_box:nth-child(5){width:250px;}
@media (max-width: 1367px) {
.Btype_head .con_box,.Btype_body .con_box{width:18%;}

}
@media (max-width: 1240px) {
.Btype_head .con_box:nth-child(5),.Btype_body .con_box:nth-child(5){width:200px;}
}
@media (max-width: 1099px) {
.Btype_head{display:none}
.Btype_body {flex-wrap:wrap;}
.Btype_body .con_box{width:20%!important;}
.Btype_body .con_box:nth-child(1){width:100%!important;border-bottom:1px solid #e8e8e8;border-right:0px;padding:10px 10px 5px}
}
@media (max-width: 992px) {
.Btype_body .con_box{width:100%!important;border-right:0px;padding-top:0px;}
.Btype_body .con_box:nth-child(1){margin-bottom:15px;}
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}


/* messages-container 주문건 문의내역*/
.messages-container{margin:0;/*box-shadow:0 0 12px 0 rgba(0,0,0,.06);*/border-radius:4px;background-color:#fff}
.messages-inbox ul{max-height:875px}.message-content-inner{max-height:750px}
.message-content,.messages-container-inner .messages-inbox{overflow:hidden}
.message-content-inner,.messages-container-inner .messages-inbox ul{overflow-y:scroll;width:calc(100% + 18px)}
.message-content-inner::-webkit-scrollbar,.messages-container-inner .messages-inbox ul::-webkit-scrollbar{width:17px}
.messages-headline{max-height:82px;font-size:16px;margin:0;padding:22px 30px;color:#333;background-color:#fff;display:block;border-bottom:1px solid #eaeaea;border-radius:4px 4px 0 0;position:relative}
.messages-headline input{background-color:#f6f6f6;box-shadow:none;height:38px;padding:14px;font-size:14px;margin:0}
.messages-headline input:focus{box-shadow:none}
.messages-headline .input-with-icon i{font-size:18px;right:14px}
.messages-headline h4{font-size:16px;color:#333;padding:6px 0;margin:0;font-weight:600;display:inline-block}
.message-action{border-radius:50px;font-size:13px;color:#666;font-weight:500;display:inline-block;transition:.3s;color:#666;padding:0;position:absolute;top:50%;right:30px;transform:translateY(-50%)}
.message-action i{font-size:14px;position:relative;top:1px;margin-right:1px}
.message-action:hover{color:#ee3535}.messages-inbox ul{list-style:none;padding:0;margin:0}
.message-avatar img{display:inline-block;width:54px;height:54px;border-radius:50%}
.messages-inbox ul li a{position:relative;display:block;padding:30px}
.messages-inbox ul li{transition:.2s;position:relative}
.messages-inbox ul li:nth-child(2n){background-color:#fafafa}
.messages-inbox ul li:last-child{border-bottom:none}
.messages-inbox ul li.active-message{background-color:#fafafa}
.messages-inbox ul li:before{position:absolute;top:0;left:0;width:3px;height:100%;background-color:#66676b;display:block;content:"";opacity:0;transition:.3s}
.messages-inbox ul li:hover:before,.messages-inbox ul li.active-message:before{opacity:1}
.messages-inbox .message-avatar{position:absolute;left:30px;top:50%;transform:translateY(-50%)}
.messages-inbox .message-by{margin-left:85px;font-size:15px;color:#666}
.messages-inbox .message-by p{margin:0;padding:0;line-height:25px;font-size:15px}
.message-by-headline h5,.message-by-headline span{display:inline-block}
.message-by-headline span{float:right;color:#888;font-size:14px}
.message-by-headline h5{font-weight:600;color:#333;margin:0 0 7px;padding:0}
.message-by-headline:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.message-by h5 i{background-color:#66676b;border-radius:4px;line-height:20px;font-size:12px;color:#fff;font-style:normal;padding:3px 8px;margin-left:3px}
.messages-container-inner{display:flex}
.messages-container-inner .messages-inbox,.messages-container-inner .message-content{flex:1}
.messages-container-inner .message-content-inner{flex-grow:1}
.messages-container-inner .message-content{display:flex;flex-direction:column}
.messages-container-inner .messages-inbox{max-width:340px;border-right:1px solid #eaeaea}
.messages-container-inner .messages-inbox ul li a{padding:25px}
.messages-container-inner .messages-inbox .message-by p{height:26px;max-width:205px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;color:#888}
.messages-container-inner .message-avatar img{width:40px;height:40px}
.messages-container-inner .messages-inbox .message-avatar{left:25px}
.messages-container-inner .messages-inbox .message-by{margin-left:60px}
.messages-container-inner .message-by-headline h5{font-size:14px;margin-bottom:3px;max-width:160px;line-height:23px}
.messages-container-inner .message-by-headline span{font-size:13px;position:absolute;top:25px;right:25px}
.message-bubble{display:block;position:relative;margin:15px}
.message-bubble .message-avatar{position:absolute;left:0;top:0; width:35px; height:35px; background:#eee; color:#fff; line-height:35px; text-align:center; border-radius:50%; font-size:13px;color:#333}
.message-bubble .message-avatar img{width:50px;height:50px}
.message-bubble .message-text{margin-left:50px;background-color:#f4f4f4;border-radius:4px;padding:10px 10px;position:relative;display:inline-block;float:left;line-height:25px; }
.message-bubble.me .message-text{float:right}
.message-bubble .message-text p{font-size:13px;padding:0;margin:0;line-height:18px}
.message-bubble.me .message-avatar{left:auto;right:0;background:#66676b; color:#fff}
.message-bubble.me .message-text{margin-left:0;margin-right:50px;background-color:#66676b;color:#fff;position:relative}
.message-bubble .message-text:before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #f4f4f4;left:-6px;right:auto;top:10px;position:absolute}
.message-bubble.me .message-text:before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #66676b;border-right:none;right:-6px;left:auto}
.message-time-sign{text-align:center;display:block;position:relative;margin-top:15px}
.message-time-sign:before{content:"";height:1px;background-color:#eaeaea;display:block;max-width:30%;margin:0 auto;position:relative;top:14px;z-index:10}
.message-time-sign span{background-color:#fff;font-size:11px;color:#888;z-index:11;position:relative;padding:0 10px}
.message-reply{border-top:1px solid #eaeaea;padding:10px;display:flex;align-items:flex-start;margin-top:15px}
.message-reply textarea{min-width:auto;height:48px;min-height:48px;padding:10px 0;margin:0 15px 0 0;flex:1;font-size:15px;font-weight:400;line-height:26px;box-shadow:none;border:none;box-sizing:border-box;resize:none}
.message-reply button{border-radius:4px;flex:auto;flex-grow:0;height:44px;text-align:center;align-self:center;padding:0 25px}
.message-reply i{padding:0;margin:0}
.typing-indicator{width:auto;height:24px;padding-top:8px}
.typing-indicator span{height:8px;width:8px;float:left;margin:0 1px;background-color:#a0a0a0;display:block;border-radius:50%;opacity:.4}
.typing-indicator span:nth-of-type(1){animation:1s blink infinite .33333s}
.typing-indicator span:nth-of-type(2){animation:1s blink infinite .66666s}
.typing-indicator span:nth-of-type(3){animation:1s blink infinite .99999s}
@keyframes blink{
50%{opacity:1}
}
@media(max-width:992px){
.messages-container-inner .messages-inbox{max-width:300px}
}
@media(max-width:768px){
.messages-container-inner{display:block}
.messages-container-inner .messages-inbox{max-width:100%;border-bottom:1px solid #e4e4e4;border-right:none}
.messages-inbox ul{max-height:500px}
.messages-container-inner .message-by-headline span{position:relative;top:0;right:0;display:block;float:none;padding:0;margin:-4px 0 0}
.message-action{display:block;position:relative;right:0;top:0;transform:none;margin-top:-5px}
.messages-headline{max-height:120px}
}
/* messages-container 주문건 문의내역 End*/




/* ---------------------------------- */
/* shoppings - Grid Layout
------------------------------------- */
.shoppings-container {display: flex;flex-wrap: wrap;width: calc(100% + 20px);}
.shopping {display: flex;flex-direction: column; justify-content: center;margin: 0 20px 20px 0;width: calc(100% * (1/4) - 20px);border-radius: 4px;border:1px solid #d8d8d8;
    background-color: #fff; transition: 0.3s;position: relative;cursor: default;}
.shopping:hover {box-shadow: 0 2px 18px rgba(0,0,0,0.14);transform: translateY(-4px);}
.shopping .bookmark-icon {cursor: pointer;}
.shopping-overview {text-align: center;padding: 15px 15px 5px;flex-grow: 1;display: flex;flex-wrap: wrap;/*align-items: center;*/}
.shopping-overview-inner {flex: 1;}
.shopping-overview .shopping-avatar {/*width: 110px;*/margin: 0 auto;position: relative; height:190px; overflow:hidden;border-radius:5px;}
.shopping-overview .shopping-avatar img {width: 100%;height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); cursor: pointer;}
.shopping-overview .shopping-avatar .verified-badge {position: absolute;bottom: 0;right: 0;}
.shopping-name {margin-top: 10px;line-height:20px;text-align:left}
.shopping-rating {margin-top: 5px;margin-bottom: -10px;}  
.shopping-name h4,.shopping-name h4 a {font-size: 11px;font-weight: 600;color: #333;cursor: pointer;padding-bottom:0px; text-align:left}
.shopping-name img.flag {height: 13px;border-radius: 3px;position: relative;top: 3px;display: inline-block;box-shadow: 0 0 3px rgba(0,0,0,0.2);cursor: default}
.shopping-name span {display:block;color: #888;font-size:13px; height:40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.shopping-price span{font-size:11px; text-decoration:line-through; display:block; float:left; margin-right:5px;}
.shopping-price strong{float:left}
.shopping-details {padding:0px 15px 15px;background-color: #fff;flex-grow: 0;}
.shoppings-grid-layout .shopping-details { border-radius: 0 0 4px 4px; }
.shoppings-grid-layout .shopping-details a.button {display: block;text-align: center;width: 100% !important;transition: 0.3s;box-shadow: 0 4px 12px rgba(102,103,107,0.1);}
.shopping-details a.button:hover {box-shadow: 0 4px 12px rgba(102,103,107,0.2);}
.shopping-details-list ul {list-style: none;padding: 0;margin: 0 0 5px 0;font-size: 11px;}
.shopping-details-list ul li {display:block;margin-right: 25px;line-height: 23px;color: #808080;margin-bottom: 0px; text-align:left}
.shopping-details-list ul li i{position:Relative; top:1px;}
.shopping-details-list ul li:last-child {margin-right: 0;}
.shopping-details-list ul li strong {display: block;color: #333;}
.shopping-details-list ul li strong i {position: relative;top: 1px;margin-right: -1px;margin-left: -2px;}

/*보기페이지*/
.shopping-avatar-area{box-sizing:border-box; transition: 0.3s; padding-left:525px; position:Relative; width:100%; min-height:500px}
.shopping-avatar-area .shopping-avatar{width:500px; height:500px; position:absolute; top:0px; left:0px;transition: 0.3s; }
.shopping-avatar-area .shopping-avatar img{width:100%; height:100%;border-radius: 5%; }
.shopping-avatar-area h2{ font-size:20px; padding-bottom:20px; font-weight:bold}
.shopping-avatar-area .price span{font-size:14px; text-decoration:line-through; display:inline-block; padding-right:10px;}

/* Detail Item */
.shopping-detail-item {display: inline-block;margin: 2px 10px 5px 0;}
.shopping-detail-item a,.shopping-detail-item {color: #888;}
.shopping-detail-item a:hover {color: #66676b;}
.shopping-detail-item i {position: relative;top: 2px;margin-right: 3px;}


/* Media Queiers for shoppings List */
@media (max-width: 1366px) {
	.shoppings-grid-layout .shopping-overview .shopping-avatar { width: 100%; height:160px;}
	.shopping-avatar-area{padding-left:425px; min-height:400px}
	.shopping-avatar-area .shopping-avatar{width:400px; height:400px; }
}
@media (max-width: 1240px) {
.shopping{width: calc(100% * (1/3) - 20px);}
}

@media(max-width:992px){
	.shopping-avatar-area{padding-left:0px; min-height:300px}
	.shopping-avatar-area .shopping-avatar{width:300px; height:300px; position:Relative; margin:0 auto 20px; }
	.shopping{width: calc(100% * (1/2) - 20px);}
}
@media (max-width: 480px) {
	.shoppings-grid-layout.shoppings-container { width: 100%; }
	.shoppings-grid-layout .shopping-overview .shopping-avatar { width: 100%; height:180px;}
	.shoppings-container.shoppings-grid-layout { width: 100%; }
	.shoppings-container.shoppings-grid-layout .shopping { width: 100%; margin-right: 0; }
	.shopping-avatar-area .shopping-avatar{width:230px; height:230px; }
	.shopping-avatar-area h2{ font-size:16px;}
}

/* Full Page Media Queiers for shoppings List */
@media (max-width: 2560px) {
	.full-page-container .shopping { width: calc(100% * (1/4) - 30px); }
}

@media (max-width: 1920px) {
	.full-page-container .shopping { width: calc(100% * (1/3) - 30px); }
}

@media (max-width: 1366px) {
	.full-page-container .shopping { width: calc(100% * (1/2) - 30px); }
}

@media (max-width: 1099px) {
	.full-page-container .shoppings-container { width: 100%; }
	.full-page-container .shopping { width: 100%; margin-right: 0; }
}










/* ---------------------------------- */
/* shoppings - List Layout
------------------------------------- */
.shoppings-container.shoppings-list-layout { width: 100%; }
.shoppings-list-layout .shopping { margin: 0 0 30px 0;width: 100%;  flex-direction: row; justify-content: center;}
.shoppings-list-layout .shopping-overview {text-align: left;padding: 45px 40px;flex-grow: 1;display: flex;flex-wrap: wrap;align-items: center;}
.shoppings-list-layout .shopping-overview-inner {flex: 1;display: flex;align-items: center;}
.shoppings-list-layout .shopping-details {padding: 45px 40px 45px 0;background-color: transparent;flex: 0 0 360px;}
.shoppings-list-layout .shopping-overview .shopping-avatar {width: 100%;margin: 0;} 
.shoppings-list-layout .shopping-overview .shopping-name {
    text-align: left;
    margin: 0 0 0 30px;
} 

.shoppings-list-layout .shopping-details a.button {
    display: block;
    text-align: center;
    min-width: 50%;
    max-width: 100%;
    width: auto !important;
    transition: 0.3s;
    float: right;
	box-shadow: 0 4px 12px rgba(102,103,107,0.15);
} 

.shoppings-list-layout .shopping-details a.button:hover {
	box-shadow: 0 4px 12px rgba(102,103,107,0.25);
} 

.shoppings-list-layout .bookmark-icon {
	display: none;
} 

.shoppings-list-layout .shopping-details-list ul {
	float: right;
	display: block
} 

.shoppings-list-layout .shopping-details-list ul li {
	margin-left: 25px;
	margin-right: 0;
	float: right;
} 

/* shoppings Compact List */
.compact-list.shoppings-list-layout .shopping {
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none;
}

.compact-list.shoppings-list-layout .shopping:hover {
    transform: translateY(0);
}

.compact-list.shoppings-list-layout {
	background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.12);
}

.compact-list.shoppings-list-layout .shopping:nth-child(2n) { background-color: #fafafa; }

.compact-list.shoppings-list-layout .shopping:hover:before  { opacity: 1; }

.compact-list.shoppings-list-layout .shopping:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    display: block;
    background: #66676b;
    transition: 0.3s;
    opacity: 0;
}

.compact-list.shoppings-list-layout .shopping:last-of-type {
	border-radius: 0 0 3px 3px;
	overflow: hidden;
}

.compact-list.shoppings-list-layout .shopping:first-of-type {
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}


/* Media Queiers for shoppings List Layout */
@media (max-width: 1366px) {
	.shoppings-list-layout .shopping-overview .shopping-avatar { width: 100px; }
}

@media (max-width: 1240px) {

	.shoppings-list-layout .shopping { flex-direction: column; }
	.shoppings-list-layout .shopping-details {
		flex: 1;
		padding: 35px 40px;
		background-color: #fafafa;
	}

	.shoppings-list-layout .shopping-details-list ul { float: left; }

	.shoppings-list-layout .shopping-details-list ul li {
	    margin-left: 0;
	    margin-right: 25px;
	    float: left;
	}

	.shoppings-list-layout .shopping-details a.button {
	    float: none;
	    width: 100% !important;
	}

	/*.shoppings-list-layout .shopping-overview .shopping-avatar { width: 90px; }*/

	/* Compact Layout */
	.compact-list.shoppings-list-layout .shopping-details {
	    background-color: transparent;
	    padding-top: 0;
	}
}

@media (max-width: 768px) {
	.shoppings-list-layout .shopping-overview,
	.shoppings-list-layout .shopping-details {
		padding: 30px;
	}

	.shoppings-list-layout .shopping-overview .shopping-avatar { width: 80px; }

	.shoppings-list-layout .star-rating:before {
	    display: block;
	    float: none;
	    text-align: center;
	    max-width: 40px;
	    margin-bottom: 4px;
	}
}

/**/
.pro-detail-area{background-color: #fafafa;     border-bottom: 1px solid #e4e4e4;     border-top: 1px solid #e4e4e4;}
#largeImg {border: 1px solid #ccc; width: 100%;height: auto;padding: 5px;}
 #largeImg img {width:100%; min-height:}
.smallImg{margin-top:10px;margin-bottom:15px}
.smallImg img {border: 1px solid #ccc;padding: 5px;width: 50px;height: 50px; margin-bottom:5px;}
.smallImg img:hover {border-color: #ff0;}
.largeImg-title {font-size:18px;font-weight:bold; padding-bottom:10px; height:62px; }
@media (max-width: 1198px) {
.largeImg-title{height:auto;}
}
.largeImg-option{max-height:433px; overflow-x:hidden; overflow-y:auto}
.largeImg-option ul{border-left:1px solid #e4e4e4;border-top:0px solid #e4e4e4;overflow:hidden}
.largeImg-option ul li{float:left;width:25%;padding:10px 10px; border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
/*.largeImg-option ul li.price{width:40%}*/
.largeImg-option ul.title{border-top:1px solid #e4e4e4;}
.largeImg-option ul.title li{text-align:center; background-color:#f4f4f4}
.largeImg-option ul li input{ height:26px;margin:0; }

@media (max-width: 1198px) {
.largeImg-option{max-height:250px; }
}
@media (max-width: 768px) {
.largeImg-option ul.title,.largeImg-option ul li.hide{display:none}
.largeImg-option ul{margin-top:10px;border-top:1px solid #e4e4e4; background:#fff;}
.largeImg-option ul li,.largeImg-option ul li.price{width:50%; }
}
@media (max-width: 480px) {
.largeImg-option ul li,.largeImg-option ul li.price{width:100%; }
}
/*qtyButtons 수량버튼*/
.largeImg-option .qtyButtons{display:flex;margin:0;background:#fff;border-radius:4px;height:26px;padding:0px; overflow:hidden}
.largeImg-option .qtyButtons.with-border{border:1px solid #e0e0e0;box-shadow:0 1px 4px 0 rgba(0,0,0,.05)}
.largeImg-option .qtyButtons input{outline:0;font-size:16px;font-weight:600;text-align:center;width:26px;height:26px;color:gray;line-height:26px;margin:0!important;padding:0 5px;border:none;box-shadow:none;display:inline-block;flex-grow:1;
box-shadow:none!important}
.largeImg-option .qtyTitle{font-size:16px;font-weight:600;line-height:26px;padding-right:15px;display:block;flex:1}
.largeImg-option .qtyInc, .largeImg-option .qtyDec{width:26px;height:26px;line-height:26px;font-size:18px;background-color:#f0f0f0;color:gray;display:inline-block;
text-align:center;border-radius:4px;cursor:pointer;font-family:feather-icons;flex:1;min-width:26px;max-width:26px;transition:.3s}
.largeImg-option .qtyInc:before{content:"\e9b1"}
.largeImg-option .qtyDec:before{content:"\e996"}
.largeImg-option .qtyInc:hover,.qtyDec:hover{background-color:#66676b;color:#fff}
.largeImg-option .qtyTotal{background-color:#66676b;border-radius:50%;color:#fff;display:inline-block;font-size:11px;font-weight:600;font-family:open sans,sans-serif;line-height:18px;text-align:center;position:relative;top:-2px;left:2px;height:18px;width:18px}
.largeImg-option .qtyButtons .dtyEditBtn{padding-left:5px}
.largeImg-option .qtyButtons .dtyEditBtn .button{height:26px;line-height:26px;}

.option-total{margin-top:10px; background:#fcfcfc}
.option-total ul{border-left:1px solid #d5d5d5;border-top:1px solid #d5d5d5;overflow:hidden}
.option-total ul li{width:50%; float:left;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5; padding:0px 10px; height:40px; line-height:40px;}
@media (max-width: 1198px) {
.option-total{margin-bottom:5px}
}



/*section-headline*/
.section-headline{display:block;position:relative;padding-right:20%; }
.section-headline.centered{text-align:center;padding:0}
.section-headline span{font-size:18px;line-height:26px;font-weight:300;color:#888;margin-top:0;display:block}
.section-headline h1,.section-headline h2,.section-headline h3,.section-headline h4{font-size:26px;line-height:36px;font-weight:500;color:#333}
.section-headline h4{font-size:22px;line-height:34px}
.section-headline.border-top{border-top:1px solid #e0e0e0}
.section-headline i{color:#ffde00; font-size:24px; position:Relative; top:2px}
h1.in-a-box,h2.in-a-box,h2.in-a-box,h3.in-a-box,h5.in-a-box{display:inline-block;font-size:18px;background-color:#333;color:#fff;border-radius:4px;padding:8px 20px;box-shadow:0 3px 10px rgba(0,0,0,.15)}
.section-headline h5{font-size:16px;font-weight:600;line-height:30px}
a.headline-link{position:absolute;right:0;bottom:0}
a.headline-link.bottom-icon:after{content:"\e957";top:3px}
a.headline-link:after{content:"\e995";font-family:material-icons;font-size:21px;line-height:0;position:relative;top:4px;margin-left:5px}
@media(max-width:768px){
a.headline-link{position:relative;margin-top:10px;display:inline-block}
}
@media(max-width:992px){
.hide-under-992px{display:none}
}
@media(max-width:768px){
.hide-under-768px{display:none}
}
@media(max-width:480px){
.hide-under-480px{display:none}
}
.icon-set-container{display:block;width:calc(100% + 30px);left:-15px;position:relative;display:flex;flex-wrap:wrap;align-content:center;justify-content:center}
.glyph.fs1{position:relative;font-size:20px;margin:10px 15px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);border-radius:4px;flex:1 1 calc(25% - 30px);align-content:center;justify-content:center;display:flex;flex-direction:column;
padding:15px;transition:.3s;color:#666}
.glyph.fs1:hover{transform:translateY(-5px);background-color:#333;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.glyph.fs1:hover span:not([class*=mls]){background-color:#fff;color:#333}
.glyph.fs1 .fs0,.glyph.fs1 fieldset{display:none}
.glyph.fs1 span:not([class*=mls]){vertical-align:middle;top:-4px;height:40px;width:40px;background:rgba(0,0,0,.04);display:inline-block;line-height:40px;text-align:center;border-radius:4px;font-size:24px;transition:.3s;position:relative;
position:absolute;top:50%;transform:translateY(-50%)}
.glyph.fs1 .mls:not([class*=icon-]){max-width:80%;display:inline-block;overflow:hidden;font-size:14px;line-height:20px;top:0;vertical-align:middle;padding-left:55px}
.content-left-offset{padding-left:30px}
.content-right-offset{padding-right:30px}
@media(max-width:992px){
.content-left-offset{padding-left:10px}
.content-right-offset{padding-right:10px}
}


.margin-top-0{margin-top:0!important}.margin-top-1{margin-top:1px!important}.margin-top-2{margin-top:2px!important}.margin-top-3{margin-top:3px!important}.margin-top-4{margin-top:4px!important}.margin-top-5{margin-top:5px!important}.margin-top-6{margin-top:6px!important}.margin-top-7{margin-top:7px!important}.margin-top-8{margin-top:8px!important}.margin-top-9{margin-top:9px!important}.margin-top-10{margin-top:10px!important}.margin-top-11{margin-top:11px!important}.margin-top-12{margin-top:12px!important}.margin-top-13{margin-top:13px!important}.margin-top-14{margin-top:14px!important}.margin-top-15{margin-top:15px!important}.margin-top-16{margin-top:16px!important}.margin-top-17{margin-top:17px!important}.margin-top-18{margin-top:18px!important}.margin-top-19{margin-top:19px!important}.margin-top-20{margin-top:20px!important}.margin-top-21{margin-top:21px!important}.margin-top-22{margin-top:22px!important}.margin-top-23{margin-top:23px!important}.margin-top-24{margin-top:24px!important}.margin-top-25{margin-top:25px!important}.margin-top-26{margin-top:26px!important}.margin-top-27{margin-top:27px!important}.margin-top-28{margin-top:28px!important}.margin-top-29{margin-top:29px!important}.margin-top-30{margin-top:30px!important}.margin-top-31{margin-top:31px!important}.margin-top-32{margin-top:32px!important}.margin-top-33{margin-top:33px!important}.margin-top-34{margin-top:34px!important}.margin-top-35{margin-top:35px!important}.margin-top-36{margin-top:36px!important}.margin-top-37{margin-top:37px!important}.margin-top-38{margin-top:38px!important}.margin-top-39{margin-top:39px!important}.margin-top-40{margin-top:40px!important}.margin-top-41{margin-top:41px!important}.margin-top-42{margin-top:42px!important}.margin-top-43{margin-top:43px!important}.margin-top-44{margin-top:44px!important}.margin-top-45{margin-top:45px!important}.margin-top-46{margin-top:46px!important}.margin-top-47{margin-top:47px!important}.margin-top-48{margin-top:48px!important}.margin-top-49{margin-top:49px!important}.margin-top-50{margin-top:50px!important}.margin-top-51{margin-top:51px!important}.margin-top-52{margin-top:52px!important}.margin-top-53{margin-top:53px!important}.margin-top-54{margin-top:54px!important}.margin-top-55{margin-top:55px!important}.margin-top-56{margin-top:56px!important}.margin-top-57{margin-top:57px!important}.margin-top-58{margin-top:58px!important}.margin-top-59{margin-top:59px!important}.margin-top-60{margin-top:60px!important}.margin-top-61{margin-top:61px!important}.margin-top-62{margin-top:62px!important}.margin-top-63{margin-top:63px!important}.margin-top-64{margin-top:64px!important}.margin-top-65{margin-top:65px!important}.margin-top-66{margin-top:66px!important}.margin-top-67{margin-top:67px!important}.margin-top-68{margin-top:68px!important}.margin-top-69{margin-top:69px!important}.margin-top-70{margin-top:70px!important}.margin-top-71{margin-top:71px!important}.margin-top-72{margin-top:72px!important}.margin-top-73{margin-top:73px!important}.margin-top-74{margin-top:74px!important}.margin-top-75{margin-top:75px!important}.margin-top-76{margin-top:76px!important}.margin-top-77{margin-top:77px!important}.margin-top-78{margin-top:78px!important}.margin-top-79{margin-top:79px!important}.margin-top-80{margin-top:80px!important}.margin-top-81{margin-top:81px!important}.margin-top-82{margin-top:82px!important}.margin-top-83{margin-top:83px!important}.margin-top-84{margin-top:84px!important}.margin-top-85{margin-top:85px!important}.margin-top-86{margin-top:86px!important}.margin-top-87{margin-top:87px!important}.margin-top-88{margin-top:88px!important}.margin-top-89{margin-top:89px!important}.margin-top-90{margin-top:90px!important}.margin-top-91{margin-top:91px!important}.margin-top-92{margin-top:92px!important}.margin-top-93{margin-top:93px!important}.margin-top-94{margin-top:94px!important}.margin-top-95{margin-top:95px!important}.margin-top-96{margin-top:96px!important}.margin-top-97{margin-top:97px!important}.margin-top-98{margin-top:98px!important}.margin-top-99{margin-top:99px!important}.margin-top-100{margin-top:100px!important}
.margin-bottom-0{margin-bottom:0!important}.margin-bottom-1{margin-bottom:1px!important}.margin-bottom-2{margin-bottom:2px!important}.margin-bottom-3{margin-bottom:3px!important}.margin-bottom-4{margin-bottom:4px!important}.margin-bottom-5{margin-bottom:5px!important}.margin-bottom-6{margin-bottom:6px!important}.margin-bottom-7{margin-bottom:7px!important}.margin-bottom-8{margin-bottom:8px!important}.margin-bottom-9{margin-bottom:9px!important}.margin-bottom-10{margin-bottom:10px!important}.margin-bottom-11{margin-bottom:11px!important}.margin-bottom-12{margin-bottom:12px!important}.margin-bottom-13{margin-bottom:13px!important}.margin-bottom-14{margin-bottom:14px!important}.margin-bottom-15{margin-bottom:15px!important}.margin-bottom-16{margin-bottom:16px!important}.margin-bottom-17{margin-bottom:17px!important}.margin-bottom-18{margin-bottom:18px!important}.margin-bottom-19{margin-bottom:19px!important}.margin-bottom-20{margin-bottom:20px!important}.margin-bottom-21{margin-bottom:21px!important}.margin-bottom-22{margin-bottom:22px!important}.margin-bottom-23{margin-bottom:23px!important}.margin-bottom-24{margin-bottom:24px!important}.margin-bottom-25{margin-bottom:25px!important}.margin-bottom-26{margin-bottom:26px!important}.margin-bottom-27{margin-bottom:27px!important}.margin-bottom-28{margin-bottom:28px!important}.margin-bottom-29{margin-bottom:29px!important}.margin-bottom-30{margin-bottom:30px!important}.margin-bottom-31{margin-bottom:31px!important}.margin-bottom-32{margin-bottom:32px!important}.margin-bottom-33{margin-bottom:33px!important}.margin-bottom-34{margin-bottom:34px!important}.margin-bottom-35{margin-bottom:35px!important}.margin-bottom-36{margin-bottom:36px!important}.margin-bottom-37{margin-bottom:37px!important}.margin-bottom-38{margin-bottom:38px!important}.margin-bottom-39{margin-bottom:39px!important}.margin-bottom-40{margin-bottom:40px!important}.margin-bottom-41{margin-bottom:41px!important}.margin-bottom-42{margin-bottom:42px!important}.margin-bottom-43{margin-bottom:43px!important}.margin-bottom-44{margin-bottom:44px!important}.margin-bottom-45{margin-bottom:45px!important}.margin-bottom-46{margin-bottom:46px!important}.margin-bottom-47{margin-bottom:47px!important}.margin-bottom-48{margin-bottom:48px!important}.margin-bottom-49{margin-bottom:49px!important}.margin-bottom-50{margin-bottom:50px!important}.margin-bottom-51{margin-bottom:51px!important}.margin-bottom-52{margin-bottom:52px!important}.margin-bottom-53{margin-bottom:53px!important}.margin-bottom-54{margin-bottom:54px!important}.margin-bottom-55{margin-bottom:55px!important}.margin-bottom-56{margin-bottom:56px!important}.margin-bottom-57{margin-bottom:57px!important}.margin-bottom-58{margin-bottom:58px!important}.margin-bottom-59{margin-bottom:59px!important}.margin-bottom-60{margin-bottom:60px!important}.margin-bottom-61{margin-bottom:61px!important}.margin-bottom-62{margin-bottom:62px!important}.margin-bottom-63{margin-bottom:63px!important}.margin-bottom-64{margin-bottom:64px!important}.margin-bottom-65{margin-bottom:65px!important}.margin-bottom-66{margin-bottom:66px!important}.margin-bottom-67{margin-bottom:67px!important}.margin-bottom-68{margin-bottom:68px!important}.margin-bottom-69{margin-bottom:69px!important}.margin-bottom-70{margin-bottom:70px!important}.margin-bottom-71{margin-bottom:71px!important}.margin-bottom-72{margin-bottom:72px!important}.margin-bottom-73{margin-bottom:73px!important}.margin-bottom-74{margin-bottom:74px!important}.margin-bottom-75{margin-bottom:75px!important}.margin-bottom-76{margin-bottom:76px!important}.margin-bottom-77{margin-bottom:77px!important}.margin-bottom-78{margin-bottom:78px!important}.margin-bottom-79{margin-bottom:79px!important}.margin-bottom-80{margin-bottom:80px!important}.margin-bottom-81{margin-bottom:81px!important}.margin-bottom-82{margin-bottom:82px!important}.margin-bottom-83{margin-bottom:83px!important}.margin-bottom-84{margin-bottom:84px!important}.margin-bottom-85{margin-bottom:85px!important}.margin-bottom-86{margin-bottom:86px!important}.margin-bottom-87{margin-bottom:87px!important}.margin-bottom-88{margin-bottom:88px!important}.margin-bottom-89{margin-bottom:89px!important}.margin-bottom-90{margin-bottom:90px!important}.margin-bottom-91{margin-bottom:91px!important}.margin-bottom-92{margin-bottom:92px!important}.margin-bottom-93{margin-bottom:93px!important}.margin-bottom-94{margin-bottom:94px!important}.margin-bottom-95{margin-bottom:95px!important}.margin-bottom-96{margin-bottom:96px!important}.margin-bottom-97{margin-bottom:97px!important}.margin-bottom-98{margin-bottom:98px!important}.margin-bottom-99{margin-bottom:99px!important}.margin-bottom-100{margin-bottom:100px!important}.margin-left-0{margin-left:0!important}.margin-left-1{margin-left:1px!important}.margin-left-2{margin-left:2px!important}.margin-left-3{margin-left:3px!important}.margin-left-4{margin-left:4px!important}.margin-left-5{margin-left:5px!important}.margin-left-6{margin-left:6px!important}.margin-left-7{margin-left:7px!important}.margin-left-8{margin-left:8px!important}.margin-left-9{margin-left:9px!important}.margin-left-10{margin-left:10px!important}.margin-left-15{margin-left:15px!important}.margin-left-20{margin-left:20px!important}.margin-left-25{margin-left:25px!important}.margin-left-30{margin-left:30px!important}.margin-left-35{margin-left:35px!important}.margin-left-40{margin-left:40px!important}.margin-left-45{margin-left:45px!important}.margin-left-50{margin-left:50px!important}.margin-left-55{margin-left:55px!important}.margin-left-60{margin-left:60px!important}.margin-left-65{margin-left:65px!important}.margin-left-70{margin-left:70px!important}.margin-left-75{margin-left:75px!important}.margin-left-80{margin-left:80px!important}.margin-left-85{margin-left:85px!important}.margin-left-90{margin-left:90px!important}.margin-left-95{margin-left:95px!important}.margin-left-100{margin-left:100px!important}.margin-right-0{margin-right:0!important}.margin-right-1{margin-right:1px!important}.margin-right-2{margin-right:2px!important}.margin-right-3{margin-right:3px!important}.margin-right-4{margin-right:4px!important}.margin-right-5{margin-right:5px!important}.margin-right-6{margin-right:6px!important}.margin-right-7{margin-right:7px!important}.margin-right-8{margin-right:8px!important}.margin-right-9{margin-right:9px!important}.margin-right-10{margin-right:10px!important}.margin-right-15{margin-right:15px!important}.margin-right-20{margin-right:20px!important}.margin-right-25{margin-right:25px!important}.margin-right-30{margin-right:30px!important}.margin-right-35{margin-right:35px!important}.margin-right-40{margin-right:40px!important}.margin-right-45{margin-right:45px!important}.margin-right-50{margin-right:50px!important}.margin-right-55{margin-right:55px!important}.margin-right-60{margin-right:60px!important}.margin-right-65{margin-right:65px!important}.margin-right-70{margin-right:70px!important}.margin-right-75{margin-right:75px!important}.margin-right-80{margin-right:80px!important}.margin-right-85{margin-right:85px!important}.margin-right-90{margin-right:90px!important}.margin-right-95{margin-right:95px!important}.margin-right-100{margin-right:100px!important}.padding-top-0{padding-top:0!important}.padding-top-1{padding-top:1px!important}.padding-top-2{padding-top:2px!important}.padding-top-3{padding-top:3px!important}.padding-top-4{padding-top:4px!important}.padding-top-5{padding-top:5px!important}.padding-top-6{padding-top:6px!important}.padding-top-7{padding-top:7px!important}.padding-top-8{padding-top:8px!important}.padding-top-9{padding-top:9px!important}.padding-top-10{padding-top:10px!important}.padding-top-11{padding-top:11px!important}.padding-top-12{padding-top:12px!important}.padding-top-13{padding-top:13px!important}.padding-top-14{padding-top:14px!important}.padding-top-15{padding-top:15px!important}.padding-top-16{padding-top:16px!important}.padding-top-17{padding-top:17px!important}.padding-top-18{padding-top:18px!important}.padding-top-19{padding-top:19px!important}.padding-top-20{padding-top:20px!important}.padding-top-21{padding-top:21px!important}.padding-top-22{padding-top:22px!important}.padding-top-23{padding-top:23px!important}.padding-top-24{padding-top:24px!important}.padding-top-25{padding-top:25px!important}.padding-top-26{padding-top:26px!important}.padding-top-27{padding-top:27px!important}.padding-top-28{padding-top:28px!important}.padding-top-29{padding-top:29px!important}.padding-top-30{padding-top:30px!important}.padding-top-31{padding-top:31px!important}.padding-top-32{padding-top:32px!important}.padding-top-33{padding-top:33px!important}.padding-top-34{padding-top:34px!important}.padding-top-35{padding-top:35px!important}.padding-top-36{padding-top:36px!important}.padding-top-37{padding-top:37px!important}.padding-top-38{padding-top:38px!important}.padding-top-39{padding-top:39px!important}.padding-top-40{padding-top:40px!important}.padding-top-41{padding-top:41px!important}.padding-top-42{padding-top:42px!important}.padding-top-43{padding-top:43px!important}.padding-top-44{padding-top:44px!important}.padding-top-45{padding-top:45px!important}.padding-top-46{padding-top:46px!important}.padding-top-47{padding-top:47px!important}.padding-top-48{padding-top:48px!important}.padding-top-49{padding-top:49px!important}.padding-top-50{padding-top:50px!important}.padding-top-51{padding-top:51px!important}.padding-top-52{padding-top:52px!important}.padding-top-53{padding-top:53px!important}.padding-top-54{padding-top:54px!important}.padding-top-55{padding-top:55px!important}.padding-top-56{padding-top:56px!important}.padding-top-57{padding-top:57px!important}.padding-top-58{padding-top:58px!important}.padding-top-59{padding-top:59px!important}.padding-top-60{padding-top:60px!important}.padding-top-61{padding-top:61px!important}.padding-top-62{padding-top:62px!important}.padding-top-63{padding-top:63px!important}.padding-top-64{padding-top:64px!important}.padding-top-65{padding-top:65px!important}.padding-top-66{padding-top:66px!important}.padding-top-67{padding-top:67px!important}.padding-top-68{padding-top:68px!important}.padding-top-69{padding-top:69px!important}.padding-top-70{padding-top:70px!important}.padding-top-71{padding-top:71px!important}.padding-top-72{padding-top:72px!important}.padding-top-73{padding-top:73px!important}.padding-top-74{padding-top:74px!important}.padding-top-75{padding-top:75px!important}.padding-top-76{padding-top:76px!important}.padding-top-77{padding-top:77px!important}.padding-top-78{padding-top:78px!important}.padding-top-79{padding-top:79px!important}.padding-top-80{padding-top:80px!important}.padding-top-81{padding-top:81px!important}.padding-top-82{padding-top:82px!important}.padding-top-83{padding-top:83px!important}.padding-top-84{padding-top:84px!important}.padding-top-85{padding-top:85px!important}.padding-top-86{padding-top:86px!important}.padding-top-87{padding-top:87px!important}.padding-top-88{padding-top:88px!important}.padding-top-89{padding-top:89px!important}.padding-top-90{padding-top:90px!important}.padding-top-91{padding-top:91px!important}.padding-top-92{padding-top:92px!important}.padding-top-93{padding-top:93px!important}.padding-top-94{padding-top:94px!important}.padding-top-95{padding-top:95px!important}.padding-top-96{padding-top:96px!important}.padding-top-97{padding-top:97px!important}.padding-top-98{padding-top:98px!important}.padding-top-99{padding-top:99px!important}.padding-top-100{padding-top:100px!important}.padding-bottom-0{padding-bottom:0!important}.padding-bottom-1{padding-bottom:1px!important}.padding-bottom-2{padding-bottom:2px!important}.padding-bottom-3{padding-bottom:3px!important}.padding-bottom-4{padding-bottom:4px!important}.padding-bottom-5{padding-bottom:5px!important}.padding-bottom-6{padding-bottom:6px!important}.padding-bottom-7{padding-bottom:7px!important}.padding-bottom-8{padding-bottom:8px!important}.padding-bottom-9{padding-bottom:9px!important}.padding-bottom-10{padding-bottom:10px!important}.padding-bottom-11{padding-bottom:11px!important}.padding-bottom-12{padding-bottom:12px!important}.padding-bottom-13{padding-bottom:13px!important}.padding-bottom-14{padding-bottom:14px!important}.padding-bottom-15{padding-bottom:15px!important}.padding-bottom-16{padding-bottom:16px!important}.padding-bottom-17{padding-bottom:17px!important}.padding-bottom-18{padding-bottom:18px!important}.padding-bottom-19{padding-bottom:19px!important}.padding-bottom-20{padding-bottom:20px!important}.padding-bottom-21{padding-bottom:21px!important}.padding-bottom-22{padding-bottom:22px!important}.padding-bottom-23{padding-bottom:23px!important}.padding-bottom-24{padding-bottom:24px!important}.padding-bottom-25{padding-bottom:25px!important}.padding-bottom-26{padding-bottom:26px!important}.padding-bottom-27{padding-bottom:27px!important}.padding-bottom-28{padding-bottom:28px!important}.padding-bottom-29{padding-bottom:29px!important}.padding-bottom-30{padding-bottom:30px!important}.padding-bottom-31{padding-bottom:31px!important}.padding-bottom-32{padding-bottom:32px!important}.padding-bottom-33{padding-bottom:33px!important}.padding-bottom-34{padding-bottom:34px!important}.padding-bottom-35{padding-bottom:35px!important}.padding-bottom-36{padding-bottom:36px!important}.padding-bottom-37{padding-bottom:37px!important}.padding-bottom-38{padding-bottom:38px!important}.padding-bottom-39{padding-bottom:39px!important}.padding-bottom-40{padding-bottom:40px!important}.padding-bottom-41{padding-bottom:41px!important}.padding-bottom-42{padding-bottom:42px!important}.padding-bottom-43{padding-bottom:43px!important}.padding-bottom-44{padding-bottom:44px!important}.padding-bottom-45{padding-bottom:45px!important}.padding-bottom-46{padding-bottom:46px!important}.padding-bottom-47{padding-bottom:47px!important}.padding-bottom-48{padding-bottom:48px!important}.padding-bottom-49{padding-bottom:49px!important}.padding-bottom-50{padding-bottom:50px!important}.padding-bottom-51{padding-bottom:51px!important}.padding-bottom-52{padding-bottom:52px!important}.padding-bottom-53{padding-bottom:53px!important}.padding-bottom-54{padding-bottom:54px!important}.padding-bottom-55{padding-bottom:55px!important}.padding-bottom-56{padding-bottom:56px!important}.padding-bottom-57{padding-bottom:57px!important}.padding-bottom-58{padding-bottom:58px!important}.padding-bottom-59{padding-bottom:59px!important}.padding-bottom-60{padding-bottom:60px!important}.padding-bottom-61{padding-bottom:61px!important}.padding-bottom-62{padding-bottom:62px!important}.padding-bottom-63{padding-bottom:63px!important}.padding-bottom-64{padding-bottom:64px!important}.padding-bottom-65{padding-bottom:65px!important}.padding-bottom-66{padding-bottom:66px!important}.padding-bottom-67{padding-bottom:67px!important}.padding-bottom-68{padding-bottom:68px!important}.padding-bottom-69{padding-bottom:69px!important}.padding-bottom-70{padding-bottom:70px!important}.padding-bottom-71{padding-bottom:71px!important}.padding-bottom-72{padding-bottom:72px!important}.padding-bottom-73{padding-bottom:73px!important}.padding-bottom-74{padding-bottom:74px!important}.padding-bottom-75{padding-bottom:75px!important}.padding-bottom-76{padding-bottom:76px!important}.padding-bottom-77{padding-bottom:77px!important}.padding-bottom-78{padding-bottom:78px!important}.padding-bottom-79{padding-bottom:79px!important}.padding-bottom-80{padding-bottom:80px!important}.padding-bottom-81{padding-bottom:81px!important}.padding-bottom-82{padding-bottom:82px!important}.padding-bottom-83{padding-bottom:83px!important}.padding-bottom-84{padding-bottom:84px!important}.padding-bottom-85{padding-bottom:85px!important}.padding-bottom-86{padding-bottom:86px!important}.padding-bottom-87{padding-bottom:87px!important}.padding-bottom-88{padding-bottom:88px!important}.padding-bottom-89{padding-bottom:89px!important}.padding-bottom-90{padding-bottom:90px!important}.padding-bottom-91{padding-bottom:91px!important}.padding-bottom-92{padding-bottom:92px!important}.padding-bottom-93{padding-bottom:93px!important}.padding-bottom-94{padding-bottom:94px!important}.padding-bottom-95{padding-bottom:95px!important}.padding-bottom-96{padding-bottom:96px!important}.padding-bottom-97{padding-bottom:97px!important}.padding-bottom-98{padding-bottom:98px!important}.padding-bottom-99{padding-bottom:99px!important}.padding-bottom-100{padding-bottom:100px!important}
.padding-right-0{padding-right:0!important}.padding-right-5{padding-right:5px!important}.padding-right-10{padding-right:10px!important}.padding-right-15{padding-right:15px!important}.padding-right-20{padding-right:20px!important}.padding-right-25{padding-right:25px!important}.padding-right-30{padding-right:30px!important}.padding-right-35{padding-right:35px!important}.padding-right-40{padding-right:40px!important}.padding-right-45{padding-right:45px!important}.padding-right-50{padding-right:50px!important}.padding-right-55{padding-right:55px!important}.padding-right-55{padding-right:55px!important}.padding-right-55{padding-right:55px!important}.padding-right-55{padding-right:55px!important}.padding-right-60{padding-right:60px!important}.padding-right-65{padding-right:65px!important}.padding-right-70{padding-right:70px!important}.padding-right-75{padding-right:75px!important}.padding-right-80{padding-right:80px!important}.padding-right-85{padding-right:85px!important}.padding-right-90{padding-right:90px!important}.padding-right-95{padding-right:95px!important}.padding-right-100{padding-right:100px!important}
.padding-left-0{padding-left:0!important}.padding-left-5{padding-left:5px!important}.padding-left-10{padding-left:10px!important}.padding-left-15{padding-left:15px!important}.padding-left-20{padding-left:20px!important}.padding-left-25{padding-left:25px!important}.padding-left-30{padding-left:30px!important}.padding-left-35{padding-left:35px!important}.padding-left-40{padding-left:40px!important}.padding-left-45{padding-left:45px!important}.padding-left-50{padding-left:50px!important}.padding-left-55{padding-left:55px!important}.padding-left-55{padding-left:55px!important}.padding-left-55{padding-left:55px!important}.padding-left-55{padding-left:55px!important}.padding-left-60{padding-left:60px!important}.padding-left-65{padding-left:65px!important}.padding-left-70{padding-left:70px!important}.padding-left-75{padding-left:75px!important}.padding-left-80{padding-left:80px!important}.padding-left-85{padding-left:85px!important}.padding-left-90{padding-left:90px!important}.padding-left-95{padding-left:95px!important}.padding-left-100{padding-left:100px!important}.padding-left-110{padding-left:110px!important}.padding-left-120{padding-left:120px!important}

.s_txt,p.s_txt{font-size:13px; line-height:20px}
.fc_red, .with-border.fc_red, .project-details-list .fc_red,.dashboard-task-info .fc_red{color:red}
.bold, .with-border.bold{font-weight:bold}
.tc{text-align:center}
.tr{text-align:right}
.fl{float:left}
.fr{float:right}
.vm{vertical-align:middle;}
.with-border.wd100{width:100px;}
.with-border.wd150{width:150px;}
input.with-border.necessary{border:1px solid #f49472}
input.with-border.CtmsNotYn{background:#FFFF00 }
input.with-border.gray-read{background:#f2f4fc}
.tip-text{position:Relative; padding-left:10px;font-size:12px; line-height:17px; margin-bottom:10px;}
.tip-text span{position:absolute; top:auto; left:0px; color:red}
.num{font-family: verdana !important;}
.no-text{/*border-top:1px solid #e4e4e4; */ padding:50px 0px; text-align:center; }


/*통관조회 부분*/


.order_pro_box{position:relative; height:80px; padding-left:100px;}
.order_pro_box .order_img{position:absolute; top:0px; left:0px;}
.order_pro_box .order_img img{width:80px; height:80px;}
.order_pro_box .order_info{position:relative; height:100%; width:100%;}

.order_pro_box .order_info .order_name{padding-right:20px; font-size:18px; font-weight:bold; position:Absolute; top:50%; left:0px; transform:translate(0%,-50%)}
.order_pro_box .order_info .order_name a{color:#444;margin-right:10px;}
.order_pro_box .order_info .order_condition{display:inline-block;position:Relative; margin:0px;}
.order_pro_box .order_info .order_condition  .company-not-rated{margin:0px;}
.order_pro_box .order_price{ font-size:15px;position:Absolute; top:50%; right:0px; transform:translate(0%,-50%)}
.order_pro_box .order_price strong{float:none;}

#IvcNoTotal .accordion02{font-size:13px;width:100%;margin:0 auto;border-radius:4px;overflow:hidden;margin-bottom:10px; }
#IvcNoTotal .accordion02 .accordion{border-radius:0;box-shadow:none}
#IvcNoTotal .accordion02 .accordion-header,.accordion-body{background:#fff}
#IvcNoTotal .accordion02 .accordion-header{padding:10px;background:#2a42e8;color:#fff;cursor:pointer;font-size:15px;transition:all .3s;position:relative;box-shadow:0 -1px 0 rgba(0,0,0,.15);font-weight:500; overflow:hidden;}
#IvcNoTotal .accordion02 .accordion-header:first-child{border-top:0px}
#IvcNoTotal .accordion02 .accordion-header i{padding-right:5px;position:Relative; top:2px}
#IvcNoTotal .accordion02 .accordion-header .step_num{float:left; font-size:22px;  padding-right:10px;}
#IvcNoTotal .accordion02 .accordion-header .step_txt{float:left; vertical-align:middle;}
#IvcNoTotal .accordion02 .accordion-header .step_txt p{margin:0px;}
#IvcNoTotal .accordion02 .accordion-header .step_txt p.step_title{font-weight:bold; font-size:15px;}
#IvcNoTotal .accordion02 .accordion-header .step_txt p.step_time{font-size:13px;}
#IvcNoTotal .accordion02 .accordion .accordion-header{box-shadow:0 -1px 0 rgba(0,0,0,.07)}
#IvcNoTotal .accordion02 .accordion-header:before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;content:"";opacity:0;transition:.3s}
#IvcNoTotal .accordion02 .accordion-body__contents p:last-child{margin-bottom:0;padding-bottom:0}
#IvcNoTotal .accordion02 .accordion-body{background:#fff;color:#666;display:none}
#IvcNoTotal .accordion02 .accordion-body__contents{border:0px solid #ddd; background:#ddd; box-sizing:border-box; padding:5px;}
#IvcNoTotal .accordion02 .accordion-body__contents ul li{width:100%;border-bottom:1px solid #e4e4e4 }
#IvcNoTotal .accordion02 .accordion-body__contents ul li:last-child{border-bottom:0px;}
#IvcNoTotal .accordion02 .accordion-body__contents ul li a{display:block; color:#333;line-height:20px;overflow:hidden; padding:15px 25px;}
#IvcNoTotal .accordion02 .accordion-body__contents ul li:hover{background:#f0f0f0}
#IvcNoTotal .accordion02 .accordion-body__contents span{float:left}
#IvcNoTotal .accordion02 .accordion-body__contents strong{font-size:14.7px;font-weight:700;margin-right:5px;line-height:20px;font-family: Tahoma,Sans-serif; float:right}
#IvcNoTotal .accordion02 .accordion__item.active:last-child .accordion-header{border-radius:none}
#IvcNoTotal .accordion02:first-child>.accordion__item>.accordion-header{border-bottom:1px solid transparent}
#IvcNoTotal .accordion02 .accordion__item>.accordion-header:after{content:"\e957";font-family:Material-Icons;font-size:19px;float:right;position:relative;top:-1px;transition:.3s all;transform:rotate(0deg)}
#IvcNoTotal .accordion02 .accordion__item.active>.accordion-header:after{transform:rotate(-180deg)}
#IvcNoTotal .accordion02 .accordion__item.active .accordion .accordion-header:before{opacity:0}
#IvcNoTotal .accordion02 .accordion__item .accordion__item .accordion-header{background:#f7f7f7;color:#666}

#IvcNoTotal table{width:100%;border-collapse:collapse;border-spacing:0;border:none;background:#fff}
#IvcNoTotal table th{width:25%;}
#IvcNoTotal table th{background-color:#f4f4f4;color:#666;vertical-align:middle;font-weight:bold;}
#IvcNoTotal table th, #IvcNoTotal table td{padding:5px; text-align:center; border:1px solid #d5d5d5; line-height:20px; }
#IvcNoTotal table td{text-align:center;}
#IvcNoTotal table td.title{color:#333;text-align:center; }
#IvcNoTotal table td.tr{text-align:right;}

#IvcNoTotal .wrap_iframe{margin: 0 auto; width:100%; height:805px; overflow:hidden;}
#IvcNoTotal .wrap_iframe.Epost iframe{width:100%; position:relative; top:-98px;}
/*#IvcNoTotal .wrap_iframe.CJLogis iframe{width:130%; position:relative; top:-360px; left:-300px; bottom:-200px;}*/
#IvcNoTotal .wrap_iframe.CJLogis iframe{width:130%; position:relative; top:-380px; left:-300px; bottom:-200px;}
#IvcNoTotal .wrap_iframe iframe footer{display:none;}
@media (max-width: 1240px) {
#IvcNoTotal .wrap_iframe.CJLogis iframe{width:140%;}
}

@media screen and (max-width:992px){
.order_pro_box{padding-left:90px;}
.order_pro_box .order_info .order_name{ font-size:15px;}
.order_pro_box .order_info .order_name a{margin-right:5px;}
.order_pro_box .order_info .order_condition{display:block}
#IvcNoTotal .accordion02 .accordion-header .step_num{font-size:16px; }
#IvcNoTotal .accordion02 .accordion-header .step_txt p.step_title{font-size:13px;}
#IvcNoTotal .accordion02 .accordion-header .step_txt p.step_time{font-size:11px;}
#IvcNoTotal .wrap_iframe.CJLogis iframe{width:160%;}
}
@media screen and (max-width:768px){
.order_pro_box .order_info .order_name{position:relative; top:0px; transform:none}
.order_pro_box .order_price{position:relative;top:0px;transform:none; font-size:13px;}
#IvcNoTotal .wrap_iframe.CJLogis iframe{width:170%;}
}
@media (max-width: 480px) {
#IvcNoTotal .wrap_iframe.CJLogis iframe{width:200%;}
}

/*통관조회 부분 End*/

/* Etc */
.Cursor {cursor:pointer;}
.row-clearfix{display:block; }
.row-clearfix:after{display:block; content:""; clear:both}


/*사이트맵*/
.site-map{display:flex; flex-wrap:wrap; margin: 0px -15px;}
.site-menu{width:14.28%; height:100%; margin:0; transition:0.35s;}
.site-menu .site-menu-inner{width:100%; padding:20px 15px;}
.site-menu .site-menu-title{font-size:17px; color:#333; font-weight:600; border-radius:8px; text-align:center; margin:0 auto 15px;} /*padding:5px 20px; background:#eee; */
.site-menu ul{/*width:180px;*/ margin:10px auto; border-top:1px solid #222;} /*padding-top:10px;*/
.site-menu ul li{}/*border-bottom:1px solid #ddd;*/
.site-menu ul li a{font-size:13px; color:#555; padding:5px; display:block;}
.site-menu ul li:hover a{color:#2a41e8;}

@media screen and (max-width:1099px){
.site-menu{width:25%; height:auto;}
}
@media screen and (max-width:768px){
.site-menu{width:100%; margin-bottom:15px;}
.site-menu ul{width:100%; overflow:hidden;}
.site-menu ul li{float:left; width:50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.site-menu ul li:nth-child(odd){border-left:1px solid #ddd;}
.site-menu ul li:nth-child(1), .site-menu ul li:nth-child(2){border-top:1px solid #ddd;}
}


/*보험 신청서*/
.insurance-img-wp{text-align:center; }
.insurance-img-wp a{display:block;}
.insurance-img-wp img{display:block;}

.care-tb-title{font-size:13px; line-height:20px;}
.care-tb-title span{display:block; color:#ff0000;}
.care-tb-title p{margin:0; margin-top:5px; font-size:12px;}
.orderSvc-area .care-optn{flex:0 0 50%;}
.care-optn label div.inline{display:inline-block;}

@media screen and (max-width: 992px){
.orderSvc-area .care-optn{flex:0 0 100%; margin-top:5px;}
}

/* 휴대폰 간편로그인	*/
.phone-login-btn{background-color: #f71d72 !important; color:#fff !important; /*font-weight:bold !important;*/ position:relative;}
.phone-login-btn:after{content:'광고'; display:block; font-size:12px; position:absolute; bottom:-2px; right:10px; font-weight:400;}
.default-login-icon{position:relative; bottom: -3px; font-size:18px;}