@charset "utf-8";

@media all and (max-width:1400px) {
    .topBox .topInner {width: 100%;height : 100%; padding: 0 20px;}
    .navQuick {right:30px}
}

@media all and (max-width:1220px) {
    .subContBox .subTop .subTopCont {width: 100%;padding: 0 50px;}
    .subContBox .subTop .subCategoryArea .subCategory {width: 100%;padding: 0 50px;}
    .subCategory .catBtnArea {right: 50px;}
}

@media all and (max-width:1200px) {
    /*main*/
    .mainSlide {height: 825px;}
    .mainSlideBox{height: 395px;}
    .textBoxArea{left: 50px;margin-left: unset;}
    .textBoxArea {top:80px;}
    .navQuick {display: none;}
    .mainSlideImg .bx-controls {top: 340px;left:50px;margin-left: unset;}

    .bnnQuick {padding: 0 50px;height: 330px;bottom: 0;}

    .bnnQuick ul {width : 100%;}
    .bnnQuick ul li {width: 33.33%;height: 50%;}

    .wrap.en .mainContBox .mainSlide .bnnQuick ul li{ width: 50%;}

    .bnnQuick ul li:nth-child(3) a {border-right: none;}
    .bnnQuick ul li:nth-child(4) a, .bnnQuick ul li:nth-child(5) a, .bnnQuick ul li:nth-child(6) a {border-top: none;}

    .wrap.en .mainContBox .mainSlide .bnnQuick ul li:nth-child(1) a{  }
    .wrap.en .mainContBox .mainSlide .bnnQuick ul li:nth-child(2) a{  }
    .wrap.en .mainContBox .mainSlide .bnnQuick ul li:nth-child(3) a{ border-top: 1px solid #eee; border-right: 1px solid #eee; }
    .wrap.en .mainContBox .mainSlide .bnnQuick ul li:nth-child(4) a{ border-top: 1px solid #eee; }


    /* .bnnQuick ul li.hide {display: none;} */
    .mainContInner .mainContArea {width: 100%;padding: 50px;}
    .bnnerArea ul li .box {padding-left: 130px;}
    .newsletterBox .newsletterSubmit {padding: 15px;}
    .mainCont .mainContTitle {line-height: 30px;}
    .mainCont .mainContTitle .mainCmt {letter-spacing: -0.05em;font-size: 17px;}
    .kopsBox ul li {width: 48%;padding: 30px 15px;}
    .certiContBox .certiCont span br, .kopsContBox .kopsCont span br, .eduConsultContBox .eduConsultCont span br {display: none;}
    .eduConsultBox ul li {width: 100%;margin-bottom: 30px;}
    .eduConsultBox ul li:last-child{margin-bottom: 0;}
    .customerBnn .customerList li {width: 20% !important;}
    /*main end*/

    .subContBox .subContInner {width:100%;padding: 50px;}
    .footerGnb {width: 100%;padding: 30px 50px;}
    .footerInfo {width: 100%;padding: 20px 50px;}

    /* .footerInfo.wa .footerTxt {
	    padding-right:100px;
	} */

    .footerInfo.wa a.waLogo{
        /* width:80px; */
        right:135px;
        top:70px;
    }
    .footerInfo.wa a.waLogo2{
        right:50px;
        top:60px;
    }

    footer.en .footerInfo{
        padding:60px 50px;
    }

    .contAreaBox .contArea.decoBox:not(.consult):not(.email) {background-image : none;padding: 30px;}

    .contAreaBox .contArea.decoBox:not(.consult):not(.email).en { height:auto; overflow:hidden; min-height: initial; }

    .contAreaBox .decoBox.consult {padding: 30px;background-position: right bottom;background-size: 80% auto;}
    .contAreaBox .decoBox.email {padding: 30px;background-size: 120% auto;}
    .contAreaBox .contArea.decoBox:not(.consult) br {display: none;}
    .contArea .leftBox .boxCont {width: 50%;padding: 10px 5px;}
    .contArea .boxList:not(.circle)>li {width: 100%;padding-bottom: 20px ;}
    .contArea .boxList:not(.circle)>li:last-child {padding-bottom: 0;}
    .contArea .boxList:not(.circle) li .BoxLiCont {height: auto; overflow: hidden;min-height: auto;}
    .content .contBox .contAreaBox .contImgBox {padding: 10px 5px;}
    .contBox .greetingBox .greetingTxt{left: 30px;}
    .contBox .greetingBox .greetingTxt h1 {font-size: 25px;line-height: 30px;}
    .contBox .greetingBox .greetingTxt p {font-size: 17px;line-height: 25px;padding: 30px 0 0 0;}
    .content .contBox .contAreaBox .contImgBox img {width: 100% !important; height: auto !important;}
    .content .contBox .contAreaBox .contImgBox.serv img {width: 70% !important; }
    .histBox {background-size: 500px auto;padding-top: 40px;}
    .viewDownBox ul li {width: 50%;}
    .srchBox.type02 {padding: 25px 20px;}
    .srchBox.type02 .srchTitle {width: 100%; line-height: 30px;height: 30px;padding: 0;}
    .srchBox.type02 .field01 {width: 160px;}
    .srchBox.type02 .field02 {width: calc(100% - 250px);}
    .srchBox.type02 .field01 .srchCont {width: 100%;}
    .srchBox.type02 .field01 select {width: 100%;}
    .srchBox.type02 .field02 .srchCont {width: 100%;}

    .boardBoxCont ul.gallery>li,
    .boardBoxCont ul.gallery.hori>li {width: 49%;margin-right: 0;}

    .boardBoxCont ul.gallery>li:nth-child(2n),
    .boardBoxCont ul.gallery.hori>li:nth-child(2n) {float: right;}
    .boardBoxCont ul.gallery>li:nth-child(3n):not(:nth-child(6)){ float: inherit; margin-right:0; }

    .btnArea.type3 {height: auto;overflow: hidden;}
    .underlineBtn:not(.block):not(.normal):not(.addBeforeBtn) {position: relative;transform: none;margin-left: 10px;float: right;margin-top:30px;}
    .btnArea.type2 .underlineBtn:not(.block):not(.normal){ margin-top:0px; }

    .mapArea {width: 100%; float: unset; display: block;margin-top: 230px;}
    .mapImg  {width: 50%;margin: 0 auto;}
    .mapAreaFocus {
        width: 50%;
        left: 50%;
        transform: translateX(-50%);
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .mapInfo {width: 100%;float: unset;transform: none;top: 20px;}
    .mapInfo .areaInfo {width: 49%;float: left;}
    .mapInfo .areaInfo.region {float: right;}
    .mapInfo .areaInfoCmt {width: 100%;clear:both;padding: 0;}
    .mediSubjectList li {width: 50%;}

    .orgBox {background-image: url('/img/about/orgTreeLine_m_new.png'); background-size: 100% 420px;}
    .orgBox .orgBtm>ul {width: 33.3%;text-align: center;margin: 0 0 20px 0;}
    .orgBtm .clear.first {display: block;}

    .orgBox.en .orgBtm ul li p{ font-size:72%; }

    .circleList ul li .cListTitle {min-height: 40px;}
    .circleList ul li .cListCont {padding-top: 10px !important;}
    /* .footerInfo .footerTxt {text-align: right;} */
    .footerInfo .footerTxt ul li {margin-right: 15px;}
    .footerInfo .footerTxt ul li:not(:last-child):after {content:none;}
    .addr_Copy br {display: block;}

    .wrap.en .subContBox .subTop .subCategoryArea .subCategory ul{ display:none; }

    .circleList ul li .cListTitle { width:30%; }
    .circleList ul li .cListCont { width:70%; }

    ul.sitemap li{
        width:33.3333%;
    }

    ul.sitemap li:nth-child(5),
    ul.sitemap li:nth-child(9){
        clear:inherit;
    }

    ul.sitemap li:nth-child(4),
    ul.sitemap li:nth-child(7){
        clear:both;
    }

    ul.sitemap.en li{
        width:50%;
    }

    ul.sitemap.en li:nth-child(4){
        clear:inherit;
    }

    ul.sitemap.en li:nth-child(3),
    ul.sitemap.en li:nth-child(5){
        clear:both;
    }

    .contAreaBox.tab ul.traning li{
        width:20%;
        float:left;
        height: 30px;
        padding-left:0px;
    }

    .contAreaBox.tab ul.traning li:not(:first-child):after {
        display:none;
    }

    .contBox .greetingInner p br,
    .circleList ul li ul.cListCont li br,
    .contAreaBox .contArea p br,
    .contAreaBox .contArea .contList li br{
        display: none;
    }

    .footerGnb>ul>li.customServ {
        left: 50px;
    }


    /*20220120 추가*/
    .orgBox.en {
        background-image: url('/img/about/orgTree_web_new.png');
    }
}

@media all and (max-width:1120px) {

    .footerInfo.wa a.waLogo{
        width: 60px;
        right: 120px;
        top: 100px;
    }
    .footerInfo.wa a.waLogo2{
        width: 60px;
        right: 50px;
        top: 90px;
    }
}


@media all and (max-width:1060px) {
    /*main*/
    .mainSlideBox {top: 75px;}
    .mainSlideImg .bx-wrapper li:nth-child(3) img {left: unset;transform: none;right: 0;}
    /*main end*/

    .topBox {height: 75px; position: fixed;}
    .topBox .topInner .leftLogo,
    .topBox .topInner .fl_rightBox .scaleBox,
    .footerGnb {display: none;}
    .topBox .topInner .fl_rightBox {height: 75px;line-height: 75px; background-image:none;}
    .topBox .topInner .fl_rightBox .all_eng {position: absolute;width: auto;right: 50px;top: 0;}

    .topBox .topInner .fl_rightBox .all_eng li:first-child {display: none;}

    .topBox .topInner .fl_rightBox .all_eng li:last-child a {border: 1px solid #ddd;padding: 0 5px;color: #aaa; line-height:20px;}


    .topBox .topInner .koihaLogo {width: 150px;height: 100%;}
    .subContBox .subTop {height: 250px;}
    .subContBox .subTop .subTopCont h1 {top: 50px;font-size: 30px;}
    .subContBox .subTop .subTopCont .subTitleEn {top : 115px;}
    .topBox .topInner .mobileTopBtn { /*모바일 메뉴 버튼 나타내기*/
        display: block;
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50px;
        top: 50%;
        margin-top: -25px;
    }
    .topBox .topInner .mobileTopBtn img {
        width: 30px;
        height: auto;
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    /* .commGnbenu {display: block;} */

    .subContBox {padding-top: 75px;}
    .content {width: 100%;}

    .footerInfo .footerLogo {width: 150px;}
    .footerLogo .footerSNS a {width: 30px;height: 30px;}
    .footerLogo .footerSNS a img {width: 100%;}
    .footerInfo .footerTxt {width: calc(100% - 70px);padding-left: 170px;}
    .footerInfo .footerTxt ul {padding: 20px 0;}
    .footerInfo .footerTxt ul li a {font-size: 12px;}
    .footerInfo.wa a.waLogo{top: 70px;}
    .footerInfo.wa a.waLogo2{top:60px;}
    .commGnb {
        /* display: none; */
        position: fixed;
        width: 50%;
        height: 100% !important;
        overflow: hidden;
        z-index: 999;
        background-color: #fff;
        font-size: 17px;
        left: -71%;
        transition: left 0.3s ease-in-out;
        top: 75px;
    }
    .commGnb.on {
        left: 0;
        transition: left 0.2s ease-in-out;
    }
    .commGnb ul {
        width: 100%;
        height: calc(100% - 75px);
        overflow-y: auto;
        /* height: auto;
        overflow: hidden; */
        text-align: left;
    }
    .commGnb>ul:before{content: none;}

    .commGnb ul li {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: block;
        border-bottom: 1px solid #eee;
        cursor: pointer;
        margin-right:0px;
    }

    .wrap.en .mainContBox .commGnb ul li,
    .wrap.en .subContBox .commGnb ul li{
        width: 100%;
    }

    .commGnb ul li.customServ a {
        background-color: #fff !important;
    }

    .commGnb ul li.homeInfo{
        display:block;
    }

    .commGnb>ul>li>a {pointer-events: none;}


    .commGnb>ul>li.customServ>a,
    .commGnb>ul>li>a.infomation {pointer-events: unset;}

    [class="commGnb on"]:before,
    [class="commGnb main on"]:before{
        display:none;
    }

    .commGnb.on ul li .customServBtn{
        background:none;
    }

    .commGnb ul li a {
        width: 100%;
        color: #666 !important;
        text-align: left;
        height: 50px;
        line-height: 50px;
        padding: 0 50px;
        font-size: 17px;
        position: relative;
        transition: all 0.2s ease-in-out;
    }
    .commGnb ul li .onMenu {
        padding: 0;
        border-left: none;
        border-top: 1px solid #eee;
        padding: 10px 0;
        background-color: #f8f8f8;
        display: none;
        float: left;
    }
    .commGnb ul li .onMenu li {
        padding: 0 60px;
        border-bottom: none;
    }

    .commGnb ul li .onMenu li a {
        color: #666;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        padding: 0;
    }

    .commGnb ul li .onMenu li a br{
        display:none;
    }

    .wrap.en .mainContBox .commGnb ul li .onMenu li a ,
    .wrap.en .subContBox .commGnb ul li .onMenu li a {
        height: auto;
        overflow:hidden;
        line-height:18px;
        padding:8px 0;
    }

    .commGnb ul li a:hover,
    .commGnb ul li .onMenu li a:hover {
        color: #00689f;
        font-weight: 700;
    }
    .commGnb ul li .onMenu li a:hover:before {content: none;}
    .commGnb ul li.on>a,
    .commGnb ul li>a:hover {
        color: #00689f !important;
        font-weight: 700;
    }
    .commGnb ul li a .arrIcon {
        display: inline-block;
        width: 24px;
        height: 24px;
        background: url(/img/leftmenu_arr.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 12px 7px;
        position: absolute;
        right: 30px;
        top: 50%;
        margin-top: -12px;
        text-indent: -100000px;
    }
    .commGnb ul li.on a .arrIcon {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    .commGnb:after {content: none;}



    .orgBox.en .orgBtm ul li p{ font-size:100%; }

    .subContBox .leftMenu {
        width: 100%;
        background-image: none;
        padding-top: 0;
        margin-right: 0;
        padding-bottom: 20px;
    }
    .subContBox .leftMenu ul li {border-bottom: none;}
    .subContBox .leftMenu>ul>li:not(.on),
    .subContBox .leftMenu>ul>li.on>a {
        display: none;
    }
    .subContBox .leftMenu ul li ul.subMenu {width: 100%;}
    .subContBox .leftMenu ul li ul.subMenu.on li {
        width: 33.3%;
        float: left;
    }

    .subContBox .leftMenu.en ul li ul.subMenu.on li {
        width: 100%;
    }

    .subContBox .leftMenu ul li ul.subMenu li a {padding: 0 10px;}
    .subCategory ul li a,
    .boardView table,
    .customGradeBox legend,
    .contArea .accApplyDesc li {font-size: 15px;}
    .content .contBox {padding : 30px 0;font-size: 15px;}
    .content .contTitle {font-size: 22px;height: 40px;}
    .content .contBox .contAreaBox .contAreaTitle {font-size: 18px;}
    .content .contBox .contAreaBox .contArea.decoBox:not(.email) {font-size: 17px;line-height: 25px;padding: 30px;}
    .contAreaBox .contArea .contList li {line-height: 25px;}
    .content .contBox .contAreaBox .contArea:not(.wide,.charBg) {padding: 15px;}
    .content .contBox .contAreaBox .contArea.charBg {padding: 200px 15px 15px;}
    .contArea .boxList li .BoxLiTitle{padding: 5px 10px;font-weight: 400;}
    .contAreaBox .decoBox.investi.en,
    .contAreaBox .decoBox.investi {height: auto;overflow: hidden;}

    .contAreaBox .contArea p.infoTitle {font-size: 17px;}
    .histBox .histList ul .histCont ul li,
    .histBox .histList ul .histCont ul li a {padding-left: 55px;text-indent: -55px;}
    .contArea .accApplyDesc {padding-top: 20px;}
    .contArea .boxCont .boxTitle span {font-size: 13px;letter-spacing: -0.05em;}
    .mainCont.eduConsult h1, .mainCont.eduConsult .mainCmt {display: block;padding: 0;}
    .snsTopBox{display: none;}

    .topBox .topInner .fl_rightBox .snsTopBox{
        display:none;
    }

    /* 고객상담실 (userPageWrap) */
    .userPageWrap .topBox,
    .userPageWrap .commGnb {display: block;}
    .userPageWrap .commGnb .onMenu {display: inline-block;}
    .userPageWrap .commGnb .onMenu li a {background:none !important;}
    .userPageWrap .subTop {display: none;}
}

@media all and  (max-width:970px) {

    /** 2022.09.01 추가 **/
    .orgBox.en .orgBtm>ul.double {
        width: 50%;
    }
    /** 2022.09.01 추가 **/

    .orgBox.en {
        background-image: url('/img/about/orgTreeLine_m_en_2.png');
        background-size: 100% 700px; /*20220120 수정*/
    }
    .orgBox.en .orgBtm>ul li.org1Dept {height: 80px;} /*20220120 추가*/

    .orgBox.en .orgBtm>ul {width: 50%;}
    .orgBox.en .orgBtm .clear.first { display:none; }
    .orgBox.en .orgBtm .clear.second { display:block; }

    .footerInfo.wa a.waLogo{top:30px;right:50px;}
    .footerInfo.wa a.waLogo2{top:80px;right:50px;}

    /* 고객상담실 (userPageWrap) */
    .userPageWrap .subContInner {min-height: auto;}
    .userPageWrap footer {height: auto;}
}
@media all and  (min-width:900px) {
    /*데스크톱일때*/
    .popArea {
        position: absolute;
        /*position: fixed;*/
        background: gray;
        left: 50%;
        /*top:50%;*/
        top: 480px;
        transform:translate(-50%,-50%);
        height:560px;
        z-index: 99999;
    }
    .popMaskBtn {
        position: absolute;
        /*position: fixed;*/
        left: 50%;
        /* top:50%;*/
        top: 480px;
        transform:translate(-50%,-50%);
        margin-top: 300px;
    }
}
@media all and  (max-width:900px) {
    /*main*/
    .mainSlide {height: 600px;}
    .mainSlideBox {top:75px;height: 265px;}
    .mainSlideImg .bx-wrapper img {height: 600px;top: -50px;}
    .mainSlideImg .bx-controls {top: 185px;}
    .textBoxArea {width: 330px;height: 170px;top: 40px;}
    /* 모바일일때 팝업창 가리기: s*/
    .popArea {
        display: none !important;
    }
    /* 모바일일때 팝업창 가리기: e*/

    .popArea {width: auto !important;z-index: auto !important;}
    .wrap.en .mainContBox .mainSlide .mainSlideBox .textBoxArea {width: 400px;}

    .textBox {width: 100%;height: 80px;}
    .textBoxArea {left: 50px;}
    .textLine {font-size: 30px;line-height: 40px;}
    .textBox.tbox3 .textLine br {display: none;}
    .textLine .movTxt {font-size: 30px;}
    .tbox2 .textLine .movTxt {top: 40px;left: 240px;}
    .tbox3 .textLine .movTxt {left: 62px;}

    @keyframes movText1 {
        0%   { left: 240px; }
        100% { left:0px; }
    }

    @keyframes movText2 {
        0%   { left: 62px; }
        100% { left:152px; }
    }
    /* .textBox.tbox3 section br {display: none;} */
    .textLine .mainsubTxt {margin-top: 0;}
    .mainsubTxt p {display: none;}

    .mainContInner .mainContArea {padding: 50px 50px 30px 50px;}
    .mainContInner .mainContArea.second {padding: 0 50px 50px 50px;}
    .mainCont.news,
    .mainCont.certi,
    .mainCont.kops,
    .mainCont.eduConsult {width: 100%;padding: 0;}
    .mainCont.kops,
    .mainCont.eduConsult {padding-top: 30px;}
    .mainCont.newsletter {width: 100%;padding-top: 30px;}
    .certiBox{width: 100%;padding: 0;}
    .kopsBox{width: 100%;}
    .eduConsultBox{width: 100%;}
    .eduConsultContBox {padding-right: 0;}
    .shadowLine {display : none;}
    .mainCont .plusBtn {font-size: 40px;font-weight: 300;}
    .mainContInner .mainContArea.hide {padding: 0;height: 130px;}
    .mainCont .mainContTitle h1 br {display: block;}
    .mainCont .mainContTitle {padding-bottom: 20px;}
    /*     .mainCont .newsBox .newsTabArea {display: none;} */
    .newsContArea .newsCont>ul>li {line-height: unset;padding-left: 40px;border-bottom: 1px solid #ddd}
    .newsContArea .newsCont>ul>li:first-child {border-top: 1px solid #ddd}
    .newsContArea .newsCont>ul>li:last-child {border-bottom: 1px solid #ddd}
    .newsContArea .newsCont>ul>li a {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        left: 0;
        padding-left: 40px;
    }
    .newsContArea .newsCont>ul>li .mainNewLabel {left: 8px;}
    .newsContArea .newsCont>ul>li a span,
    .newsContArea .newsCont ul.writeInfo {width: 100%;}
    .newsContArea .newsCont ul.writeInfo li {width: unset;padding-right: 20px;position: relative;font-size: 13px;}
    .newsContArea .newsCont ul.writeInfo li:first-child:after {
        content: '|';
        position: absolute;
        right: 8px;
    }
    .newsContArea .newsCont>ul>li a {height: auto;overflow: hidden;}
    .bnnQuick {height: 240px;}
    .bnnQuick ul li a {font-size: 14px;}
    .bnnQuick ul li a img{width: 45px;}
    .bnnQuick ul li a .imgBox {width: 70px;height: 70px;}
    .mainCont .mainContTitle .mainCmt {padding-top: 5px;}
    /*main end*/

    .chiefHisBox .chiefHis{
        min-height:150px;
    }

    .koihaPop{
        left: 50% !important;
        top: 100px !important;
        transition: all 0.5s ease;
        transform: translateX(-50%);
        width: 80%;
        position: absolute;
    }


    .koihaPop .koihaPopInner{
        width: 100% !important;
        height: auto !important;
    }

    .koihaPop .koihaPopInner a{
        width: 100% !important;
        display:block;
    }
}

@media all and (max-width:767px) {
    /*main*/
    .bnnQuick {padding: 0 15px;bottom: 20px;}
    /* .bnnQuick ul {box-shadow: unset;} */
    .mainSlideImg .bx-controls {left: 20px;top: 225px;}
    .mainContInner .mainContArea {padding: 20px 20px 30px;}
    .textBoxArea {left: 20px;top: 80px;}


    .mainSlideImg .bx-viewport {height: 550px !important;}
    .mainContInner .mainContArea.second {padding: 0 20px 20px 20px;}
    .mainCont .mainContTitle .mainCmt {width: calc(100% - 60px);}
    .certiList li,.eduConsultBox ul li,.kopsBox ul li {margin-bottom: 20px;}
    .kopsBox ul li {height: 200px;}
    .certiContBox,.eduConsultContBox {padding-left: 170px;}
    .certiContBox .certiCont,
    .kopsContBox .kopsCont,
    .eduConsultContBox .eduConsultCont {font-size: 17px;}
    .topBox .topInner .fl_rightBox {height: 50px;line-height: 50px;}
    .topBox .topInner .fl_rightBox .all_eng {position: absolute;width: auto;right: 20px;top: 0;}
    .customerBnn .customerList li {width: 33.3% !important;}
    .customerBnn a[class^='arrow_'] {display: none;}
    .customerBnn {height: 80px;margin-bottom:30px}
    .customerBnn .customerList{height: 80px;}
    /*main end*/

    .commGnb {width: 70%; top: 50px;}
    .commGnb.on {top: 50px;}
    .mainSlideBox {top: 50px;height: 265px;}
    table {font-size: 14px;}
    .topBox {height: 50px;}
    .topBox .topInner {padding: 0 20px;}
    .topBox .topInner .koihaLogo {width: 110px;}
    .subContBox {padding-top: 50px;}
    .contAreaBox .contArea {padding: 10px 5px;}
    .topBox .topInner .mobileTopBtn {left: 20px;width: 20px;height: 50px;}
    .topBox .topInner .mobileTopBtn img {width: 20px;}
    .subContBox .subTop {height: 45px;}
    .subContBox .subTop:before {content: unset;}
    .subContBox .subTop .subCategoryArea {height: 45px;}
    .subContBox .subTop .subCategoryArea .subCategory {padding: 0;}
    .subCategory .catLogoArea {width:45px;height: 100%;background-size: 20px auto;}
    .subCategory ul li {height: 45px;line-height: 45px;padding: 0 10px 0 5px;}
    .subCategory ul li a {line-height: 45px; font-size:12px; letter-spacing:-1px;}
    .subCategory ul li:not(:last-child):before { right:-3px; }
    .content .contBox .contAreaBox {padding: 0 0 20px 0 !important;}
    /*     .subCategory .catBtnArea {display: none;} */
    .subCategory .catBtnArea { right:20px; top:-7px; }
    .comeBox {width: 100%;float: unset;}
    .comeBox.bus {padding-bottom: 15px;}
    .comeBox .comeBoxTop .comeBoxTopCont p {float: unset;}
    .comeBox .comeBoxCont p br {display: none;}
    .decoBox.email>p {line-height: 1.2em;}
    .siteList li {width: 50%;}
    .contAreaBox .srchBox {padding: 10px;}
    .srchBox.type03 .srchCont {width: 100%;}
    .srchBox.type03 .srchCont select:last-child {margin-top: 5px;}
    .srchBox.type03 .srchBtn {position: unset;}
    .srchBox:not(.serv) .srchTitle {width: 100%; line-height: 30px;height: 30px;padding: 0;}
    fieldset {width: 100% !important;}
    .srchCont {width: 100%;padding-bottom: 10px;padding-right: 0;}
    select {width: 100%;height: 40px;line-height: 40px;background-position: right 15px center;padding: 0 35px 0 10px;}
    .srchCont input[type="text"] {width:100%;height: 40px;line-height: 40px;padding: 0 10px; margin-top: 5px;}
    .srchBtn {height: 40px;line-height: 40px;}
    .srchBox.type02 .srchBtn {position: relative;}
    .srchBox.serv .srchTitle {padding: 0;}
    .srchBox.serv fieldset {width: 100% !important;float: unset !important;}
    .boardBoxCont ul.gallery>li {width: 100%;height: 200px;}
    .boardBox .boardBoxCont ul.gallery li .listCont {padding: 20px;}
    .contBox .greetingInner p {width: 100%;font-size: 15px;line-height: 25px;padding: 0 5px !important;}
    .contBox .greetingBox {
        /* height: 170px; */
        background-image: url('/img/about/greeting_mo.png');
        background-size: 100% auto;
    }
    .chiefHisBox {width: 100%;padding: 0 0 20px 0 !important;}
    .histBox {background-size: 250px auto;padding-top: 30px;}
    .histBox .histList ul .histYear {width: 80px;height: 80px; line-height: 75px;font-size: 17px;}
    .histBox .histList ul .histCont {width: calc(100% - 80px);padding: 25px 0 0 15px;}
    .histBox .histList:not(:last-child):before{left: 40px;width: 1px;}
    .histBox .histList ul .histCont ul li {line-height: 22px;}
    .content .contBox .contAreaBox iframe {height: 300px;}
    .comeBox .comeBoxCont {padding: 10px;}
    .comeBox .comeBoxTop .comeBoxTopCont p:first-child {font-size: 17px !important;}
    .comeBox .comeBoxTop .comeBoxTopCont p:last-child {font-size: 13px !important;}
    .boardBoxCont ul.gallery.hori>li {width: 100%;height: 280px;}
    ul.gallery.hori .galleryImgBox {height: 60%;}
    .boardBox .boardBoxCont ul.gallery.hori li .listContBox {height: 40%;}
    .boardBox .boardBoxCont ul.gallery li .listCont .listContInfo {padding-top: 0;}
    .boardBox .boardBoxCont ul.gallery li .listCont .listContInfo li {display: inline-block;margin-right: 10px; width:auto;}
    .myCertiBox {width: 100%;}
    .myCertiBox .myCerti {width: 100%; padding: 0;}
    .myCertiBox .myCerti + .myCerti {margin-top: 10px;}
    .myCertiBox .subCmt {max-width: 100%;}
    .myCertiBox .myCertiCont p{padding-top: 80px;}
    .myCertiBox .myCertiCont p .subCmt {display: none;}
    .myCertiBox .myCertiCont.phone {background-size: 50px auto;}
    .myCertiBox .myCertiCont.iPIN {background-size: 60px auto;}
    .content .contBox .contAreaBox .contImgBox.serv img {width: 100% !important; }
    .content .contBox .contAreaBox .contArea.decoBox:not(.email) {padding: 15px;font-size: 15px;}
    .content .contBox .contAreaBox .contArea.decoBox:not(.email) p {font-size: 15px;line-height: 20px;}
    .content .contBox .contAreaBox .subCmt {font-size: 12px;}
    .contAreaBox .contArea .contList li {line-height: 22px;}
    .content .contBox .contAreaBox .contArea:not(.wide,.charBg) {padding: 10px;}
    .content .contTitle {font-size: 18px;height: auto; padding-bottom:10px;}
    .subContBox .subContInner {padding: 20px;}
    .content .contBox .contAreaBox {padding: 0 0 20px 0;}
    .commGnb ul li a {padding: 0 30px;font-size: 16px;}
    .commGnb ul li .onMenu li {padding: 0 40px;}
    .commBtn {height: 40px;line-height: 40px;font-size: 13px;}
    .footerInfo .footerLogo a.footLogo img {display: none;}
    .footerLogo .footerSNS {padding-top: 5px;opacity: 0.5; text-align:center; }

    footer.en .footerInfo .footerLogo .footerSNS {text-align:center}

    .footerInfo .footerTxt {width:calc(100% - 70px);padding-left:70px;}
    .footerInfo .footerTxt ul {text-align: left;padding: 0 0 5px 0;}
    .footerInfo .footerTxt ul li {margin-right: 0; text-align: left; float:left; width:50%; }
    .footerInfo {padding : 20px;}
    .footerInfo .footerLogo {width: 60px;height: auto;overflow: hidden;}
    .footerInfo .footerLogo a.footLogo {
        width: 100%;
        height: 50px;
        background-image: url('/img/userconsult/footer_logo_mob.png');
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: 50% 50%;
    }

    .footerInfo.wa a.waLogo {top: 20px;right: 20px;}
    .footerInfo.wa a.waLogo2 {top: 70px;right: 20px;}
    .content .contBox .contAreaBox .contImgBox {padding: 5px;}
    .commGnb ul {height: calc(100% - 50px);}
    .customGradeBox {background-image: none;padding : 10px 15px;}
    .customGradeBox:before {content: none;}
    .subContBox .leftMenu ul li ul.subMenu li a {font-size: 13px;}
    .customGradeBox .customGradeSubmit{float: right;}
    .contArea .accApplyDesc li {width: 100%;min-height : auto; padding-left: 55px;padding-right: 0;font-size: 14px;}
    .contArea .accApplyDesc li span:first-child{display: block;}
    .contArea .accApplyDesc li:nth-child(1) {background-size: 35px auto;background-position: left 6px top;}
    .contArea .accApplyDesc li:nth-child(2) {background-size: 45px auto;margin-top: 15px;background-position: left top;}

    ul.boxList.circle li {width: 100%;margin: 10px 0;position: relative;}
    ul.boxList.circle li:nth-child(2) {
        border-left: none;
        border-right: none;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
        margin: 0;
    }
    ul.boxList.circle li:last-child {padding-bottom: 0;}
    ul.boxList.circle li .BoxLiTitle {width: 65px; height: 65px; line-height: 65px;float: left;}
    ul.boxList.circle li .BoxLiCont {
        padding: 0 0 0 75px;
        min-height: unset;
        height: unset;
        line-height: 20px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    .contArea .rightBox .boxCont,
    .contArea .bottomBox .boxCont,
    .contArea .leftBox .boxCont {width: 100%;float: unset;padding: 0 0 10px 0;}
    .contArea .boxCont .boxTitle,
    .leftBox .boxCont ul {min-height: auto;padding: 5px}
    .contArea .bgImg {padding-top: 5px;}
    .contArea .rightBox,
    .contArea .bottomBox {margin-top: 35px;}
    .boardBox .boardBoxCont ul li .listCont {padding: 0 10px;}
    .boardBox .boardBoxCont ul li .listCont .listContInfo li {padding-right: 10px;}

    .boardBox .boardBoxCont ul:not(.statusList):not(.addBeforeListBox):not(.customRegBox) li:not(.next):not(.prev) .listNum{display: none;}

    .boardBox .boardBoxCont ul li.prev .listNum,
    .boardBox .boardBoxCont ul li.next .listNum{
        display: block;
        position: absolute;
        transform: rotate(90deg) translateX(-50%);
        left: -33px;
        font-size: 12px;
        top: 50%;
        opacity:0.7;
    }

    .boardBox .boardBoxCont ul li.prev .listNum:after,
    .boardBox .boardBoxCont ul li.next .listNum:after{
        display:none;
    }


    .boardBox .boardBoxCont ul li.prev,
    .boardBox .boardBoxCont ul li.next{
        position:relative;
    }

    .boardBox .boardBoxCont ul li.prev .listContBox .listCont,
    .boardBox .boardBoxCont ul li.next .listContBox .listCont{
        padding-left:45px;
    }
    .boardBox .boardBoxCont ul:not(.statusList):not(.customRegBox):not(.addBeforeListBox) li .listContBox:not(.prev):not(.next) {width: 100%;}

    .boardBox .boardBoxCont>ul>li.boardView {padding: 20px 10px;}
    .paging {margin-top: 20px;height: 30px;line-height: 30px;}
    .paging a {width: 30px;}
    .srchBox.type02 .field01 {padding-right: 0;}
    .boardBox .boardBoxTop .boardCmt {margin-left: 20px;}
    .boardBox .boardBoxCont>ul.traning {padding-bottom: 20px;}
    .traningCont ul li p {display: block;}
    .boardBox .boardBoxCont>ul.traning>li.traningCont {padding: 15px 10px;}
    .btnArea_ab {right: 20px;}
    .MO_table .partArea {width: 100%;min-height : auto; border-right: 1px solid #ddd;border-bottom: none;}
    .MO_table .partArea:last-child {border-bottom: 1px solid #ddd;}
    .MO_table .partArea dl dd ul,
    .MO_table .partArea dl dd ul li a {width: 100%;}
    .MO_table .partArea dl dd ul li {line-height: 20px;width: 100%;}
    .contBox .greetingInner {padding-top: 10px;}
    .chiefHisBox .chiefHisTitle {font-size: 17px;}
    .chiefHisBox .chiefHisCont {margin-top: 0;}
    .histBox .histList {padding-bottom: 10px;}

    .boardBox .boardBoxCont>ul.employee:not(.employeeHeader){
        margin-top:0px;
    }

    .boardBox .boardBoxCont>ul.employee.employeeHeader{
        display:none;
    }


    .boardBox .boardBoxCont>ul.employee>li {
        height: auto;
        line-height: 40px;
        overflow: hidden;
    }

    .boardBoxCont .employee li div {
        font-size:13px;
        letter-spacing:-1px;
    }

    .boardBoxCont .employee li .emPart,
    .boardBoxCont .employee li .emName,
    .boardBoxCont .employee li .emRank,
    .boardBoxCont .employee li .emNum,
    .boardBoxCont .employee li .emDept {
        height: 40px;
    }
    .boardBoxCont .employee li .emPart{ width: 28%; }
    .boardBoxCont .employee li .emName,
    .boardBoxCont .employee li .emRank{ width: 21%; }
    .boardBoxCont .employee li .emNum {width: 30%;  }
    .boardBoxCont .employee li .emNum:after {content:none !important;}
    .boardBoxCont .employee li .emDept {
        width: 100%;
        text-align: center;
        background-color: #f8f8f8;
        padding-left: 0;
        z-index: -1;
        height: auto;
        overflow: hidden;
        padding: 10px 20px;
        text-align: left;
    }
    .prChar .sub {display: block; padding-left: 0 !important;width: 100%;}
    .contAreaBox .decoBox.prChar p:last-child {margin-top: 10px !important;}
    .contAreaBox .contArea .vidBox {height: auto;overflow: hidden;margin-bottom: 20px;}
    .contAreaBox .contArea .vidBox iframe, .contAreaBox .contArea .vidBox .vidCont {width: 100%;}
    .contAreaBox .contArea .vidBox iframe {height: 200px;}
    .contAreaBox .contArea .vidBox .vidCont {padding: 0;}
    .contArea .vidCont .listContInfo {padding: 10px 0;}
    .btnArea.type4 {position: unset;}
    .contArea .lgSong {padding: 50px 0; background-image: none;min-height: auto;}
    .myCertiBox .myCertiCont {padding: 10px;}
    .contAreaBox.tab ul li {width: 25%;float: left;padding: 0 10px;}
    .contAreaBox .srchBox .formBox {width: 100% !important;}
    .formBox.select02 .srchCont select {width: 100%;}
    .srchBox .srchCont.type02 {padding: 0;}
    fieldset:nth-child(2) {margin: 5px 0 10px 0;}
    .mapInfo .areaInfo .areaInfoCont p br {display: none;}
    .accStatTitle {font-size: 20px;padding-bottom: 0;}
    .circleList ul li .cListTitle,
    .circleList ul li .cListCont {width: 100%;}
    .circleList ul li .cListTitle span {width: 120px;}
    .wrap.en .subContBox .subContInner .content .contBox .contAreaBox .contArea .circleList ul li .cListTitle span{ width:100%;}
    .wrap.en .subContBox .subContInner .content .contBox .contAreaBox .contArea .circleList ul li .cListTitle span br{ display:none; }

    .circleList ul li .cListTitle span:before,
    .circleList ul li .cListTitle span:after {content: none;}
    .prevInfoGo ul li {width: 50%; line-height: 35px;}
    .prevInfoGo ul li a {letter-spacing: -0.05em;}
    .srchCont.email {width: 100%;padding-bottom: 0;}
    .srchCont.email input[class^='email-'], .srchCont.email select.email-AddrSlt {margin-top: 0;}
    .srchCont.email input[class^='email-'] {margin-right: 6px;}
    .contImgBox .imgSlider li {min-height: 450px;}
    .paging {height:20px;line-height:20px;}
    .paging a {width:20px;margin-right: 2px;font-size: 13px;}

    [class='boardBox'] .boardBoxCont>ul>li:hover{ background-color: transparent; }

    ul.sitemap li{
        width:50%;
    }

    ul.sitemap li:nth-child(4){
        clear:inherit;
    }

    ul.sitemap li:nth-child(3),
    ul.sitemap li:nth-child(5),
    ul.sitemap li:nth-child(7),
    ul.sitemap li:nth-child(9){
        clear:both;
    }

    .subCstm select{
        width: 100%;
    }

    /*20210223 원장인사말 추가디자인 css 시작*/
    .contInnerTab {height: 40px;margin: 15px 0;}
    .contInnerTab li a {line-height: 40px;font-size: 13px;}
    .briefTitle h3 {font-size: 25px;}
    .briefList {padding: 0 0 15px 0;}
    .briefList .briefTop,
    .briefList ul li p.year {font-size: 17px;}
    .briefList ul li p {line-height: 30px;}
    .briefList ul li p.briefCont {font-size: 15px;}
    .briefList ul li p.briefCont{padding-left: 20px;}
    /*원장인사말 추가디자인 css 끝*/

    /* 고객상담실 (userPageWrap) */
    .userPageWrap .subTop {height:45px;}
    .userPageWrap .boardBox .customRegBox .boardBoxContNew > ul > li {padding-left: 60px !important;}
    .userPageWrap .boardBox .customRegBox input[type=text],
    .userPageWrap .boardBox .customRegBox select {width:100% !important; height:40px;}
    .userPageWrap .boardBox .customRegBox input + select {margin-top:5px;}
}

@media all and (max-width:600px) {

    /** 2022.09.01 추가 **/
    .orgBox.en .orgBtm>ul.double {
        width: 100%;
    }
    /** 2022.09.01 추가 **/

    /*추가 21.04.02 start*/
    .newsContArea a.newsContAreaBtn{
        padding: 0 20px;    height: 20px;    line-height: 20px;    position: relative;
        font-size: 17px;    color: #6d6d6d;    position: absolute;    top: 20px;    left:0px;
    }
    .newsContArea a.newsContAreaBtn:focus,
    .newsContArea a.newsContAreaBtn.on{	font-weight: 800;   color: #622a01;	}
    .newsContArea a.newsContAreaBtn.bodo{left:87px;	border-left:1px solid #ccc;	}
    .newsContArea a.newsContAreaBtn.bidd{left:173px;border-left:1px solid #ccc;	}
    .newsContArea a.newsContAreaBtn.incr{left:273px;border-left:1px solid #ccc;	}
    .newsContArea a.newsContAreaBtn h2{	font-size:15px;	}
    /*추가 21.04.02 end*/

    .bnnQuick ul li a .box p {font-size: 15px;line-height: 18px;}
    .shortCutBtn {font-size: 15px;}
    .mainSlideBox {height: 265px;}
    .mainSlideImg .bx-wrapper img {height: 490px;top: 0;}
    .mainSlideImg .bx-wrapper li:nth-child(1) img {height: 525px;left: unset;right: -550px;}
    .mainSlideImg .bx-wrapper li:nth-child(2) img {height: 480px;left: unset;right: -450px;}
    .mainSlideImg .bx-wrapper li:nth-child(3) img {height: 490px;left: unset;right: -190px;}
    .textBoxArea {width: 300px;}
    .wrap.en .mainContBox .mainSlide .mainSlideBox .textBoxArea {width: 330px;}
    .textLine {font-size: 25px;line-height: 35px;}
    .textLine .movTxt {font-size: 25px;}
    .tbox2 .textLine .movTxt {top: 35px; left: 200px;}
    .tbox3 .textLine .movTxt {left: 52px;}

    @keyframes movText1 {
        0%   { left: 200px; }
        100% { left:0px; }
    }

    @keyframes movText2 {
        0%   { left: 52px; }
        100% { left:126px; }
    }

    .mainCont.eduConsult h1{
        font-size:20px;
    }

    .bnnerArea ul li{width: 100%;}
    .bnnerArea ul li br {display: none;}
    /*main end*/

    .siteList li .siteImg img {max-width: 130px;}
    .contBox .greetingBox {height: 200px;}
    .contBox .greetingBox .greetingTxt {top: 75px;}
    .contBox .greetingBox .greetingTxt h1 {font-size: 17px;line-height: 18px;}
    .contBox .greetingBox .greetingTxt p {
        font-size: 13px;
        font-weight: 400;
        line-height: 15px;
        padding: 15px 0 0 0;
    }
    .customGradeBox legend {font-size: 12px;padding: 5px 0 10px 0;letter-spacing: -0.05em;}
    .customGradeBox label {margin-right: 5px;padding-left: 18px;float: left;}
    .contAreaBox .decoBox.consult {background-image: none;}
    .contAreaBox .decoBox.consult.en br {display:none;}

    .subCategory ul {width: calc(100% - 45px);float: right;}
    .boardBoxCont ul.gallery>li:last-child {margin-bottom: 0;}
    .boardBox .boardBoxCont ul.gallery li .listCont .listContTitle {letter-spacing: -0.1em}
    .boardBox .boardBoxCont ul.traning li .listCont .listContTitle {max-width: 200px;}
    .contAreaBox.tab ul li {width: 50%;padding: 0;height: 30px;}
    .contAreaBox.tab ul li:not(:last-child):after {content: none;}
    .mapArea {width: 300px; margin: 250px auto 0;}
    .mapImg  {width: 100%;margin: 0 auto;}
    .mapImg img {width: 400px;}
    .mapAreaFocus {
        width: 100%; left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .mapInfo {width: 100%;float: unset;transform: none;top: 20px;}
    .mapInfo .areaInfo {width: 100%;margin: 5px 0;height: 120px;}
    .boardBox.stat .boardBoxCont ul li .listCont .listContInfo {min-width: 650px;}



    .mediSubjectList li {width: 100%;}
    .orgBox {background-image: url('/img/about/orgTreeLine_m02.png');background-size: 100% 663px;}
    .orgBtm .clear.first {display: none;}
    .orgBtm .clear.second {display: block;}
    .orgBox .orgBtm>ul {width: 50%;min-height: auto;}
    .orgBox .orgMid .orgMidBox {margin-left: 10px;}
    .orgBox.en .orgMid .orgMidBox {margin-left: 10px;width: 160px;}/*20220120 추가*/

    .orgBox .orgCmt {padding-top: 20px;text-align: left;}

    .orgBox.en {
        background-image: url('/img/about/orgTreeLine_m_en_3.png');
        background-size: 100% 115px;
    }
    .orgBox.en .orgBtm>ul {width: 100%;}

    .orgBox.en .orgBtm { margin-top: 20px; }

    .tblBox .tblCmt {text-align: left;}
    .content .contBox .contAreaBox .contArea.charBg {
        background-image: url('/img/pr/charBg02_m.png');
        background-size: 100% auto;
        padding: 130px 0 0 0;
    }

    .content .contBox .contAreaBox .contArea.charBg.en {
        background-image: url('/img/en/pr/charBg02_m_en.png');
        background-size: 100% auto;
        padding: 130px 0 0 0;
    }

    .content .contBox .contAreaBox .bros .contImgBox {width: 100% !important;}
    .content .contBox .contAreaBox .bros .contImgBox .btnArea {margin-top: 0 !important;}
    .boardView.tbl .tblBox table th {letter-spacing: -0.05em;}
    .viewDownBox {padding-top: 20px;}
    .viewDownBox ul li {width : 100%;}
    .viewDownBox ul li .border {padding: 10px;}
    .viewDownBox ul li .viewImg {height: 50px;}
    .viewDownBox ul li .viewImg img {max-height: 100%;}
    .viewDownBox ul li .viewNm {font-size: 17px;padding: 0;}
    .viewDownBox ul li .viewCmt {padding-bottom: 10px;}
    .contAreaBox .decoBox.email p {font-size: 15px;}
    .srchCont.email input[class^='email-'] {width:49.5%;margin-right: 0;}
    .srchCont.email input.email-Addr {float: right;}
    .srchCont.email select.email-AddrSlt {width: 100%; margin-top: 5px;}
    .commBtn {min-width: unset;}
    .contAreaBox .border {padding: 0 5px;}
    .accStat ul.tblList li {line-height: 20px;}
    .contImgBox .imgSlider li {min-height: 300px;}

    .mapImg {
        transform:scale(0.75);
        -o-transform:scale(0.75);
        -moz-transform:scale(0.75);
        -webkit-transform:scale(0.75);
        left: auto;
        margin-left: -30px;
    }
    .mapAreaFocus {
        transform:scale(0.75);
        -o-transform:scale(0.75);
        -moz-transform:scale(0.75);
        -webkit-transform:scale(0.75);
        left: auto;
        margin-left: -30px;
    }

    .subCategory .catBtnArea { width:60px; }
    .subCategory .catBtnArea a{ width:45%; }
    .subCategory .catBtnArea a.printBtn{ display:none; }

    ul.sitemap.en li,
    ul.sitemap li{
        width:100%;
    }

    .contAreaBox.tab ul.traning li{
        width:33.3333%;
    }


    .boardBox .boardBoxCont ul.statusList li .listNum{
        position: absolute;
        top: 10px;
        right: 10px;
        width: 50px;
        height: 30px;
        font-size: 12px;
        line-height: 20px;
    }

    .boardBox .boardBoxCont ul.statusList li .listNum .accMarkBox{
        width:30px;
        height:30px;
        transform: translate(-10px,-50%);
        -ms-transform: translate(-10px,-50%);
        -webkit-transform: translate(-10px,-50%);
        -moz-transform: translate(-10px,-50%);
        -o-transform: translate(-10px,-50%);
    }

    .boardBox .boardBoxCont ul.statusList li .listContBox{
        width:100%;
    }

    .boardBox .boardBoxContNew > ul > li{
        padding-left:60px;
    }

    .boardBox .boardBoxContNew > ul > li .listNumNew{
        width:60px;
    }

    .listNumNew .accMarkBox .mark img{
        height:30px;
        margin-top:35px;
    }

    .boardBox .boardBoxContNew > ul > li .listContBoxNew .listContNew a.listContTitleNew{
        line-height:20px;
    }

    .boardBox .boardBoxContNew.customList > ul > li{
        padding-left:0px;
    }

    .boardBox .boardBoxContNew.customList > ul > li .listNumNew{
        display:none;
    }

    .boardBox .boardBoxContNew > ul > li .listContBoxNew .listContNew ul.servDivNew{
        margin-bottom:5px;
    }

    .boardBox .boardBoxContNew > ul > li .listContBoxNew .listContNew ul.servDivNew li{
        display:inline-block;
        line-height:15px;
        float:left;
    }

}

@media all and (max-width:500px) {

    .boardBox.stat .boardBoxCont ul.statusList li .listCont .listContTitle,
    .boardBox .boardBoxCont ul.statusList li .listCont .listContInfo li {
        display:block;
        width:100%;
    }

    .boardBox.stat .boardBoxCont ul.statusList li .listCont .listContTitle{
        box-sizing: border-box;
        padding-right: 40px;
    }

    .boardBox .boardBoxCont>ul.statusList>li{
        height:170px;
    }

    .boardBox .boardBoxCont>ul.statusList.ass>li{
        height:140px;
    }


    /* .footerInfo.wa a.waLogo{
        width: 50px;
        right: 10px;
    } */

}


@media all and (max-width:400px) {


    /*추가 21.04.02 start*/
    .newsContArea a.newsContAreaBtn{
        padding: 0 8px;    height: 20px;    line-height: 20px;    position: relative;
        font-size: 17px;    color: #6d6d6d;    position: absolute;    top: 20px;    left:0px;
    }
    .newsContArea a.newsContAreaBtn:focus,
    .newsContArea a.newsContAreaBtn.on{	font-weight: 800;   color: #622a01;	}
    .newsContArea a.newsContAreaBtn.bodo{left:75px;	border-left:1px solid #ccc;	}
    .newsContArea a.newsContAreaBtn.bidd{left:150px;border-left:1px solid #ccc;	}
    .newsContArea a.newsContAreaBtn.incr{left:225px;border-left:1px solid #ccc;	}
    .newsContArea a.newsContAreaBtn h2{	font-size:15px;	}
    /*추가 21.04.02 end*/

    .boardBox.stat .boardBoxCont ul.statusList li .listCont .listContTitle,
    .boardBox .boardBoxCont ul.statusList li .listCont .listContInfo li {
        display:block;
        width:100%;
    }

    .boardBox.stat .boardBoxCont ul.statusList li .listCont .listContTitle{
        box-sizing: border-box;
        padding-right: 40px;
    }

    .boardBox .boardBoxCont>ul.statusList>li{
        height:170px;
    }

    .boardBox .boardBoxCont>ul.statusList.ass>li{
        height:140px;
    }

}



@media all and (max-width:340px) {
    .subCategory .catLogoArea {
        display:none;
    }

    .subCategory ul {
        width: calc(100% - 10px);
    }

    .boardBoxCont .employee li div {
        font-size:12px;
        letter-spacing:-2px;
    }
}