@charset "utf-8";

.page-img{width:1920px; margin: 0 auto;}
.page-img img{width:100%}

@media(max-width:1910px){
    .page-img{width:100%;}
}

/* sub_tt */

.sub_text{padding: 125px 0 90px}

.sub_text h2{color:#f5c855; font-size:50px; text-align: center;}
.sub_text.m04_01{padding: 175px 0 70px;}
.sub_text.m04_01 h2{font-size:70px;}
.sub_text p{font-size: 24px; line-height: 36px; color:#ccc; margin-top: 45px;}

/* sub_category */
.sub_menu_box .cate_ul{text-align: left; margin-bottom: 40px;}
.sub_menu_box .cate_li{width: auto;}
.sub_menu_box .cate_li a{background: none; color:#fff; padding: 0 40px; border:none; line-height: 1.2; font-size:20px;}
.sub_menu_box .cate_li + .cate_li a{position: relative;}
.sub_menu_box .cate_li + .cate_li a:before{position: absolute; content:''; display: block; width: 1px;height: 16px; background:#999; left: 0;top:50%; transform:translateY(-50%);}
.sub_menu_box .cate_li:first-child a{padding-left: 0;}
.sub_menu_box .cate_li:last-child a{padding-right: 0;}
.sub_menu_box .cate_li.on a{color:#f5c855; background:none;}

/* m03_01 */
.over_header{margin-top: -100px;}
.m03_01{background:#fff;}
.m03_01_01{position: relative;}
.m03_hello{position: absolute; bottom: 120px;left: 0; width: 100%;}
.m03_hello img{width:auto;}
.m03_01_02{padding:265px 0 150px}
.m03_01_02 > div > div{display: flex; flex-direction: row-reverse; justify-content: space-between;}
.m03_01_03{padding:150px 0 280px; }
.m03_01_03 > div > div{display: flex; justify-content: space-between;}
.brand_con.brand_desc {margin-top: 345px;}

/* m04_01 */
.m04_benefit{display: flex; align-items: center; margin-bottom: 100px; width: 100%;}
.benefit_con{width: 100%; margin-right:3.125%; border:1px solid #666; padding: 65px 40px}
.benefit_con:last-child{margin-right: 0;}

.benefit_con .benefit_tt{font-size:20px;padding-bottom: 20px;margin-bottom: 40px; border-bottom:1px solid #666}
.benefit_con .benefit_top{font-size:20px; margin-bottom: 20px;}
.benefit_con .benefit_em{font-size: 30px; color:#f5c855; margin-bottom: 30px;}
.benefit_con .benefit_desc{color:#ccc; font-size:18px; line-height: 30px;}

.go_benefit{display: block; background:#f5c855; border-radius:70px; width: 100%; height: 140px; text-align: center;padding-top: 40px;}
.go_benefit p{color:#222; font-size:32px;margin-bottom: 18px;}
.go_benefit span{font-size:20px; color:#222;}

.list_tt{text-align: center; color:#fff; font-size:44px;margin-bottom: 30px; padding-top: 100px;}
.list_desc{text-align: center; color:#ccc; font-size:20px; line-height: 32px;margin-bottom: 70px;}
.board_style .div-head{background:none; border-top:1px solid #666; border-bottom:1px solid #444; padding: 27px 0}
.board_style .div-head > span, .board_style .div-head > span a{font-family: 'GmarketSansMedium', sans-serif; color:#fff; font-size:18px;}
.board_style .list-board .list-body li{border-bottom:1px solid #444; }
.board_style .list-board .list-body li:hover{background:none;}
.board_style .list-board .list-body li *{font-family: 'GmarketSansMedium', sans-serif; color:#fff;}
.board_style .list-board .list-body li > div{padding: 30px 0}
.board_style .list-board .list-body li > div, .board_style .list-board .list-body li > div > a{color:#fff; font-size:18px; }


.board_style .list-board .list-body li > div.wr-subject{padding-left: 50px;}
.inquiry_style .list-board .wr-num{width: 8%;}
.inquiry_style .list-board .wr-name{width: 10%;}
.inquiry_style .list-board .wr-date{width: 15%;}

.inquiry_style .list-board .wr-1 > span{margin:0; transform:translate(-50%,-50%); line-height: 38px; height: 36px; width: 94px; font-size:18px;}
.inquiry_style .list-board .wr-1 .waiting{background:#999; border:none; color:#444;}
.inquiry_style .list-board .wr-1 .complete{background:#fff; border:none; color:#222}

.inquiry_box iframe{background:#fff;}
.view_style .view_title .view_subject{color:#fff;}


/* m05_01 */
.at-menu.dark_bg .pc-menu{background:linear-gradient(#000 0% ,  transparent 50%, transparent 100% )}
.nav-fixed .at-menu.dark_bg .pc-menu{background: none;}
.m05_sell_box{margin-bottom: 120px;}
.m05_sell_box .carousel-indicators li{background:#ececec; width: 10px;height: 10px; margin:0 10px;}
.m05_sell_box .carousel-indicators li.active{background:#f5c855; width: 50px;height: 10px; border-radius:5px;}


/* pagination */
.list-page{margin:20px 0 120px !important;}
.responsive .list-wrap .pagination a, .view-wrap .pagination a{background:none; border:none; color:#999 !important; width: 36px;height: 36px; text-align: center; line-height: 38px; padding:0; font-family: 'GmarketSansMedium', sans-serif; margin:0 3.5px; font-size:18px;}
.responsive .list-wrap .pagination .active a, .responsive .view-wrap .pagination .active a{color:#222 !important;}
.responsive .list-wrap .pagination li:first-child a, 
.responsive .list-wrap .pagination li:nth-child(2) a, 
.responsive .list-wrap .pagination li:last-child a, 
.responsive .list-wrap .pagination li:nth-last-child() a, 
.view-wrap .pagination li:first-child a, 
.view-wrap .pagination li:nth-child(2) a, 
.view-wrap .pagination li:last-child a, 
.view-wrap .pagination li:nth-last-child() a{margin:0 2px;}

.responsive .list-wrap .pagination li:nth-child(2) a{margin-right: 14px;}
.responsive .list-wrap .pagination li:nth-last-child(2) a{margin-left: 14px;}

.btn.btn-color{color: #222 !important;}


/* footer */
.fix_footer.m03_01{background-color: #fff;}
.fix_footer.m03_01 .f_logo{background: #fff;}
.fix_footer.m03_01 .fix_infos_box .info_ul > li, .fix_footer.m03_01 .fix_infos_box .info_ul > li a{color:#666}
.fix_footer.m03_01 .fix_infos_box .info_ul > li + li:after{background:#666}
.fix_footer.m03_01 .fix_infos_box h4{color:#666}

.fix_footer.m06_01{background-color: #444;}
.fix_footer.m06_01 .f_logo{background: #444;}

.lost-box a{color:#fff;}
#login_auto_login + label{color:#fff;}

.register-form .input-title{color:#fff;}
.register-form .check-input + label{color:#fff;}
.register-form .input-css{color:#222}
#captcha #captcha_key{color:#222}
.is-pc .ko .panel .panel-body{color:#222;}
.mypage-table .mypage-sections section .head{color:#fff;}
.mypage-table .mypage-categorys .categorys-title{color:#fff;}
@media(max-width:991px){
    .over_header{margin-top: -55px;}
    .sub_text{padding:40px 0;}
    .sub_text h2{font-size:26px;}    
    .sub_text p{font-size: 14px; line-height: 21px; margin-top: 30px;}
    .sub_menu_box {text-align: center;}
    .sub_menu_box .cate_ul{display: inline-block; margin-bottom: 35px;}
    .sub_menu_box .cate_li a{font-size: 13px; padding: 0 22.5px;}
    .sub_menu_box .cate_li + .cate_li a:before{height: 11px;}

    .brand_con.brand_desc{margin-top: 45px;}
    .brand_con img{width:57.57%}

    .m03_hello{bottom: unset;top:160px}
    .m03_hello img{width: 72.72%;}
    .m03_01_02{padding:60px 0 30px}
    .m03_01_02 > div > div{flex-direction: column; align-items: stretch;}
    .m03_01_02 .brand_con:first-child{text-align: right;}
    .m03_01_02 .brand_con.brand_desc img{width:79.84%}

    .m03_01_03{padding:30px 0 80px}
    .m03_01_03 > div > div{flex-direction: column;}
    .m03_01_03 .brand_con:first-child img{width:71.81%}
    .m03_01_03 .brand_con.brand_desc{text-align: right;}
    .m03_01_03 .brand_con.brand_desc img{width:77.27%}

    .sub_text.m04_01{padding:60px 0 35px}
    .sub_text.m04_01 h2{font-size: 35px;}
    .m04_benefit{flex-direction: column; margin-bottom: 50px;}
    .benefit_con{margin-right:0; width: 78.78%; margin-bottom: 25px; padding: 43px 30px}
    .benefit_con:last-child{margin-bottom: 0;}
    
    .benefit_con .benefit_tt{font-size:14px; padding-bottom: 12.5px; margin-bottom: 25px;}
    .benefit_con .benefit_top{font-size:14px;margin-bottom: 10px;}
    .benefit_con .benefit_em{font-size:21px;margin-bottom: 20px;}
    .benefit_con .benefit_desc{font-size:13px; line-height: 19px;}

    .go_benefit{height: 80px; border-radius:40px;padding-top: 20px;}
    .go_benefit p{font-size:18px; margin-bottom: 10px;}
    .go_benefit span{font-size:13px}

    .list_tt{font-size:29px; padding-top:60px; margin-bottom: 25px;}
    .list_desc{font-size:14px; line-height: 24px; margin-bottom: 55px;}
    .board_style .div-head{padding: 9px 0}
    .board_style .div-head > span, .board_style .div-head > span a{font-size:14px;}
    .board_style .list-board .list-body li > div{padding:9px 0}
    .board_style .list-board .list-body li > div, .board_style .list-board .list-body li > div > a{font-size:13px; color:#fff;}
    .board_style .list-board .list-body li > div.wr-subject{padding-left: 10px;}
    .board_style .list-board .list-body .list-item > div.wr-subject a{color:#fff;}
    .board_style .list-board .list-body li .wr-subject .visible-xs, .board_style .list-board .list-body li .wr-subject i{color:#999}
    .board_style .list-board .list-body .list-item > div.wr-1 span {color:#444; height: 30px;line-height: 32px; width: 75px;}

    .board_style{margin-bottom: 0;}
    .list-page{margin:35px 0 55px !important}
    .responsive .list-wrap .pagination a, .view-wrap .pagination a{width: 27px;height: 27px; line-height: 29px; font-size:13px;}
    .responsive .list-wrap .pagination li:nth-child(2) a{margin-right: 11px;}
    .responsive .list-wrap .pagination li:nth-last-child(2) a{margin-left: 11px;}
    .responsive .list-wrap .pagination li a img{width: auto; height: 10px;}

    .m05_sell_box{margin-bottom: 75px;}
    .m05_sell_box .carousel-indicators li{width: 6px;height: 6px;margin: 0 7px}
    .m05_sell_box .carousel-indicators li.active{width: 32.5px; height: 6px;}
    
    
}