@charset "utf-8";

/* common */
.btn-small-white.type2 {
    display:inline-block;
    width: 130px;
    height: 30px;
    padding: 0;
    background:#fff;
    color: #5e6d82;
    border: 1px solid #5e6d82;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 28px;
    text-align: center;
    vertical-align: top;
}
.btn-small-dark-gray.type2 {
    width: 130px;
    height: 30px;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 27px;
    text-align: center;
    border: 1px solid #5e6d82;
    vertical-align: top;
}
.btn-big-gray {
    display: inline-block;
    padding: 0 65px;
    background: #8d9197;
    font-size: 18px;
    font-weight: 500;
    line-height: 49px;
    color: #fff;
}

.btn-big-gray.type2 {
    background: #c3c8cf;
}
.btn-sm-gray {
    display: inline-block;
    width: 82px;
    height: 30px;
    padding:0;
    border: 1px solid #a8b6c3;
    background: #fff;
    text-align: center;
    line-height: 27px;
    color: #747383;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1px;
}
.btn-sm-orange {
    display: inline-block;
    width: 82px;
    height: 30px;
    border: 1px solid #f8c6c5;
    background: #fff;
    text-align: center;
    line-height: 27px;
    color: #fa855a;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1px;
}
.btn-sm-blue {
    display: inline-block;
    width: 82px;
    height: 30px;
    border: 1px solid #c5d7f8;
    background: #fff;
    text-align: center;
    line-height: 27px;
    color: #1780da;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1px;
}
.btn-sm-white {
    display: inline-block;
    width: 82px;
    height: 30px;
    border: 1px solid #dadfe5;
    background: #fff;
    text-align: center;
    line-height: 27px;
    color: #656565;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1px;
}

.desc-hide {
    display: none;
}
.lg-leaf{
    display: inline-block;
    height: 22px;
    margin-left: 5px;
    vertical-align: -1px;
}
.s-leaf{
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    vertical-align: -1px;
}


/* 소개 */
.top-box {
    width: 100%;
    background: url(../images/2019/bg_mk_topbox.png) repeat-x;
}
.top-box .inner {
    position: relative;
    width: 1150px;
    height: 300px;
    padding: 78px 0 0 60px;
    margin: 0 auto;
    background:url('../images/2019/img_mk_topbox_02.png') no-repeat right bottom;
}
.top-box .inner .page-title {
    padding-top: 0;
    font-size: 45px;
    letter-spacing: -1px;
    text-align: left;
    color: #156f94;
}
.top-box .inner .page-title span{
    color: #0483c5;
}
.top-box .inner .page-title-text {
    margin-top: 18px;
    font-size: 23px;
    line-height: 30px;
    color: #005f83;
}
.top-box .inner .bg-img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.top-box .btn-area {
    margin-top: 18px;
}
.top-box .btn-area  > a + a {
    margin-left: 6px;
}
.top-box.small {
    background: url(../images/2019/bg_mk_topbox_sm.png) repeat-x;
}
.top-box.small .inner{
    height: 220px;
    padding-top: 40px;
    background:url('../images/2019/img_mk_topbox_01.png') no-repeat 577px bottom;
}
.top-box.small .inner .page-title-text {
    margin-top: 10px;
    font-size: 21px;
}
.top-box.small .inner .bg-img {
    height: 220px;
}

.page-intro-title {
    display: block;
    margin-top: 68px;
    font-size: 30px;
    line-height: 29px;
    letter-spacing: -1px;
    color: #000;
}
.page-intro-title-txt {
    margin-top: 18px;
    font-size: 17px;
    line-height: 29px;
    letter-spacing: -1.2px;
    color: #000;
}
.page_intro_img {
    margin-top: 45px;
    text-align: center;
}

/* 마켓예시방법 */
.market-use {
    position: relative;
    margin-bottom: 70px;
}
.market-use:after {
    content: '';
    display: block;
    clear: both;
}
.market-use .use-info {
    position: relative;
    width: 357px;
    border: 1px solid #cbcbcb;
}
.market-use .use-info .use-info-tit {
    display: block;
    height: 107px;
    text-align: center;
    line-height: 107px;
    color: #505256;
    font-size: 24px;
    font-weight: 500;
}
.market-use .use-info .use-step {
    margin-top: 0;
    padding: 0 19px;
    border: none;
}
.market-use .use-info .use-step ul li {
    float: none;
    width: 100%;
    height: auto;
    padding: 17px 0 0 5px;
}
.market-use .use-info .use-step ul li+li {
    border-top: 1px solid #d9dfe5;
    border-left: none;
}
.market-use .use-info .use-step ul li .cont {
    margin-top: 22px;
}
.market-use .use-info .use-step ul li .cont.type01 {
    background: url(../images/2019/ico_mk_type_step01.png) no-repeat left 5px;
}
.market-use .use-info .use-step ul li .cont.type02 {
    background: url(../images/2019/ico_mk_type_step02.png) no-repeat left 5px;
}
.market-use .use-info .use-step ul li .cont.type03 {
    padding-bottom:40px;
    background: url(../images/2019/ico_mk_type_step03.png) no-repeat left 5px;
}
.market-use .use-info .use-step ul li .cont.type04 {
    background: url(../images/2019/ico_mk_type_step04.png) no-repeat left 5px;
}
.market-use .use-info .use-step ul li .cont.type05 {
    background: url(../images/2019/ico_mk_type_step05.png) no-repeat left 5px;
}
.market-use .use-info .use-step ul li .cont.type06 {
    background: url(../images/2019/ico_mk_type_step06.png) no-repeat left 5px;
}
.market-use .use-info .use-step ul li:nth-child(1) {
    height: 209px;
}
.market-use .use-info .use-step ul li:nth-child(2) {
    height: 214px;
}
.market-use .use-info .use-step ul li:nth-child(3) {
    height: 221px;
}
.market-use .use-info .btn-market {
    position: absolute;
    left: 50%;
    width: 180px;
    height: 45px;
    padding-left: 23px;
    color: #fff;
    font-size: 16px;
    line-height: 45px;
    background: url(../images/2019/ico_mk_btn_arrow.png) no-repeat 150px center;
    border-radius: 25px;
    transform: translateX(-50%);
}
.market-use .use-info.startup {
    float: left;
}

.market-use .use-info.startup .use-info-tit {
    background: #fbf4ec;
}
.market-use .use-info.startup .btn-market {
    bottom: -24px;
    background-color: #e46b22;
}
.market-use .use-info.buyer {
    float: right;
}
.market-use .use-info.buyer .btn-market {
    bottom: -24px;
    background-color: #248cce;
}
.market-use .use-info.buyer .use-info-tit {
    background: #f3fbfa;
}
.market-use .market-system {
    position: absolute;
    top: 185px;
    left: 50%;
    transform: translateX(-50%);
}

.market-ex:after {
    display: block;
    content: '';
    clear: both;
}
.market-ex li {
    position: relative;
    float: left;
    width: 530px;
}
.market-ex li:nth-child(even) {
    margin-left:40px;
}
.market-ex li:first-child,
.market-ex li:nth-child(2) {
    margin-top:0;margin-bottom:85px;
}
.market-ex li em {
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 25px;
    color: #5d6878;
    font-weight: 700;
}
.market-ex li em span {
    display: inline-block;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    background: #5d6878;
    font-weight: 400;
    text-align: center;
}
.market-ex li .img {
    width: 530px;
    height: auto;
}
.market-ex li .click {
    position: absolute;
    bottom: -60px;
    right: -126px;
}


.search-list-cont .page-search {
    padding: 30px;
    text-align: right;
}
.search-list-cont .search-results-wrap:after {
    background: none;
    margin-top:-2px;
}
.search-list-cont .search-results {
    border-top-color: #d9dfe5;
    padding: 0;
}
.search-list-cont .page-search{
    margin-top: 50px;
    overflow: hidden;
}
.search-list-cont .page-search .state {
    float: left;
}
.search-list-cont .page-search .state li {
    display: inline-block;
}
.search-list-cont .page-search .state li+li {
    margin-left: 5px;
}
.search-list-cont .page-search .state li a{
    display: block;
    min-width: 70px;
    height: 38px;
    padding: 0 13px;
    border: 1px solid #dcdcdc;
    background: #fff;
    font-size: 14px;
    color: #333;
    line-height: 36px;
    text-align: center;
    border-radius: 25px;
}
.search-list-cont .page-search .state li.on a {
    font-weight: 500;
    color: #fff;
    background: #f85a1c;
    border: 1px solid #f85a1c;
}
.search-list-cont .page-search .search-box {
    float: right;
}
.search-list-cont .search-results .search-count-btn {
    border-bottom: none;
    padding-bottom: 20px;
    margin-top: 0px;
}
.search-list-cont .search-results .search-count-btn .search-count {
    padding-top: 11px;
    background-position: 0 17px;
}
.search-list-cont .search-count-btn .state {
    float: right;
}
.search-list-cont .search-count-btn .state li {
    display: inline-block;
}
.search-list-cont .search-count-btn .state li+li {
    margin-left: 5px;
}
.search-list-cont .search-count-btn .state li a{
    display: block;
    min-width: 70px;
    height: 38px;
    padding: 0 13px;
    border: 1px solid #dcdcdc;
    background: #fff;
    font-size: 14px;
    color: #333;
    line-height: 36px;
    text-align: center;
    border-radius: 25px;
}
.search-list-cont .search-count-btn .state li.on a {
    font-weight: 500;
    color: #fff;
    background: #f85a1c;
    border: 1px solid #f85a1c;
}
.search-list-cont .product-list {
    padding: 0 13px;
    overflow: hidden;
    border-top:1px solid #d9dfe5;
}
.search-list-cont .product-list li {
    float: left;
    width:268px;
    height: 395px;
    padding: 40px 24px;
    box-sizing: border-box;
    border-right:1px solid #d9dfe5;
    border-bottom:1px solid #d9dfe5;
}

.search-list-cont .product-list .product-cont {
    position:relative;
}
.search-list-cont .product-list .icon-prdType {
    position:absolute;
    top:10px;
    left:11px;
    display:block;
}

.search-list-cont .product-list li.none-cont {clear:both;float:none;width:1038px;padding:85px 30px 85px 0;margin:0 auto;border-top:1px solid #d9dfe5;color:#767676;font-size:16px;font-weight:400;text-align:center;height: auto;border: none;}
.search-list-cont .product-list li.none-cont:before,
.search-list-cont .product-list li.none-cont:after {display:none;}
.search-list-cont .product-list li.soldout {
    position: relative;
}
.search-list-cont .product-list li.soldout .soldout-img{
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
}
.search-list-cont .product-list li.soldout .product-cont {
    opacity: 0.5;
}
.search-list-cont .product-list li.soldout .product-cont .price .s-leaf {
    background: url(../images/2019/ico_mk_leaf_small_gray.png) no-repeat 0 2px;
}
.search-list-cont .product-list li:nth-child(4n){
    border-right:none;
}
.search-list-cont .product-list > li:before {
    display: none;
}
.search-list-cont .product-list .img-cont {
    display: block;
    width: 220px;
    height: 165px;
    border-radius: 7px;
    overflow: hidden;
    margin: 0 auto;
}
.search-list-cont .product-list .img-cont img {
    width: 100%;
    height: 100%;
}
.search-list-cont .product-list .startup-name {
    display: block;
    padding-left: 10px;
    padding-right:5px;
    margin-top: 14px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.search-list-cont .product-list .product-name {
    display: -webkit-box;
    display: block\0/IE9;
    height:42px;
    overflow:hidden;
    padding-left: 10px;
    padding-right:5px;
    margin-top: 13px;
    font-size: 16px;
    font-weight: 500;
    color: #494949;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.search-list-cont .product-list .product-name span {
    display: block;
    color:#828282;
    font-size: 14px;
    font-weight: 400;
}
.search-list-cont .product-list .price {
    margin-top: 24px;
    padding: 10px 0 0 10px;
    border-top: 1px solid #d9dfe5;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    letter-spacing:-0.5px;
}
.search-list-cont .product-list .price .s-leaf {
    width: 14px;
    height: 20px;
    background: url(../images/2019/ico_leaf_small.png) no-repeat 0 2px;
    text-indent: -9999px;
}
.search-list-cont .product-list .price .new {
    display: inline-block;
    width: 34px;
    height: 15px;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    background: #fb5c1b;
    line-height: 14px;
    vertical-align: 2px;
}


.tab-list-swiper {
    position: relative;
}
.tab-list-menu  {
    width: 1000px;
    margin: 50px auto 0;
}
.tab-list-menu li {
    float: left;
    text-align: center;
}

.tab-list-menu li a {
    display: inline-block;
    width: 66px;
    height: 61px;
    padding-top: 70px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 19px;
    color: #333;
    border-radius: 50px;
    letter-spacing: -2px;
}
.tab-list-menu li a:hover,
.tab-list-menu li.on a{
    color: #f85a1c;
}

.tab-list-menu li.list01 a {
    background: url(../images/2019/ico_tabmenu_list01.png) no-repeat center 1px;
}
.tab-list-menu li.list02 a {
    background: url(../images/2019/ico_tabmenu_list02.png) no-repeat center 1px;
}
.tab-list-menu li.list03 a {
    background: url(../images/2019/ico_tabmenu_list03.png) no-repeat center 1px;
}
.tab-list-menu li.list04 a {
    background: url(../images/2019/ico_tabmenu_list04.png) no-repeat center 1px;
}
.tab-list-menu li.list05 a {
    background: url(../images/2019/ico_tabmenu_list05.png) no-repeat center 1px;
}
.tab-list-menu li.list06 a {
    background: url(../images/2019/ico_tabmenu_list06.png) no-repeat center 1px;
}
.tab-list-menu li.list07 a {
    background: url(../images/2019/ico_tabmenu_list07.png) no-repeat center 1px;
}
.tab-list-menu li.list08 a {
    background: url(../images/2019/ico_tabmenu_list08.png) no-repeat center 1px;
}
.tab-list-menu li.list09 a {
    background: url(../images/2019/ico_tabmenu_list09.png) no-repeat center 1px;
}
.tab-list-menu li.list10 a {
    background: url(../images/2019/ico_tabmenu_list10.png) no-repeat center 1px;
}
.tab-list-menu li.list11 a {
    background: url(../images/2019/ico_tabmenu_list11.png) no-repeat center 1px;
}
.tab-list-menu li.list12 a {
    background: url(../images/2019/ico_tabmenu_list12.png) no-repeat center 1px;
}
.tab-list-menu li.list13 a {
    background: url(../images/2019/ico_tabmenu_list13.png) no-repeat center 1px;
}
.tab-list-menu li.list14 a {
    background: url(../images/2019/ico_tabmenu_list14.png) no-repeat center 1px;
}
.tab-list-menu li.list15 a {
    background: url(../images/2019/ico_tabmenu_list15.png) no-repeat center 1px;
}
.tab-list-menu li.list16 a {
    background: url(../images/2019/ico_tabmenu_list16.png) no-repeat center 1px;
}
.tab-list-menu li.list17 a {
    background: url(../images/2019/ico_tabmenu_list17.png) no-repeat center 1px;
}

.tab-list-menu li.list01 a:hover,
.tab-list-menu li.list01.on a,
.tab-list-menu li.list02 a:hover,
.tab-list-menu li.list02.on a,
.tab-list-menu li.list03 a:hover,
.tab-list-menu li.list03.on a,
.tab-list-menu li.list04 a:hover,
.tab-list-menu li.list04.on a,
.tab-list-menu li.list05 a:hover,
.tab-list-menu li.list05.on a,
.tab-list-menu li.list06 a:hover,
.tab-list-menu li.list06.on a,
.tab-list-menu li.list07 a:hover,
.tab-list-menu li.list07.on a,
.tab-list-menu li.list08 a:hover,
.tab-list-menu li.list08.on a,
.tab-list-menu li.list09 a:hover,
.tab-list-menu li.list09.on a,
.tab-list-menu li.list10 a:hover,
.tab-list-menu li.list10.on a,
.tab-list-menu li.list11 a:hover,
.tab-list-menu li.list11.on a,
.tab-list-menu li.list12 a:hover,
.tab-list-menu li.list12.on a,
.tab-list-menu li.list13 a:hover,
.tab-list-menu li.list13.on a,
.tab-list-menu li.list14 a:hover,
.tab-list-menu li.list14.on a,
.tab-list-menu li.list15 a:hover,
.tab-list-menu li.list15.on a,
.tab-list-menu li.list16 a:hover,
.tab-list-menu li.list16.on a,
.tab-list-menu li.list17 a:hover,
.tab-list-menu li.list17.on a {
    background-position: center -89px;
}
.tab-list-swiper .btn-prev,
.tab-list-swiper .btn-next {
    display: block;
    width: 10px;
    height: 17px;
    background: url(../images/2019/ico_swiper_btn_side.png) no-repeat 0 0;
}
.tab-list-swiper .btn-next {
    transform: rotate(180deg);
}
.pd-box {
    margin-top: -1px;
    border: 1px solid #d9dfe5;
}
.pd-box .none-cont {
    overflow: hidden;
    height: 100%;
    padding: 0;
    color: #767676;
    font-size: 16px;
    text-align: center;
}
.pd-box .none-cont:before {
    content: '';
    display: block;
    width: 96px;
    height: 96px;
    margin: 40px auto 20px auto;
    background: url(../images/2019/icon_mk_none_cont.png) no-repeat;
}
.pd-box .none-cont .button {
    margin-top: 15px;
}
.pd-list {
    overflow-x: hidden;
    overflow-y: auto;
    height: 266px;
    padding: 1px 50px 0 30px;
}
.pd-list li {display:table; width:100%; padding:36px 0; border-top:1px solid #e9eff4; table-layout:fixed;}
.pd-list li:first-child {border:none;}
.pd-list li .pd-img {display:table-cell; width:102px; vertical-align:middle;}
.pd-list li .pd-img span {display:block; overflow:hidden; width:82px; height:60px; border: 1px solid #dbdee5;}
.pd-list li .pd-img span img { width:100%; height:100%; }
.pd-list li .pd-cont {display:table-cell; vertical-align: middle;}
.pd-list li .pd-cont span {display:block; font-size: 14px; font-weight: 500; color: #666;}
.pd-list li .pd-cont strong {display:block;}
.pd-list li .pd-cont strong a {
    display:inline-block;
    width: calc(100% - 35px);
    width: -webkit-calc(100% - 35px);
    width: -moz-calc(100% - 35px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:20px;
    font-weight:500;
}
.pd-list li .pd-leaf {display:table-cell; width:320px; color:#666; font-size: 20px; font-weight:500; vertical-align:middle;}
.pd-list li .pd-state {display:table-cell; width:90px; color:#666; font-weight:500; text-align:center; vertical-align:middle;}
.pd-list li .pd-state.schedule {color:#e70f62;}
.pd-list li .pd-state .ing {color:#3475cf;}
.pd-list li .pd-state .ready {color:#02a332;}
.pd-list li .pd-state .return {color:#ac6124;}
.pd-list li .pd-state span+button { margin-top: 3px;}
.pd-list li .pd-state.end {color:#ac6124;font-weight: 500;}
.pd-list li .pd-state button+button {
    margin-top: 7px;
}
.pd-list::-webkit-scrollbar {width:4px;}
.pd-list::-webkit-scrollbar-button:start:decrement,
.pd-list::-webkit-scrollbar-button:end:increment {background:none;}
.pd-list::-webkit-scrollbar-track {background:none; -webkit-border-radius: 10px; border-radius:10px;}
.pd-list::-webkit-scrollbar-thumb {background:#ddd; -webkit-border-radius: 10px; border-radius: 10px;}


/* 상세 */
.product-detail {
    padding: 30px 0;
}
.product-detail .order-box {
    padding: 35px 17px 43px 40px;
    border-top: 1px solid #e6e7ec;
    background: #fcfcfc;
    overflow: hidden;
}
.product-detail .order-box .left {
    float: left;
}
.product-detail .order-box .right {
    float: right;
    width: 620px;
    padding-left: 20px;
}
.product-detail .order-box .right .category {
    display:inline-block;
    height:25px;
    line-height:25px;
    padding:0 15px;
    margin:0 0 5px;
    border:1px solid #5e6d82;
    background:#fff;
    color:#5e6d82;
}
.product-detail .order-box .right .tit {
    font-size: 30px;
    font-weight: 500;
    color: #333;
    line-height: 42px;
    letter-spacing: -1px;
}
.product-detail .order-box .right .sub-tit {
    margin-top:10px;
    font-size: 18px;
    font-weight: 400;
    color: #898989;
    line-height: 26px;
    letter-spacing: -1px;
}
.product-detail .order-box .img-cont {
    position: relative;
}
.product-detail .order-box .img-cont .img-icon {
    position:absolute;
    top:10px;
    left:10px;
}
.product-detail .order-box .img {
    width: 361px;
    height: 361px;
}
.product-detail .order-box .img img {
    width: 100%;
    height: 100%;
}
.product-detail .order-box .add-img {
    margin-top: 5px;
    overflow: hidden;
}
.product-detail .order-box .add-img li {
    float: left;
    width: 70px;
    height: 70px;
    overflow: hidden;
}
.product-detail .order-box .add-img li+li {
    margin-left: 3px;
}

.product-detail .order-box .add-img li a {
    display: block;
    width: 70px;
    height: 70px;
}
.product-detail .order-box .add-img li a:focus-visible{
    border: 1px dotted #000;
}


.product-detail .order-box .add-img li a img{
    width: 100%;
    height: 100%;
}
.product-detail .order-box .price {
    margin-top: 40px;
}
.product-detail .order-box .price > p {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #666;
    font-weight: 500;
    vertical-align: middle;
}
.product-detail .order-box .price .money {
    font-size: 18px;
    font-weight: 700;
    color: #828282;
}
.product-detail .order-box .price .money strong{
    display: inline-block;
    font-size: 28px;
    color: #333;
}
.product-detail .order-box .price .count-cont {
    margin-top: 30px;
}
.product-detail .order-box .price .count-cont label {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    vertical-align: middle;
}
.product-detail .order-box .price .count-cont input {
    width: 135px;
    height: 37px;
    border: 1px solid #d0d3da;
    background: #fff;
    vertical-align: middle;
}
.product-detail .order-box .price .count-cont .btn {
    display: inline-block;
    width: 34px;
    height: 39px;
    margin-left: 2px;
    border: 1px solid #d0d3da;
    vertical-align: middle;
    background: url(../images/2019/btn_mk_count.png) no-repeat;
    overflow: hidden;
}
.product-detail .order-box .price .count-cont .btn button {
    float: left;
    width: 100%;
    height: 18px;
    text-indent: -9999px;
    background: none;
}
.product-detail .order-box .price .count-cont .btn button:focus-visible{
    border: 1px dotted #000;
}

.product-detail .order-box .btn-area {
    margin-top: 27px;
}
.product-detail .order-box .btn-area button {
    width: 255px;
    height: 55px;
    line-height: 52px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -1px;
}
.product-detail .order-box .btn-area button + button {
    margin-left: 7px;
}
.product-detail .order-box .btn-like {
    border: 1px solid #ebebeb;
    background: #fff;
    color: #5e6d82;
}
.product-detail .order-box .btn-like .like {
    padding-left: 40px;
    width: 26px;
    height: 22px;
    background: url(../images/2019/ico_like.png) no-repeat 0 -42px;
}
.product-detail .order-box .btn-like.on .like{
    background-position: 0 4px;
}
.product-detail .order-box .btn-like .like span {
    font-weight: 500;
    color: #808ea2;
}
.product-detail .order-box .info-txt {
    margin-top: 14px;
}
.product-detail .order-box .info-txt {
    font-size:15px;
    color:#666;
    letter-spacing: -1px;
}
.product-detail .order-box .info-txt .banner-txt {
    position: relative;
    display: inline-block;
    height: 25px;
    padding: 0 8px;
    margin-right: 7px;
    border: 1px solid #ebebeb;
    text-align: center;
    line-height: 23px;
    font-size: 14px;
    color: #249b29;
}
.product-detail .order-box .info-txt .banner-txt:after {
    position: absolute;
    top:50%;
    right: -7px;
    content: '';
    transform: translateY(-50%);
    width: 8px;
    height: 7px;
    background: url(../images/2019/ico_ing_arrow.png) no-repeat;
}
.product-detail .order-box .company {
    position: relative;
    width: 520px;
    margin-top: 11px;
    border: 1px solid #d9d9d9;
    padding: 10px 15px 11px;
    background: #fff;
}
.product-detail .order-box .company .name {
    display: block;
    padding-left: 27px;
    font-size: 15px;
    font-weight: 500;
    color: #fb5b1c;
    background: url(../images/2019/ico_mk_company.png) no-repeat;
}
.product-detail .order-box .company p {
    margin-top: 5px;
    font-size: 14px;
    color: #333;
    line-height: 16px;
}
.product-detail .order-box .company .view {
    position: absolute;
    top: 10px;
    right: 16px;
    width: 86px;
    height: 19px;
    padding-left: 5px;
    font-size: 12px;
    color: #fff;
    background: #fb5b1c url(../images/2019/ico_mk_view_link.png) no-repeat 75px center;
    line-height: 19px;
}

.product-detail .tab-fix-cont {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    z-index: 1000;
}
.product-detail .tab-fix {
    width: 1100px;
    padding: 30px 0 35px;
    margin: 0 auto;
    background: #fff;
}
.product-detail .tab-fix-cont .tab-list {
    margin-top: 20px;
}
.product-detail .tab-fix-cont .tab-list li {
    width: 366px;
}
.product-detail .tab-fix-cont .intro-menu {
    margin-top: 40px;
    overflow: hidden;
}
.product-detail .tab-fix-cont .intro-menu li + li{
    margin-left: 6px;
}
.product-detail .tab-fix-cont .intro-menu li {
    display: inline-block;
}
.product-detail .tab-fix-cont .intro-menu li a {
    display: block;
    height: 39px;
    padding: 0 20px;
    color: #5e6d83;
    line-height: 37px;
    font-size: 16px;
    font-weight: 500;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 25px;
    text-align: center;
}
.product-detail .tab-fix-cont .intro-menu li.on a {
    border-color: #fb5b1c;
    background: #fb5b1c;
    color: #fff;
}

.product-detail .tab-cont .intro-list {
    margin-top: 0;
    border: 1px solid #d3dae1;
    border-radius: 10px;
    overflow: hidden;
}
.product-detail .tab-cont .intro-list .tit-cont {
    padding: 40px 30px 30px;
    text-align: left;
}
.product-detail .tab-cont .intro-list .tit-cont .tit {
    padding-left: 55px;
    font-size: 24px;
    font-weight: 500;
    line-height: 18px;
    color: #000;
    background: url(../images/2019/ico_mk_pd_list_tit.png) no-repeat;
}
.product-detail .tab-cont .intro-list .tit-cont p {
    margin-top: 20px;
    font-size: 19px;
    font-weight: 500;
    color: #404040;
}
.product-detail .tab-cont .intro-list .list > li {
    padding: 30px 30px 25px;
}
.product-detail .tab-cont .intro-list .list > li:nth-child(odd) {
    background: #f8fbfe;
}
.product-detail .tab-cont .intro-list .list > li > strong {
    display: block;
    height: 35px;
    padding: 6px 0 0 50px;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    line-height:1;
}
.product-detail .tab-cont .intro-list .list > li > p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #404040;
    letter-spacing: -1px;
}
.product-detail .tab-cont .intro-list .list > li > img {
    margin-top: 10px;
    width:auto !important;
    height:auto !important;
    max-width:100%;
    max-height:100%;
}
.product-detail .tab-cont .intro-list .list01 > strong{
    background: url(../images/2019/ico_mk_pd_list01.png) no-repeat;
}
.product-detail .tab-cont .intro-list .list02 > strong{
    background: url(../images/2019/ico_mk_pd_list02.png) no-repeat;
}
.product-detail .tab-cont .intro-list .list03 > strong{
    background: url(../images/2019/ico_mk_pd_list03.png) no-repeat;
}
.product-detail .tab-cont .intro-list .list04 > strong{
    background: url(../images/2019/ico_mk_pd_list04.png) no-repeat;
}

.product-detail .tab-cont .intro-list .list > li.list01 > p {font-size:18px;color:#249b29;}
.product-detail .tab-cont .intro-list .list > li.list01 > p > span {margin-right:10px;}

.product-detail .tab-cont .intro-list .list li img{width:auto; height: auto; object-fit: contain;max-width:100%}
.product-detail .tab-cont .intro-list .list li .img-profile-exchg{width: 36px; height: 36px;}
.product-detail .tab-cont .intro-list .list .product-board {
    width: 943px;
    margin: 10px 0 0 35px;
    border: 1px solid #d3dae1;
    border-radius: 10px;
    overflow: hidden;
}
.product-detail .tab-cont .intro-list .list .product-board li{
    height: 66px;
}
.product-detail .tab-cont .intro-list .list .product-board li+li {
    border-top: 1px solid #d3dae1;
}
.product-detail .tab-cont .intro-list .list .product-board li strong {
    display: inline-block;
    width: 176px;
    padding-left: 24px;
    background: #f8fbfe;
    font-size: 14px;
    font-weight: 400;
    color: #404040;
    line-height: 65px;
    box-sizing: border-box;
}
.product-detail .tab-cont .intro-list .list .product-board li p {
    display: inline-block;
    padding-left: 28px;
    font-size: 14px;
    color: #404040;
}




.list-board .hidden {
    visibility: hidden;
    position: absolute;
    top: -9999px;
}
.list-board td.txt-left {
    text-align: left;
}
.list-board td .icon-reply,
.list-board td .icon-lock  {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.list-board td .icon-reply  {
    width: 44px;
    height: 17px;
    margin-top: -1px;
    background: url(../images/2019/ico_reply.png) no-repeat 0 0;
    font-size: 0;
}
.list-board td .icon-lock {
    width: 12px;
    height: 20px;
    margin: 0 0 0 7px;
    background: url(../images/2019/ico_lock.png) no-repeat 0 0;
    font-size: 0;
}
.list-board .txt-view td{
    padding: 15px 45px 18px 100px;
    background: #fbfbfb;
    text-align: left;
    overflow: hidden;
}
.list-board .txt-view td p {
    float: left;
    width: 700px;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #666;
}
.list-board .txt-view td .modify-btn {
    float: right;
    margin-top: 17px;
}
.list-board .txt-view td .modify-btn button {
    position: relative;
    font-weight: 500;
    background: none;
    font-size: 14px;
    color: #636363;
}
.list-board .txt-view td .modify-btn button + button:before {
    position: absolute;
    top: 6px;
    left: 0;
    content: '';
    width: 1px;
    height: 13px;
    background: #d9d8d9;
}
.list-board.type02 td.subject > span,
.list-board.type02 td.subject a {
    white-space: normal;
    max-height: 42px;
    overflow: hidden;
    display: -webkit-box;
    display: block\0/IE9;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.list-board.type02 td.subject a {
    text-decoration: underline;
}

.top-set {
    overflow: hidden;
    margin: 10px 0;
}
.top-set .search-count-btn {
    float: left;
    margin: 0;
}
.top-set .tab-btn-area,
.top-set .right {
    float: right;
}
.top-set .right {
    margin-top: 8px;
}
.top-set.type02 {
    margin-top: 27px;
}

.data-board td .checkbox02 {
    line-height: 1;
}
.data-board.type02 {
    margin-top: 15px;
}
.data-board.type02 th:first-child {
    padding-left: 19px;
}
.data-board.type02 th {
    font-size: 16px;
    vertical-align: top;
}
.data-board.type02 th,
.data-board.type02 td{
    padding: 8px 0 7px 19px;
    background:#fff;
}
.data-board.type02 td {
    font-size: 14px;
    line-height: 24px;
}
.textarea-limit {
    position: relative;
    display: block;
}
.textarea-limit span {
    position: absolute;
    right: 20px;
    bottom: 15px;
    font-size: 15px;
    line-height: 1;
}
.textarea-limit span em {
    font-weight: 500;
    color: #fb5b1c;
}
.textarea-limit .textarea {
    padding-right: 60px;
}

/* 개인 시장분석 */
/* button */
.btn-center .size1 { width:160px;padding:0; }
.btn-center .size2 { width:172px;padding:0; }
.btn-right { margin-top:30px;font-size:0; text-align:right; }
.btn-link { position:relative;display:inline-block;padding:0 37px 0 19px; margin-left:10px; height:40px;border:1px solid #d7d7d7;background:#fff;color:#000;font-size:15px;line-height:38px;letter-spacing:-1px; }
.btn-link:after { position:absolute; top:50%;right:15px;width:6px;height:7px;background:url('../images/common/btn_link.png') no-repeat;transform:translateY(-50%);content:''; }
.btn-link:hover { color:#000; }

.btn-link02 { position:relative;display:inline-block;padding-right:20px;color:#000;font-size:15px;font-weight:500;letter-spacing:-1px;background:url('../images/ico_link02.png') no-repeat right center; }
.btn-link02 span { position: relative; }
.btn-link02 span:before { position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000;content:''; }
.btn-link02:hover { color:#000; }


.btn-green { display:inline-block;height:42px; padding:0 15px; background:#3da8b5;color:#fff;font-size:16px;font-weight:500;line-height:40px;text-align:center; }
.btn-green .make { display:inline-block;padding-left:25px;background:#3da8b5 url('../images/common/btn_make.png') no-repeat 0 center;text-align:left;line-height:42px; }
.btn-orange { display:inline-block;height:42px; padding:0 15px; background:#fb5b1c;color:#fff;font-size:16px;font-weight:500;line-height:40px;text-align:center; }
.btn-orange .startup { display:inline-block;padding-left:25px;background:#fb5b1c url('../images/common/btn_startup.png') no-repeat 0 center;text-align:left;line-height:42px; }
.btn-green:hover,.btn-green:focus,.btn-orange:hover,.btn-orange:focus { color:#fff; }
.btn-white-add { display:inline-block;height:40px;padding:0 16px;line-height:38px;background:#fff;border:1px solid #fb5b1c;font-size:16px;font-weight:400;color:#000; }
.btn-white-add:before { display:inline-block;margin-right:6px;color:#fb5b1c;font-size:25px;line-height:38px;vertical-align:-3px;content:'+';}
.btn-gray-sm { display:inline-block;height:32px;padding:0 22px;background:#686767;color:#fff;font-size:14px;font-weight:700;line-height:30px;text-align:center; }
.btn-gray-sm.disabled { background:#eee;color:#bbb; }
.btn-gray-sm.disabled:hover { color:#bbb;cursor:default; }
.btn-gray-sm:hover { color:#fff; }
.btn-down-ex { display:inline-block;padding-left:40px;vertical-align:middle;width:132px;height:32px;background:#fff url('../images/common/ico_down_ex.png') no-repeat 15px center;border:1px solid #d7d7d7;font-size:14px;font-weight:400;color:#000;line-height:28px; }
.btn-big-orange-line.disabled { border-color:#bbb;color:#888;cursor:default; }
.btn-white.small { vertical-align:middle; }
.file-input { vertical-align:middle; }
.state-mark { display:inline-block;width:56px;height:24px;font-size:13px;font-weight:500;color:#fff;border-radius:5px;vertical-align:middle;text-align:center;line-height:22px; }
.state-mark.type01 { background:#1d3f5f; }
.state-mark.type02 { background:#fb5b1c; }
.state-mark.type03 { background:#686767; }

/* checkbox */
.check-list li { display:inline-block; }
.check-list li+li { margin-left:15px; }
input[type="checkbox"]:disabled+label { cursor:default; }

/* list style */
.dash-list li { font-size:14px;margin-top:1px;font-weight:400;color:#666;line-height:0; }
.dash-list li:before { display:inline-block;margin-right:2px;line-height:24px;vertical-align:middle;content:'-'}
.dot-list03 li { font-size:16px;font-weight:400;color:#555;line-height:30px;text-indent:-12px;margin-left:12px; }
.dot-list03 li:before { display:inline-block;width:3px;height:3px;margin-right:5px;background:#555;line-height:28px;vertical-align:5px;content:''}
.dot-list03 li strong { color:#000;font-weight:500; }
.inline-group > ul li {font-size: 14px;margin-top: 1px;font-weight: 400;color: #666;line-height: 20px;}

/* select */
.select-type { position:relative;display:inline-block;width:208px;margin-left:23px;vertical-align:middle; }
.select-type .selected { position:relative;display:block;width:100%;height:48px;padding:0 15px 0 48px;line-height:46px;border:1px solid #dadce0;border-radius:10px; }
.select-type .selected.on { border-radius:10px 10px 0 0;}
.select-type .selected:after { position:absolute;top:22px;right:20px;width:10px;height:5px;background:url('../images/ico_selected_arrow.png') no-repeat;content:''; }
.select-type a { font-size:14px;color:#222;background:url('../images/ico_selected_type.png') no-repeat; }
.select-type a:hover { color:#222; }
.select-type ul { position:absolute;top:47px;left:0;display:none;width:100%;z-index:100; background:#fff;border:1px solid #dadce0;border-top:none;border-radius:0 0 10px 10px; }
.select-type .selected.on + ul { display:block; }
.select-type ul li a { display:block;width:100%;height:48px;padding:0 15px 0 48px;line-height:46px;border-top:1px solid #dadce0; }
.select-type a.type01 { background-position:0 0; }
.select-type a.type02 { background-position:0 -48px; }
.select-type a.type03 { background-position:0 -97px; }
.select-type a.type04 { background-position:0 -145px; }

/* text style */
.refer-txt { color:#ed1c24; }

/* table */
.data-board + .use-step-tit { margin-top:50px;}
.data-board td .entry-form .txt { right:8px;bottom:17px;font-size:14px;font-weight:400; }
.data-board td .entry-form.disabled { background:#eee; }
.data-board td .entry-form.disabled textarea { background:#eee; }
.result-status-tit { display:block;margin:73px 0 21px;font-size:16px;font-weight:500;color:#333; }
.result-status-box { margin-top:20px;border-top:1px solid #000;}
.result-status-box+.result-status-box { margin-top:24px; }
.result-status-box .top { height:55px;padding:0 25px;line-height:55px;font-size:14px;color:#000; }
.result-status-box .top strong { font-weight: 500; }
.result-status-box .top .right { float:right; }
.result-status-box table { width:100%;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7; }
.result-status-box table th { height:55px;padding:0 32px;background:#f8f8f8;border-bottom:1px solid #d7d7d7;font-size:14px;font-weight:500;color:#000;line-height:55px;text-align:center; }
.result-status-box table td { height:30px;padding:0 32px;background:#fff;border:none;font-size:14px;font-weight:400;color:#000;line-height:30px;text-align:center; }
.result-status-box table tr:first-child td{ padding-top:8px; }
.result-status-box table tr:last-child td{ padding-bottom:8px; }
.result-status-box table .txt-left { text-align:left; }
.result-status-box table .txt-right { text-align:right; }
.txt-row { display:inline-block;margin-left:10px;color:#666;vertical-align:middle; }

/* caleandar */
.calendar { position:relative;display:inline-block;vertical-align:middle;font-size:0; }
.calendar:before { position:absolute;top:11px;right:15px;width:16px;height:16px;background:url('../images/common/ico_datepicker.png') no-repeat;content:'';z-index:-1;}
.calendar.disabled:before { z-index:1; }
.calendar label { font-size:0; }
.calendar input { width:150px;font-weight:400;margin-right:0;background:transparent; }
#ui-datepicker-div { z-index:500 !important;}
.calendar + span { display:inline-block;width:24px;height:39px;font-size:14px;text-align:center;line-height:39px;vertical-align:middle; }
.ui-widget-header .ui-icon { background: url('../images/common/btn_link.png') no-repeat 0 center; }
.ui-datepicker .ui-datepicker-prev span { transform:rotate(180deg); }
.ui-datepicker td { height:auto; }

/* top box style */
.top-info-desc { position:relative;border:1px solid #ccc; padding: 21px 22px 22px 145px;}
.top-info-desc.mymarket { background: url('../images/img_myp01_opendesc.png') no-repeat 40px center; }
.top-info-desc .dot-list03 { display:inline-block; }
.top-info-desc .btn-link02 { margin:0 0 5px 35px;vertical-align:bottom; }

/* step */
.use-step-tit { display:block;color:#333;font-size:16px;font-weight:500;line-height:30px;letter-spacing:-1px; }
.use-step-tit:before { display:inline-block;width:3px;height:3px;margin-right:6px;background:#333;border-radius:50%;vertical-align:3px;content:''; }
.use-step-tit + .use-step { margin-top:17px !important; }
.use-step-tit + .tbl-compulsory-right { margin-top:-15px; }
.use-step + .use-step-tit { margin-top:48px; }
.use-step ul li > .info-txt { margin-top:26px;font-size:14px;font-weight:400;color:#333;line-height:20px;letter-spacing:-1px; }
.use-step.flex { padding:20px 0; }
.use-step.flex ul li { height:auto; }
.use-step .btn-wrap { margin-top:30px; }

/* link box */
.link-box-wrap { margin-top:40px;overflow:hidden; }
.link-box-wrap .link-box { position:relative;float:left;width:540px;min-height:252px;padding:30px 40px 30px;border:1px solid #9db4c0;border-radius:7px; }
.link-box+.link-box { margin-left:20px; }
.link-box .box-tit { display:block;color:#000;font-size:20px;font-weight:500;line-height:36px;}
.link-box .box-txt { min-height:85px;padding:30px 0 0 70px;color:#505256;font-size:16px;line-height:24px; }
.link-box .box-txt.personal-make { background:url('../images/ico_personal_make.png') no-repeat 0 38px; }
.link-box .box-txt.group-make { background:url('../images/ico_group_make.png') no-repeat 0 33px; }
.link-box .btn-wrap { position:absolute;right:40px;bottom:30px; }
.link-box .btn-wrap a{width:224px;}
/* box noti */
.box-noti { padding:50px 30px; }
.box-noti > span { line-height:36px; }
.box-noti .s-txt { margin-top:13px;color:#505256;font-size:18px;font-weight:400;line-height:26px;}
.box-noti .s-txt strong { color:#000;font-weight:500; }
.box-noti .inner-box { margin-top:48px;padding:40px 0;background:#fff;border:1px solid #e5ddda; }
.box-noti .inner-box .tit { display:block;color:#000;font-size:22px;font-weight:400;line-height:36px;}
.box-noti .inner-box .txt { margin-top:5px;color:#505256;font-size:20px;font-weight:400;line-height:30px;}
.box-noti .inner-box .txt strong { color:#fb5b1c;font-weight:500; }
.box-noti .inner-box .btn-wrap { margin-top:22px; }
.box-noti .inner-box.startup .tit { padding-top:62px;background:url('../images/ico_innerbox_startup.png') no-repeat center 0;}

/* top desc box */
.top-desc-box { position:relative;min-height:105px;padding:35px 0;margin-top:60px;border-top:1px solid #676c73;border-bottom:1px solid #d9dfe5; }
.top-desc-box .txt { display:inline-block;color:#555;font-size:14px;line-height:24px;letter-spacing:-1px; }
.top-desc-box .txt strong { display:inline-block;margin-right:20px;color:#000;font-size:18px;font-weight:400;line-height:24px; }
.top-desc-box.startup .txt { position:absolute;top:50%;left:15px;transform:translateY(-50%);}
.top-desc-box.startup .txt strong {font-weight:500; padding: 0 0 6px 48px;background:url('../images/ico_top_desc_startup.png') no-repeat; }
.top-desc-box.startup .txt span{position:relative; top:-1px;}
.top-desc-box > a { position:absolute;top:50%;right:15px;transform:translateY(-50%);}

/* step progress */
.step-progress { margin-top:55px;font-size:0;text-align:center; }
.step-progress li { position:relative;display:inline-block;width:144px;color:#555;font-size:16px;font-weight:400;vertical-align:middle; }
.step-progress li.on { font-weight:700;color:#fb5b1c; }
.step-progress li span { display:block;width:48px;height:48px;margin:0 auto 10px;border:1px solid #dedede;border-radius:50px;text-align:center;line-height:46px; }
.step-progress li.on span { background:#fb5b1c;color:#fff;border-color:#fb5b1c; }
.step-progress li:before { position:absolute;top:22px;left:0;width:48px;height:5px;background:url('../images/common/bg_step_progress.png')no-repeat;content:''; }
.step-progress li:after { position:absolute;top:22px;right:0;width:48px;height:5px;background:url('../images/common/bg_step_progress.png')no-repeat;content:'';transform:rotate(180deg); }
.step-progress li:first-child:before,
.step-progress li:last-child:after { display:none; }

.survey-list { margin-top:40px; }
.survey-result-box { position:relative;padding:25px 0;margin-top:17px;border-top:1px solid #676c73;border-bottom:1px solid #d7d7d7;text-align:center; }
.survey-result-box p { font-size:16px;font-weight:500;color:#000; }
.survey-result-box strong { color:#fb5b1c; }
.survey-result-box button { position:absolute;top:50%;right:24px;transform:translateY(-50%); }
.survey-result-box + .refer-txt { margin-top:20px;text-align:center;}

/* inlinegroup */
.inline-group > * { display:inline-block;margin-right:23px !important;vertical-align:middle; }
.inline-group > *:last-child { margin-right:0; }

/* result cont */
.result-txt-cont { padding-top:305px;background:url(../images/img_market_survey_result.png) no-repeat center 80px;text-align:center; }
.result-txt-cont .result-txt { font-size:30px;font-weight:500;color:#505256;line-height:26px; }
.result-txt-cont .result-txt em { color:#fb5b1c;font-weight:700;  }
.result-txt-cont .sub-txt { margin-top:17px;font-size:18px;font-weight:400;color:#000; }
.result-txt-cont .sub-txt em { font-weight:500; }
.result-txt-cont+.use-step-tit { margin-top:38px; }
.use-step-tit+.data-board { margin-top:18px;}

/* box change order */
.change-order-wrap { margin-top:10px; }
.change-order-wrap > .btn-right { margin-top:20px; }
.change-order-wrap:after { display:block;content:'';clear:both; }
.change-order .move-box { padding:17px 30px 40px;box-shadow:-1px 0 8px #d8d8d8; }
.change-order .move-box+.move-box { margin-top:40px; }
.change-order .move-box .top .num { display:inline-block;font-size:24px;font-weight:400;color:#000;vertical-align:middle; }
.change-order .move-box .top .num span { color:#e06400;font-weight:700; }
.change-order .move-box .top select { display:inline-block;margin-left:25px;vertical-align:middle; }
.change-order .move-box .top .btn-wrap { float:right;font-size:0;  }
.change-order .move-box .top .btn-wrap .btn-up { width:32px;height:32px;margin-right:8px;background:url('../images/btn_change_order.png') no-repeat; }
.change-order .move-box .top .btn-wrap .btn-down { width:32px;height:32px;background:url('../images/btn_change_order.png') no-repeat;transform:rotate(180deg); }
.change-order .move-box .top .btn-wrap .btn-close { width:32px;height:32px;margin-left:40px;background:url('../images/btn_movebox_close.png') no-repeat; }
.change-order .move-box .input-box { margin-top:28px; }
.change-order .move-box .input-box > div .tit { display:block;font-size:14px;font-weight:500;color:#000;}
.change-order .move-box .input-box > div .tit.on { color:#fb5b1c;font-weight:700; }
.change-order .move-box .input-box > div label.on { color:#fb5b1c;font-weight:700; }
.change-order .move-box .input-box > div input[type="text"] { width:100%; }
.change-order .move-box .input-box .question input[type="text"] { height:56px;margin-top:7px;background:#f8f9fa;border:none;border-bottom:1px solid #000;font-size:16px;font-weight:400;color:#777; }
.change-order .move-box .input-box .question input[type="text"]::placeholder { font-weight:400;color:#777; }
.change-order .move-box .input-box .question input[type="text"]:focus { outline: none !important;border-bottom:2px solid #fb5b1c; }
.change-order .move-box .input-box .answer { margin-top:25px; }
.change-order .move-box .input-box .answer .txtbox { height:56px;padding-left:16px;border:none;border-bottom:1px dashed #ccc;font-size:16px;font-weight:400;color:#777;line-height:58px; }
.change-order .move-box .input-box .answer .clone-list { margin-top:10px; }
.change-order .move-box .input-box .type-radio { display:inline-block;width:40px;height:48px;background:url('../images/ico_type_ck_rd.png') no-repeat; }
.change-order .move-box .input-box .answer li > * { display:inline-block;vertical-align:middle; }
.change-order .move-box .input-box .answer li+li { margin:7px 0 0 0; }
.change-order .move-box .input-box .answer .btn-wrap { position:relative;display:inline-block;margin-left:27px;font-size:0; }
.change-order .move-box .input-box .answer button { vertical-align:middle; }
.change-order .move-box .input-box .answer .btn-wrap .btn-add { display:inline-block;width:18px;height:20px;background:url('../images/common/ico_cell_clone.png') no-repeat; }
.change-order .move-box .input-box .answer .btn-wrap .btn-del { display:inline-block;width:18px;height:20px;background:url('../images/common/ico_cell_delete.png') no-repeat right 0; }
.change-order .move-box .input-box.type03 .answer input[type="text"],
.change-order .move-box .input-box.type04 .answer input[type="text"] { width:860px;height:50px;border:none;border-bottom:2px solid #f1f1f1;color:#777;font-size:16px;font-weight:400;  }
.change-order .move-box .input-box.type03 .answer input[type="text"]::placeholder,
.change-order .move-box .input-box.type04 .answer input[type="text"]::placeholder { color:#777;font-size:16px;font-weight:400; }
.change-order .move-box .input-box .answer .btn-wrap button+button { margin-left:30px; }
.change-order .move-box .input-box .answer .btn-wrap .btn-del+.btn-add:before{ position:absolute;top:3px;left:32px;width:1px;height:16px;background:#ddd;content:''; }
.change-order .move-box .input-box .type-checkbox { display:inline-block;width:40px;height:48px;background:url('../images/ico_type_ck_rd.png') no-repeat 0 -48px; }
.group-representative-img:after { display:block;clear:both;content:''; }
.group-representative-img .right { float:left;margin-left:20px; }
.group-representative-img .right .btn { padding:0; }
.group-representative-img .right .dash-list { margin-top:5px; }
.group-representative-img.disabled label,.group-representative-img.disabled a { cursor:default;}

.page-search.gr-search.n-outline { min-height:57px; }
.page-search.gr-search.n-outline:after { display:inline-block;clear:both;content:''; }
.page-search.gr-search.n-outline .btn-wrap { float:right; }

.link-box .btn-wrap a{width:224px;}
.link-box .btn-gray{margin-left:7px;}
.link-box .btn-gray{display: inline-block;height: 42px;padding: 0 15px;background:#e3e9ed;color: #fff;font-size: 16px;font-weight: 500;line-height: 40px;text-align: center;}
.btn-gray .admingo{display: inline-block;padding-left: 25px;background:#e3e9ed url('../images/btn_admingo.png') no-repeat 0 center;text-align: left;line-height: 42px; color:#374957;}

/*에디터 작성시 헤드라인*/
.product-detail .tab-cont .intro-list h1{font-size:2em;}
.product-detail .tab-cont .intro-list h2{font-size:1.5em;}
.product-detail .tab-cont .intro-list h3{font-size:1.17em;}
.product-detail .tab-cont .intro-list h4{font-size:1em;}
.product-detail .tab-cont .intro-list h5{font-size:0.83em;}
.product-detail .tab-cont .intro-list h6{font-size:0.67em;}
.product-detail .tab-cont .intro-list h1, .product-detail .tab-cont .intro-list h2, .product-detail .tab-cont .intro-list h3, .product-detail .tab-cont .intro-list h4, .product-detail .tab-cont .intro-list h5, .product-detail .tab-cont .intro-list h6{line-height:1.2;}

/* 동아리 목록 탭하고 같음 2019.css에 넣기 */
.tab-select-type {
    width: 100%;
    height: 55px;
    margin: 40px 0 0;
}

.tab-select-type li {
    float: left;
    width: 50%;
}

.tab-select-type li a {
    position: relative;
    display: block;
    width: 100%;
    height: 55px;
    line-height: 53px;
    border: 1px solid #d9dfe5;
    background: #f5f7f9;
    text-align: center;
    font-size: 18px;
}

.tab-select-type li.on a {
    border-color: #5e6d83;
    background: #5e6d83;
    color: #fff;
}

.tab-select-type li.on a:after {
    content: '';
    display: block;
    width: 20px;
    height: 12px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -12px;
    background: url(../images/gr/bg_gr_tabArw.png) no-repeat 0 0;
}

/* //동아리 목록 탭하고 같음 2019.css에 넣기 */



.top-box.market{background: #f3f4f9;}
.top-box.market .inner{background: #f3f4f9 url(../images/yeepMarket/bg_ym_topbox_sm.png) no-repeat right; height: 220px; padding: 30px 0 0 58px;}
.top-box.market .inner .page-title{line-height: 1;}
.top-box.market .inner .page-title span{font-size: 35px; color:#ea2e00;}
.top-box.market .inner .page-title-text{font-size: 16px; line-height: 1.3; color:#434343;}
.top-box.marketQna .inner .page-title span{color:#ea2e00;}
.top-box.marketQna .inner .page-title-text{font-size: 21px; line-height: 1; color:#434343;}

.market .search-list-cont .product-list li{height: auto;}
.market .search-list-cont .product-list .img-cont{height: 220px; position:relative;}
.market .search-list-cont .product-list .img-cont img{height: 165px; border-radius: 10px; box-sizing: border-box;}
.market .search-list-cont .product-list .fix-exam .img-cont img{border: 2px solid #5659c8;}
.market .search-list-cont .product-list .fix-exam .fix-tag{width: 70px; height: 38px; position:absolute; top: 30px; right: -7px; z-index: 10;}
.market .search-list-cont .product-list .img-cont .miss-box{position: absolute; top:0; left:0; width: 220px; height: 165px; background: rgba(0, 0, 0, 0.6); border-radius: 8px; text-align: center; padding: 30px;}
.market .search-list-cont .product-list .img-cont .miss-box strong{display:block; font-size: 18px; color:#ffe400; font-weight: 500; margin: 0 auto 14px; line-height: 1;}
.market .search-list-cont .product-list .img-cont .miss-box p{font-size: 14px; color:#fff; line-height: 1.2;}
.market .search-list-cont .product-list .img-cont .miss-box span{display:block; font-size: 14px; color:#fff; background: #f09314; width: 105px; height: 30px; line-height: 28px; border-radius: 30px; margin: 10px auto 0;}
.market .search-list-cont .product-list .img-cont .miss-box span:after{content:''; display:inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-left: 6px solid #fff; border-bottom: 5px solid transparent; margin-left: 4px;}
.market .search-list-cont .product-list .miss-box2{position:absolute; bottom:0; left:0; width: 219px; height: 120px; background: rgba(255, 255, 255, 0.6);}
.search-list-cont .product-list .price .s-leaf2{display:inline-block; margin-left: 5px; width:17px; height: 20px; background:url(../images/yeepMarket/icon_leaf02.png) no-repeat 0 3px; text-indent: -9999px;}

.market .search-list-cont .product-list .startup-name{margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.2em; height:2.4em; white-space:inherit;}
.market .search-list-cont .product-list .date{display:block; margin: 5px 0 0 10px; font-size: 14px; color: #666;}

.search-list-cont .page-search .right-cont{float: right; margin-left: auto;}
.search-list-cont .page-search .right-cont .myleaf{display: flex; align-items: center; gap: 10px; padding: 12px 24px; background: #fff7eb; border: 1px dashed #fda47d; border-radius: 5px;}
.search-list-cont .page-search .right-cont .myleaf span{font-size: 16px; color:#333;}
.search-list-cont .page-search .right-cont .myleaf em{margin-top: -2px; font-size: 25px; color:#fb5b1c; font-weight: 500;}
.market .search-list-cont .page-search{display:flex; align-items: center; text-align: left;}
.market .search-list-cont .page-search:first-child{border-bottom: none;}
.market .search-list-cont .page-search + .page-search{margin-top: 0; border-top: 1px dashed #d9dfe5;}

.market .search-list-cont .page-search .state{display:flex; flex-wrap: wrap; gap: 10px;}
.market .search-list-cont .page-search .state li+li{margin-left: 0;}
.market .search-list-cont .page-search .state li a{display:flex; align-items:center; justify-content: center; gap:8px; font-size: 16px; color:#5e6d83;}
.market .search-list-cont .page-search .state li.on a{color:#fff;}
.market .search-list-cont .page-search .state li a span{font-weight: 500;}

.search-list-cont .page-search + .search-results{border-top: none;}
.search-list-cont .product-list .product-cont .quest-num{display:block; text-align: center; margin-bottom: 8px; font-size: 16px; font-weight: 500; color:#5e6d83;}
.search-list-cont .product-list .product-cont .quest-num span{font-size: 20px;}

.market .search-list-cont .product-list .price{margin-top: 15px;}



/* YEEP마켓 목록 상세 */
.product-detail.market .order-box{padding: 35px 95px 43px 40px;}
.product-detail.market .order-box .right{width: 600px; padding-left: 80px;}
.product-detail.market .order-box .price .date-cont{float:right;}
.product-detail.market .order-box .price .date-cont p{display:inline-block; margin-right: 20px; font-size: 16px; color:#333; font-weight: 500; vertical-align: middle;}
.product-detail.market .order-box .price .date-cont span{font-size: 16px; color:#666; vertical-align: middle;}
.product-detail.market .order-box .price > p{color:#333;}
.product-detail.market .order-box .btn-area button{width: 100%;}
.product-detail.market .order-box .myleaf-area{width: 100%; line-height: 54px; margin-top: 10px; border: 1px solid #249b29; text-align: center;}
.product-detail.market .order-box .myleaf-area span{font-size: 18px; font-weight: 500; color:#333;}
.product-detail.market .order-box .myleaf-area .leaf{font-size: 20px; color:#249b29; margin-left: 10px;}
.product-detail.market .order-box .myleaf-area .leaf:after{content:''; display:inline-block; width: 14px; height: 16px; background: url(../images/2019/ico_leaf_small.png) no-repeat; margin: 0 8px;}
.product-detail.market .order-box .startupleaf-area{width: 100%; line-height: 54px; margin-top: 10px; border: 1px solid #f09314; text-align: center;}
.product-detail.market .order-box .startupleaf-area span{font-size: 18px; font-weight: 500; color:#333;}
.product-detail.market .order-box .startupleaf-area strong{font-size: 18px; color:#fb5b1d; margin-right: 5px;}
.product-detail.market .order-box .startupleaf-area .leaf{font-size: 20px; margin-right: 0; margin-left: 5px;}
.product-detail.market .order-box .startupleaf-area .leaf:after{content:''; display:inline-block; width: 17px; height: 18px; background: url(../images/yeepMarket/icon_leaf02.png) no-repeat 0 1px; margin: 0 6px -1px;}
.product-detail.market .tab-cont .intro-list .list > li:nth-child(odd){background: #fff;}
.product-detail.market .list-board{width: 943px; margin: 10px 0 0 35px;}
.product-detail.market .list-board table th{text-align: center;}
.product-detail.market .intro-list .search-count-btn{margin: 0 60px 0 0;}
.product-detail.market .intro-list .data-board{width: 943px; margin: 20px 0 0 35px;}

/* YEEP마켓 Q&A */
.td-blod{font-weight: 500;}
.top-box.marketQna{background: #f3f4f9;}
.top-box.marketQna .inner{background: #f3f4f9 url(../images/yeepMarket/bg_ymqa_topbox_sm.png) no-repeat right; height: 220px; padding: 40px 0 0 58px;}
.list-board .state{display:block; width: 64px; height: 22px; line-height: 22px; font-size: 13px; border: 1px solid #ccc; border-radius: 5px; margin: 0 auto;}
.list-board .state.blue{border: 1px solid #7687ce; color:#7687ce;}
.list-board .state.green{border: 1px solid #6ba604; color:#577d13;}
.content-width.market .qna-btn{display: inline-block; padding: 0 19px 0 54px; background: #3b577f; border: 1px solid #3b577f; font-size: 16px; font-weight: 500; color:#fff; line-height: 37px; position:relative;}
.content-width.market .qna-btn:before{content:''; display:block; width: 24px; height: 23px; background: url(../images/yeepMarket/ic-question.png) no-repeat; position:absolute; top:7px; left:20px;}
.content-width.market .btn-white + .qna-btn{margin-left: 5px;}
.content-width.market .support_qna_wrap .board-detail-box .title .right{display: flex; align-items: center; gap: 30px;}
.content-width.market .support_qna_wrap .board-detail-box .title .right .date{margin-top:0;}
.content-width.market .support_qna_wrap .board-detail-box .title .right .date span{display:block;}
.content-width.market .qitem-wrap{margin-bottom: 20px;}
.content-width.market .qitem-wrap a{font-size: 14px; color:#333; position:relative;}
.content-width.market .qitem-wrap a:before{content:''; display:inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-left: 6px solid #333; border-bottom: 5px solid transparent; margin-right: 4px;}
.content-width.market .qitem-wrap a:after{content:''; display:block; width: 14px; height: 14px; background: url(../images/yeepMarket/icon-link.png) no-repeat; position:absolute; top:4px; right:-18px;}
.list-board td .icon-secret{display:inline-block; width:20px; height: 21px; background:url(../images/icon_secret.png) no-repeat; font-size:0; line-height: 0; margin-left: 8px;}
.top-box.marketQna .inner .page-title.market span{color: #ea2e00;}
textarea.textarea{border: 1px solid #dcdcdc;}

.top-box.market .inner{background: #f3f4f9 url(../images/yeepMarket/bg_ym_topbox_sm.png) no-repeat right;}
.top-box.market .page-title img{vertical-align: bottom; margin: 0 4px;}
.search-results{border: 1px solid #d9dfe5}
.market .search-list-cont .product-list .img-cont .miss-box{padding: 20px 30px;}
.market .search-list-cont .product-list .img-cont .miss-box em{display: block; font-size: 18px; font-weight: 500; color:#fff; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.market .search-list-cont .product-list .img-cont .miss-box strong{margin: 0 auto 8px;}
.market .search-list-cont .product-list .img-cont .title-box em{position: absolute; top: 12px; left: 12px; height: 24px; padding: 0 7px; font-size: 13px; font-weight: 700; letter-spacing: -1px; text-align: center; line-height: 22px; background: #fb5b1c; color: #fff; border-radius: 25px; box-sizing: border-box; border: 2px solid #fff;}
/*.market .order-box .img-cont .title-box{display:block; padding: 20px; position:absolute; top:0; left:0; width: 361px; background: rgba(0, 0, 0, 0.6); text-align: center; box-sizing: border-box;}
.market .order-box .img-cont .title-box .title{font-size: 18px; font-weight: 600; color:#fff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.3em; max-height:2.6em;}
.market .order-box .img-cont .title-box .title span{margin-right: 5px; color:#ffe400;}*/
.market .order-box .img-cont .icon{position:absolute; top: 10px; left: 10px;}
.market .order-box .img-cont .icon_quest{position: absolute; top: 0; left: 0; width: 55px; height: 55px; border-radius: 50px; font-weight: 700; font-size: 13px; line-height: 53px; letter-spacing: -1px; text-align: center; background: #fff; border: 1px solid #ff3c0f; color: #ff3c0f;}
.market .order-box .img-cont .icon_quest01{top: 60px; background: #1db352; border-color: #1db352; color: #fff;}
.market .order-box .img-cont .icon_quest02{top: 60px; background: #ff3c0f; color: #fff;}
.product-detail .tab-cont .intro-list .list .product-board li p .img-leaf{vertical-align: middle; margin-bottom: 3px; width: 14px; height: 16px;}