/* 공통 */
#c3_wrap {height:100vh; min-height:900px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; padding-top:70px; }
#c3_wrap .c_inner { width: 100%; max-width: 1400px; margin:0 auto; position: relative; padding:0 50px;}
#c3_wrap .c_tit h2 { line-height: 1.1;  position: relative; display: inline-block; }
#c3_wrap .c_tit h2::before {content: ''; display: block; width: 43px; height: 25px; position: absolute; left: -37px; top:-11px; background:url("../img/tit_mark.png") 50%/contain no-repeat;}

/* font size */
#c3_wrap .fs_70 {font-size: 70px; font-weight :700; color:#000; font-family: "Montserrat", sans-serif; }
#c3_wrap .fs_50 {font-size:50px; font-weight :600; line-height: 1.14;}
#c3_wrap .fs_35 {font-size:35px; font-weight :600; line-height: 1.4;}
#c3_wrap .fs_22 {font-size: 22px; font-weight :400;  letter-spacing: -.44px;}
#c3_wrap .fs_20 {font-size: 20px; font-weight :400; line-height: 1.7; letter-spacing: -.4px;}
#c3_wrap .fs_18 {font-size: 18px; font-weight :400; line-height: 1.83; letter-spacing: -.36px; }

/* btn */
#c3_wrap .c_btn {width: 200px; height: 50px; display: flex; align-items: center; justify-content: space-between; color: #999; font-size: 15px; padding:0 20px 0 25px;
font-weight: 500; overflow: hidden; z-index: 1; position: relative; background:#fff; border:1px solid #ddd; transition: all .3s; text-transform: uppercase; pointer-events: auto;  }
#c3_wrap .c_btn::before {content: ""; z-index: -1; position: absolute; background: #fef15a; transition: all .4s; left: 0; top: 0; width: 0; height: 100%;}
#c3_wrap .c_btn .arrow {transition: background-image .3s; display: block; width: 24px ;height: 8px; background:url("../img/c_btn_arrow.png") 50%/contain no-repeat;
position: relative; top:-2px; }
#c3_wrap .c_btn:hover {border-color: #fef15a !important; color:#000 !important;  }
#c3_wrap .c_btn:hover .arrow {background-image:url("../img/c_btn_arrow_b.png") !important;}
#c3_wrap .c_btn:hover::before {width:100%;}
#c3_wrap .c_btn.wh {border-color: #fff; color:#fff; background: transparent; }
#c3_wrap .c_btn.wh .arrow {background-image:url("../img/c_btn_arrow_w.png");}


/*Content CSS*/
#c3_wrap {position: relative; background-color: #fff; z-index: 2; }
#c3_wrap::before {content: ''; display: block; position: absolute; background:#f7f7f7; right: 0; top:0; z-index: -1; height: 100%;
width: calc(50% - 433px);}

#c3_wrap .wrap {display: flex; justify-content: space-between; width: 100%; }
#c3_wrap .top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 55px; }

#c3_wrap .notice {width: 100%; max-width: 800px; }
#c3_wrap .bo_box .list {width: 100%;text-align: left; border-top: 1px solid #000;  min-height: 446px;}
#c3_wrap .bo_box .list > li {width: 100%; display: flex; padding:42px 45px; border-bottom: 1px solid #ddd; align-items: center; background: #fff; transition: background-color .3s; }
#c3_wrap .bo_box .list > li:hover {background-color: #f7f7f7; }
#c3_wrap .bo_box .list a {     text-overflow: ellipsis; overflow: hidden; white-space: nowrap;line-height: 1.2; width: 100%;  display: flex; align-items: center;; }
#c3_wrap .bo_box .list a:hover {color: #decc0f;  }
#c3_wrap .bo_box .list a p {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: 700;transition: color .3s;}
#c3_wrap .bo_box .list a em {display: flex; width: 20px; height: 20px; background: #fef15a; flex-shrink: 0; font-size: 14px; font-weight: 500; color:#fff;
align-items: center; justify-content: center; margin-left: 10px;  }
#c3_wrap .bo_box .list span { color: #999; flex-shrink: 0; display: block; margin-left: 30px;font-size: 14px; font-weight: 400; font-family: "Montserrat", sans-serif; }
#c3_wrap .bo_box .list span i {margin-right: 5px; font-size: 130%; position: relative; top:2px;}

#c3_wrap .recruit {flex-shrink: 0; margin-left: 65px; width:435px; padding: 50px;display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;
background:url("../img/recruit_bg.jpg") 50%/cover no-repeat;}
#c3_wrap .recruit h2 {color:#fff; line-height: 1.14; font-weight: 700; font-family: "Montserrat", sans-serif;}
#c3_wrap .recruit p {font-weight: 400; color:#fff; margin-top:30px; }










@media screen and (max-width: 1400px) {
    /* common */
    #c3_wrap br:not(.space) {display: none;}

    /* Content */
    #c3_wrap .notice {width: calc(65% - 50px); }
    #c3_wrap .recruit {width: 35%; margin-left: 50px; padding: 50px 40px; }

}

@media screen and (max-width:1279px) {
    /* common */
    #c3_wrap {min-height: 0; height: auto; padding:90px 0;}

    /* content */
    #c3_wrap::before {width: 35%;}
    #c3_wrap .wrap {display: block;}

    #c3_wrap .notice {width: 100%; max-width: 100%; }
    #c3_wrap .bo_box .list {min-height: 0;}
    #c3_wrap .recruit {width: 100%; margin: 50px 0 0;}
    #c3_wrap .recruit p  {margin:20px 0 40px;}
    #c3_wrap .recruit .c_btn {margin: 0 0 0 auto; }

}


@media screen and (max-width: 1024px) {
    /* common */
    #c3_wrap {padding: 70px 0; text-align: center;}
    #c3_wrap .c_inner {padding:0 30px;}
    #c3_wrap .c_tit h2::before { width: 30px; left: -28px; top: -13px;}
    /* font size */
    #c3_wrap .fs_70 {font-size:40px; }
    #c3_wrap .fs_50 {font-size:35px; }
    #c3_wrap .fs_35 {font-size:27px; }
    #c3_wrap .fs_22 {font-size: 17px; }
    #c3_wrap .fs_20 {font-size: 17px; }
    #c3_wrap .fs_18 {font-size: 16px; }



    /* Content */
    #c3_wrap::before {display: none;}
    #c3_wrap .top {margin-bottom: 40px; }
    #c3_wrap .c_inner {display: block; }
    #c3_wrap .wrap {width:100%; max-width: 100%;}
    #c3_wrap .bo_box .list > li {padding:20px;}
    #c3_wrap .bo_box .list span i {top:2px;}
    #c3_wrap .recruit p  {margin:20px 0 30px;}
    #c3_wrap .recruit {text-align: left; padding: 35px; }


}

@media screen and (max-width:640px) {
    /* common */
    #c3_wrap {padding: 50px 0;}
    #c3_wrap .c_inner {padding:0 20px;}
    #c3_wrap .c_tit h2::before {    width: 30px; left: -28px; top: -13px;}
    /* font size */
    #c3_wrap .fs_70 {font-size:35px; }
    #c3_wrap .fs_50 {font-size:28px; }
    #c3_wrap .fs_35 {font-size:24px; }
    #c3_wrap .fs_22 {font-size: 15px; }
    #c3_wrap .fs_20 {font-size: 15px; }
    #c3_wrap .fs_18 {font-size: 13px; }

    /* c_btn */
    #c3_wrap .c_btn {width: 100%; height: 40px; padding: 0 15px; font-size: 13px; }

    /* Content */
    #c3_wrap .top {margin-bottom: 35px; display: block; }
    #c3_wrap .top h2 {margin-bottom: 20px;}
    #c3_wrap .bo_box .list > li {padding: 15px;}
    #c3_wrap .bo_box .list a em {margin-left: 5px; width: 15px; height: 15px; font-size: 12px;}
    #c3_wrap .bo_box .list span {margin-left: 20px; font-size: 12px;}
    #c3_wrap .bo_box .list span i {top:2px; margin:0 3px 0 0;}

    #c3_wrap .recruit {display: block; margin-top: 35px; }
    #c3_wrap .recruit p  {margin:10px 0 30px;}
    #c3_wrap .recruit {text-align: center; padding:30px 20px; }

}