@media screen and (max-width: 768px) {
    /*******************
        layout
    *******************/
    #wrap,
    #container { min-width:360px; }
    #contents { padding:60px 18px 150px; }

    #header:after { content:none; }
    #header .inner { min-width:360px; height:50px; }
    #header .logo { top:12px; left:18px; width:98px; height:28px; background:url('../images/common/m_logo.png') no-repeat 0 -27px; background-size:100% auto; }

    #header .nav { overflow-y:auto; z-index:3000; height:100vh; padding-top:0; font-size:inherit; text-align:left; background-color:#fff; display: none; }
    #header .nav.on{ display: block;}
    #header .nav .navHeader { display:block; position:relative; height:50px; background-color:#01ab43; }
    #header .nav .navHeader .navLogo { position:absolute; top:12px; left:18px; width:97px; }
    #header .nav .navHeader .navLogo img { width:100%; }
    #header .nav .navHeader .btnCloseNav { overflow:hidden; position:absolute; top:15px; right:18px; width:23px; height:23px; text-indent:-9999px; background:url('../images/common/m_btn_close_nav.png') no-repeat 0 0; background-size:100% 100%; }

    #header .nav .langList { display:block; width:100%; margin-top:10px; text-align:center; }
    #header .nav .langList li { display:inline-block; }
    #header .nav .langList li a { display:block; height:30px; line-height:30px; padding:0 23px; font-family:"Montserrat-Bold", sans-serif; font-size:1.3rem; color:#999; border:1px solid #999; }
    #header .nav .langList li.on a { color:#01ab43; border-color:#01ab43; }

    #header .nav #gnb { margin:10px 18px; border-top:1px solid #111; }
    #header .nav #gnb a { color:#111; }
    #header .nav #gnb > li { display:block; overflow:hidden; width:100%; height:55px; text-indent:10px; border-bottom:1px solid #dcdcdc; }
    #header .nav #gnb > li > a { display:block; width:100%; height:55px; line-height:55px; font-size:2rem; color:#111; background-image:url('../images/common/m_nav_close.png'); background-repeat:no-repeat; background-position:right 7px top 50%; background-size:9px 9px; }
    #header .nav #gnb li .dep2 { opacity:1; top:0; padding:9px 0 14px; border-top:1px solid #dcdcdc; background-color:#f8f8f8; }
    #header .nav #gnb li .dep2 > li { height:34px; line-height:34px; padding:0; }
    #header .nav #gnb li .dep2 > li a {font-size: 1.5rem;text-indent:23px;letter-spacing: -1px;}
    #header .nav #gnb > li.active { height:auto; }
    #header .nav #gnb > li.active > a { color:#01ab43; background-image:url('../images/common/m_nav_open.png'); background-size:9px 2px; }

    #header.fixed .nav #gnb > li > a:before { content:none; }



    #header .mNavBtn { display:block; position:absolute; top:17px; right:18px; width:23px; height:18px; background:url('../images/common/m_btn_nav.png') no-repeat 0 -18px; background-size:100% auto; }
    #header .headerUtil { display:none; }

    #header.fixed:after { top:50px; }
    #header.fixed .mNavBtn { background-position:0 0; }

    #footer .logo { display:none; }
    #footer .inner { min-width:360px; padding:35px 18px 128px; }

    #footer .footerMenu {float:none;position:relative;/* padding-bottom:30px; *//* border-bottom:1px solid #e2e2e2; */}
    #footer .footerMenu li { display:block; margin:0; }
    #footer .footerMenu li + li { margin-top:12px; }
    #footer .footerMenu li a { font-size:1.3rem; }
    #footer .footerMenu li.groupware { display:inline-block; position:absolute; top:-6px; right:0; margin-top:0; }
    #footer .footerMenu li.groupware a { height:25px; line-height:25px; padding:0 13px; }

    #footer .companyInfo {position:absolute;bottom:45px;margin:0;/* padding-top: 30px; */font-size:1rem;letter-spacing:.3px;}
    #footer .companyInfo .copy { margin-top:20px; font-size:1rem; }

    #subIntro .verticalTxtWrap .tit { margin-bottom:13px; font-size:2.6rem; }
    #subIntro .verticalTxtWrap span { font-size:1.2rem; }

    #subLocation { display:none; }



    /*******************
        common
    *******************/

    .pcEl { display:none; }
    .pcImg { display:none; }
    .pcBr { display:none; }

    #wrap .moEl { display:block }
    .moImg { display:block }
    .moBr { display:block }

    .conInner { max-width:none; }
    .conInner.type2 { margin-left:-18px; }
    .conInner > .inner { margin-right:-18px; }

    /* img */
    .img.full { margin-right:-18px; margin-left:-18px; }

    /* text */

    /* title */
    .sectionTitWrap { margin-bottom:30px; }
    .sectionTitWrap > span { margin:8px 0 25px; font-size:1.3rem; }
    .sectionTit { font-size:2.4rem; }
    .sectionTit:before { right:-9px; bottom:2px; width:5px; height:5px; }
    .value .sectionTit:before{ right:-7px; bottom : 3px;}
    .sectionTit span { font-size:2.8rem; }
    .sectionTit.type2 { padding-bottom:30px; }
    .sectionTit.type2:before { bottom:30px; }
    .sectionTit.type2:after { bottom:0; left:50%; width:40px; margin-left:-20px; }

    .conTit { margin-bottom:10px; font-size:1.7rem; }
    .conTit.type2 { margin-bottom:0; padding:0 0 12px; border-bottom:2px solid #111; }

    /* form */
    select { font-size:1.3rem; }
    .selectWrap.type2 { font-size:1.3rem; }
    .selectWrap.type2 select { height:25px; padding:0 15px 0 3px; background-position:right 3px top 50%; background-size:10px 6px; }
    .selectWrap.type2 label { height:40px; line-height:40px; margin-right:8px; padding-left:24px; font-size:1.2rem; }

    .inpRadio { width:14px; height:14px; }

    .checkWrap > span { margin-left:33px; }
    .checkWrap > span:first-child { margin-left:2px; }
    .checkWrap label { margin-left:10px; font-size:1rem; }

    /* button */
    .btnDefault.sizeM,
    .btnDefault.sizeL { min-width:115px; height:40px; font-size:1.4rem; }
    .btnDefault.sizeXL { min-width:230px; height:60px; font-size:1.8rem; }

    .attachWrap .btnAttach { top:5px; width:67px; height:30px; line-height:28px; background:#fff url('../images/common/m_icon_file_attach.png') no-repeat 9px 50%; background-size:9px 9px; }
    .attachWrap .btnAttach span { padding-left:12px; font-size:1rem; }
    .attachWrap input[type='file']{ left:-1px; top:0; }

    .btnMore { width:140px; height:40px; font-size:1.3rem; }
    .btnMore span { padding-left:23px; }
    .btnMore span:before { top:2px; left:6px; width:2px; height:13px; }
    .btnMore span:after { top:7px; left:0; width:13px; height:2px; }


    /* table */
    .tblWrap.tblScrollX { overflow-x: scroll; }
    .tblWrap .tblCaption p { margin-bottom:9px; font-size:1.2rem; }

    .tblDefault th,
    .tblDefault td { height:auto; }
    .tblDefault i,
    .tblDefault td em { font-size:1.3rem; }

    .tyCol thead th { font-size:1.2rem; letter-spacing:-.3px; }
    .tyCol tbody th,
    .tyCol td { font-size:1.2rem; }
    .tyCol th,
    .tyCol td { height:40px; }

    .tyRow th { text-align:left; }
    .tyRow th,
    .tyRow td { height:45px; font-size:1.3rem; }

    /* paging */
    .paging {margin-top: 50px;padding-bottom: 25px;}
    .paging a {margin: 0 8px;font-size:1.3rem;}
    .paging a.on:before { bottom:-5px; }

    .paging a.prev,
    .paging a.next { width:27px; height:27px; }

    .paging a.prev { margin:0 23px 0 0; }
    .paging a.next { margin:0 0 0 23px; }

    .paging a.prev:before { left:10px; }
    .paging a.next:before { left:9px; }

    /* board */
    .boardWrap { margin-top:40px; }
    .boardWrap .inform { margin-bottom:45px; }
    .boardWrap .inform p { margin-top:20px; font-size:1.1rem; }
    .boardWrap .inform p strong { font-size:1.3rem; }

    .boardWrap .tblDefault tbody th,
    .boardWrap .tblDefault tbody td { height:60px; }
    .boardWrap .tblDefault td { font-size:1.4rem; }
    .boardWrap .tblDefault td.subject { padding-left:20px; }
    .boardWrap .tblDefault td.subject a { word-break:break-all; line-height:1.3; }
    .boardWrap .tblDefault td.subject .date { display:block; margin-top:7px; font-family:"Montserrat-Medium", sans-serif; font-size:10px; color:#999; }
    .boardWrap .tblDefault td.num { font-size:1.2rem; }

    .boardWrap .btnWrap { margin-top:40px; }
    .boardWrap .btnWrap.type2 { margin-top:50px; }
    .boardWrap .btnWrap button + button { margin-left:6px; }
    .boardWrap .btnWrite { bottom:-7px; }

    .boardWrap .searchArea { margin:0 auto 35px; }
    .boardWrap .searchArea .selectWrap { width:28.7%; }
    .boardWrap .searchArea .selectWrap select { min-width:unset; height:40px; padding:0 28px 0 15px; font-size:1.3rem; background-position:right 13px center; background-size:11px auto; }
    .boardWrap .searchArea .inputWrap { width:70%; margin-left:1.3%; }
    .boardWrap .searchArea .inputWrap input { height:40px; padding:0 38px 0 12px; font-size:1.3rem; }
    .boardWrap .searchArea .inputWrap .btnSearch { width:38px; height:40px; right:0; margin-top:-20px; background-position:50% 50%; background-size:19px 19px; }

    .boardWrap .boardView .boardTitArea .titWrap { padding:19px 5px 12px; }
    .boardWrap .boardView .boardTitArea .tit,
    .boardWrap .boardView .boardTitArea .date { display:block; width:100%; }
    .boardWrap .boardView .boardTitArea .tit { padding-left:0; font-size:1.4rem; }
    .boardWrap .boardView .boardTitArea .date { margin-top:7px; font-size:1rem; text-align:left; color:#999; }

    .boardWrap .boardView .boardConInfo { padding:15px 5px; }
    .boardWrap .boardView .boardConInfo .fl,
    .boardWrap .boardView .boardConInfo .fr { float:none !important; }
    .boardWrap .boardView .boardConInfo p { font-size:1.1rem; }
    .boardWrap .boardView .boardConInfo .fr { margin-top:8px; }
    .boardWrap .boardView .boardConArea { padding:30px 0 50px; }
    .boardWrap .boardView .boardConArea > img { width:100%; }
    .boardWrap .boardView .boardConArea img{ width : 100% !important;}
    .boardWrap .boardView .boardConArea p { font-size:1.3rem; }

    .boardWrap .boardView .boardConArea2 { padding:30px 0 50px; }
    .boardWrap .boardView .boardConArea2 > img { width:100%; }
    .boardWrap .boardView .boardConArea2 img{ width : 100% !important;}
    .boardWrap .boardView .boardConArea2 p { font-size:1.3rem; }

    .boardWrap .termsWrap { padding-top:18px; }
    .boardWrap .termsWrap .tit { margin-bottom:18px; padding-left:5px; font-size:1.4rem; }
    .boardWrap .termsWrap .termBox { height:155px; padding:14px 12px; }
    .boardWrap .termsWrap .termBox .txt { margin-top:20px; font-size:1rem; line-height:1.5; }
    .boardWrap .termsWrap .termBox dl { margin:20px 0; }
    .boardWrap .termsWrap .termBox dl dt { margin-bottom:7px; font-size:1.2rem; }
    .boardWrap .termsWrap .checkWrap { margin-top:15px; }

    .boardWrap .writeWrap { margin-top:13px; padding:32px 0 45px; }
    .boardWrap .writeWrap th,
    .boardWrap .writeWrap td { height:45px; }
    .boardWrap .writeWrap th { padding-left:0; font-size:1.3rem; }
    .boardWrap .writeWrap th label span { display:none; }
    .boardWrap .writeWrap td input { padding-left:0; font-size:1.3rem; }
    .boardWrap .writeWrap textarea { height:165px; padding:20px; font-size:1.6rem; }
    .boardWrap .writeWrap .txtArea th { padding:20px 0 0 0; }
    .boardWrap .writeWrap .txtArea td { padding:9px 0 20px; }
    .boardWrap .writeWrap .captcha { padding-left:0; }
    .boardWrap .writeWrap .captcha p { height:30px; line-height:30px; padding:0 9px; font-size:1.2rem; }


    #container.report .writeWrap table col:nth-child(1){width : 20.6%;}
    #container.report .writeWrap table col:nth-child(2){width : 22.6%;}
    #container.report .writeWrap table col:nth-child(3){width : auto;}

    #container.estimation .writeWrap table col:nth-child(1){width : 20.6%;}
    #container.estimation .writeWrap table col:nth-child(2){width : 22.6%;}
    #container.estimation .writeWrap table col:nth-child(3){width : auto;}

    #container.complain .writeWrap table col:nth-child(1){width : 20.6%;}
    #container.complain .writeWrap table col:nth-child(2){width : 22.6%;}
    #container.complain .writeWrap table col:nth-child(3){width : auto;}

    /* list */
    ul[class^='listTy'] > li { font-size:1.3rem; }

    .listTyHyphen > li { padding-left:7px; color:#535353; }
    .listTyHyphen > li:before { top:8px; }

    /* box */
    .conBox { margin-top:75px; }

    /* tab */
    .tabWrap.type1 .tab li { width:48.4%; margin:0 0.8%; }
    .tabWrap.type1 .tab li a {height:40px;line-height:40px;font-size: 1.3rem;letter-spacing: -1px;}

    .tabWrap.type2 .tab li { width:31.5%; margin:0 0.8%; }
    .tabWrap.type2 .tab li a { height:40px; line-height:40px; font-size:1.4rem; overflow: hidden;}

    .tabWrap .noneFuncTab li a {height:40px;line-height:40px;font-size: 1.3rem;letter-spacing: -1px;}
    .tabWrap .noneFuncTab li.current { border:solid #01ab43; border-width:1px 1px 0;  }
    .tabWrap .noneFuncTab li.current:after { content:''; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background-color:#fff; }

    .tabWrap .noneFuncTab li.current a { color:#01ab43; }

    /* layer popup */
    .layerPop.sizeL { width:90%; }
    .layerPop > .inner { padding:45px 60px 60px; }
    .layerPop .popHead { margin-bottom:40px; border-bottom:3px solid #111; }

    .layerPop .layerTit { padding-bottom:38px; font-size:3rem; }
    .layerPop .layerCon { overflow:hidden; }

    .layerPop .btnWrap { margin-top:64px; }
    .layerPop .btnWrap .btnDefault.sizeM { min-width:180px; }
    .layerPop .btnCloseLayer { top:-54px; width:43px; height:43px; background:url('../images/common/btn_layer_close.png') no-repeat 0 0; background-size : 100% 100%;  }
    /* 2019.07.21 �섏젙 */
    /* layer popup */
    .layerPop.sizeS,
    .layerPop.sizeL { width:90%; }

    .layerPop > .inner { padding:25px 30px; }
    .layerPop .popHead { margin-bottom:25px; border-bottom:2px solid #111; }

    .layerPop .layerTit { padding-bottom:20px; font-size:1.7rem; }
    .layerPop .layerCon { overflow:hidden; }

    .layerPop .btnWrap { margin-top:25px; }
    .layerPop .btnWrap .btnDefault.sizeM { min-width:90px; height:35px; font-size:1.3rem; }
    .layerPop.performance .btnCloseLayer { top:-34px; width:26px; height:26px; background-size:100% 100%; }
    /* //2019.07.21 �섏젙 */
}