@charset "utf-8";

/*write 공통*/
.write_radio{display: inline-block;height: 13px;line-height: 13px;margin-right: 10px;}
li{list-style: none;}

/*list_공통*/
div.tab_wrap{margin-bottom: 40px;}
div.list_search_box{position: relative; padding:3rem; box-sizing: border-box; border: 3px solid #467de1;}
div.list_search_box span{display: block; position: absolute; top:28px; left:3rem; width: 64px; height: 64px; background: url("../img/ico_list_search.png")no-repeat;}
div.list_search_box .list_cearch_form{padding-left:112px;}
div.list_search_box .list_search_box_select{width: 160px;margin-left: 90px;}
div.list_search_box .list_search_box_txt{width:419px;}
div.list_search_box .board_btn{height: 50px; width: 135px;}
div.list div.button {position:relative;margin-top:30px;}
div.list_top {position:relative;padding:0;margin:3rem 0 15px; background:none;}
div.list_top.no_margin {margin:0;}
div.list_top:after {display:block;content:'';clear:both;}
div.list_top > div.left {float:left;}
div.list_top > div.left > p {font-size:16px; color:#666;}
div.list_top > div.right {float:right;}
div.list_top div.search_box{position:relative; padding:0 45px 0 10px; width:300px; border:1px solid #ddd; background:#fff; box-sizing:border-box;}
div.list_top div.search_box input{width:100%; height:40px; line-height:40px; border: 0; padding: 0; background-color:transparent; font-size: 14px; box-sizing:border-box;}
div.list_top div.search_box button{position: absolute; top: 0; right: 0; width:40px; height:40px; background: none; border:0; font-size: 20px; text-align: center;}
div.list_bottom {position:relative;padding:0;margin:3rem 0 15px; background:none;}
div.list_bottom button.list_btn {height: 50px; padding:0 30px;}
div.list_bottom a.list_btn{display: block; height: 50px; line-height:50px; padding:0 30px; text-align: center;}
div.list_bottom.no_margin {margin:0;}
div.list_bottom:after {display:block;content:'';clear:both;}
div.list_bottom > div.left {float:left;}
div.list_bottom > div.left > p {font-size:16px; color:#666;}
div.list_bottom > div.left > p > strong {font-weight:600;color:#00aae9;}
div.list_bottom > div.right {float:right;}
div.list_bottom div.search_box{position:relative; padding:0 45px 0 10px; width:300px; border:1px solid #ddd; background:#fff; box-sizing:border-box;}
div.list_bottom div.search_box input{width:100%; height:40px; line-height:40px; border: 0; padding: 0; background-color:transparent; font-size: 14px; box-sizing:border-box;}
div.list_bottom div.search_box button{position: absolute; top: 0; right: 0; width:40px; height:40px; background: none; border:0; font-size: 20px; text-align: center;}
p.p_no_date{text-align: center; padding: 30px 0;}
div.list_type ul.row li.subject {width:40%;}
div.list_type ul.row li.name {width:20%;}

/*s-board list she-실무길잡이 리스트*/
div.cont_box ul.she_tabs li.on {background: #0e42a9 !important;}
div.cont_box ul.she_tabs li {height: 50px!important;;border: 0!important;;border-bottom: 1px solid #ddd!important;;border-left: 1px solid #ddd!important;;}
div.cont_box ul.she_tabs li:nth-child(1), div.cont_box ul.she_tabs li:nth-child(2), div.cont_box ul.she_tabs li:nth-child(3),div.cont_box ul.she_tabs li:nth-child(4) {border-top: 1px solid #ddd!important;}
div.cont_box ul.she_tabs li:last-child,div.cont_box ul.she_tabs li:nth-child(4) {border-right: 1px solid #ddd !important;}

/*s-board write she-실무길잡이 쓰기*/
div.field_btn{width:212px; margin: 25px auto 0 auto;}
div.field_btn .writh_btn{height: 50px; padding: 0 30px;}
div.field_btn a.writh_btn{display: inline-block; height: 50px; padding: 10px 37px; box-sizing: border-box;}

/*s-board view she-실무길잡이 뷰*/
fieldset.view_field_btn{margin-top:35px; margin-bottom: 135px;}
fieldset.view_field_btn button{height: 50px; padding: 0 30px;}
fieldset.view_field_btn a{display: block; width: 100px; height: 50px; text-align: center; box-sizing: border-box;  float:left;}
fieldset.view_field_btn:after,
fieldset.view_comment:after,
fieldset.view_comment_re p.comment_info:after,
fieldset.view_comment_re p.comment_btn:after{content: ""; clear: both; display: block;}
fieldset.view_field_btn button.like_box{border: 1px solid #0d2c5a; border-radius: 3px; float: left}
fieldset.view_field_btn a.bg_secondary{}
fieldset.view_field_btn a.bg_primary,
fieldset.view_field_btn a.bg_third{margin-right:2px;}
fieldset.view_field_btn a.right{float: right;}
fieldset.view_field_btn button.like_box.on{border: 1px solid #ec3845; color:#ec3845;}
fieldset.view_field_btn button.like_box.on i{color: #ec3845;}
fieldset.view_comment textarea{padding:25px; width: 87%;}
fieldset.view_comment button{height: 72px; padding: 0 40px; float: right;}
fieldset.view_comment_re {padding-top:50px;}
fieldset.view_comment_re ul{padding:30px 20px; border-top:1px solid #ddd;}
fieldset.view_comment_re p.comment_info em.name{float: left;}
fieldset.view_comment_re p.comment_info em.date{float: right; color:#999; font-size: 1.4rem;}
fieldset.view_comment_re p.reply{padding-top: 20px; padding-bottom: 40px;}
fieldset.view_comment_re p.comment_btn button{padding:2px 10px; border: 1px solid #ddd; background: #fff}
fieldset.view_comment_re div.reply_area  ul li.reply_li {border-bottom: 1px solid #ddd;}
fieldset.view_comment_re div.reply_area  ul li.reply_li:last-child {0}
fieldset.view_comment_re ul.reply_ul{position: relative; padding-left:57px; background:#f5f5f5;}
fieldset.view_comment_re ul.reply_ul:before{display: block; content: ""; position: absolute;top:25px;left:27px; width: 1px; height: 19px; background: #ccc; }
fieldset.view_comment_re ul.reply_ul:after{display: block; content: ""; position: absolute;top:44px;left:27px; width: 19px; height: 1px; background: #ccc; }
fieldset.view_comment_re ul.reply_ul p.reply{padding-bottom: 20px;}

p.comment_info {margin-top:30px;}
ul.reply_ul p.comment_info {margin-top:0px;}
p.comment_btn{margin-bottom: 20px;}
ul.reply_ul p.comment_btn{margin-bottom:0px;}
div.reply_write{position: relative;}
div.reply_write:after{display: block; content: ""; clear: both;position: absolute;top:44px;left: 27px; width: 19px;height: 1px; background: #ccc;}
div.reply_write:before {display: block;content: "";position: absolute; top: 25px;left: 27px;width: 1px; height: 19px; background: #ccc;}
div.reply_write button.bg_primary{margin-top: 20px;height: 75px;padding: 0 40px;float: right;}
div.reply_write textarea.textarea {padding:17px;width: 80%;margin: 20px 0 20px 58px;}
#content ul.tabs li.on a{ color: #fff;}
div.list_type ul.row li.subject p {max-width: 340px;}

input.file {font-size: 16px;height: 50px;padding: 10px;}
table.write_table tr td.editor{padding-right: 0;}

@media screen and (max-width: 740px) {

    div.field_btn a.writh_btn {
        padding: 13px 37px;
    }

    /*s-board list she-실무길잡이 리스트*/
    div.list_search_box span {
        display: none;
    }

    div.list_search_box .list_cearch_form {
        padding-left: 0;
    }

    div.list_search_box .list_search_box_select,
    div.list_search_box .list_search_box_txt,
    div.list_search_box .board_btn {
        width: 100%;
    }

    div.list_type {
    }

    div.list_type ul.row {
        display: block;
        padding: 15px 2px;
        box-sizing: border-box;
    }

    div.list_type ul.row > li {
        padding: 0;
    }

    div.list_type ul.row li.title,
    div.list_type ul.row li.name {
        padding: 0;
        width: 100%;
        display: block;
        text-align: left;
    }

    div.list_type ul.row li.title {
        padding-bottom: 15px;
        color: #222;
        font-weight: 500;
    }

    div.list_type ul.row li.no,
    div.list_type ul.row li.date,
    div.list_type ul.row li.inquiry {
        padding: 0;
        display: table-cell;
        text-align: right;
    }

    div.list_type ul.row li.date {
        width: 58%;
        text-align: left;
    }

    div.list_type ul.row li.no {
        display: none;
    }

    div.cont_box ul.she_tabs li {
        border: 1px solid #ddd !important;
    }
    div.list_search_box .list_search_box_select {margin-left:0px;}
    div.list_type ul.row li.recomment, div.list_type ul.row li.view {display: none;}
    /*she-실무길잡이 뷰*/
    fieldset.view_field_btn a,
    fieldset.view_field_btn button{width: 19%;margin: 1px 0;}
    fieldset.view_field_btn button.bg_third{margin-left: 2px;}
    fieldset.view_field_btn button.bg_third,
    fieldset.view_field_btn a.bg_secondary{float: left;}
    fieldset.view_comment textarea {width: 78%;}
    fieldset.view_comment button {width: 22%; height: 75px; padding: 0;}
    div.reply_write button.bg_primary {width:20%; padding: 0; margin: 10px 0;}

    div.reply_write textarea.textarea {margin: 10px 0;}
    div.reply_write:after {width: 0px;height: 0px;}
    div.reply_write:before{display: none;}

    div.list_search_box .list_search_box_txt {margin: 10px 0;}
    div.list_type ul.row li.subject p {padding-left: 0;}
    #content ul.tabs.box04 li{width: 28%; margin-left:-4px;}
    #content ul.tabs li:nth-child(1) { border-left: 1px solid #ddd; }
    div.list_type ul.row li.subject { width: 100%;}

    input.file {font-size: 16px;height: 50px;padding: 10px;}
    fieldset.view_field_btn a.bg_third {
        margin-right: 5px;
    }

}