@charset "utf-8";
/**************************************************

	Respond.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Setting Device Width
**************************************************/
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important; } .__pcta{
display: block !important;} .__bm {display: none !important;} .__mo{display: none !important;}  .__tamo{display: none !important;}  .__smd{display: none !important;} 
@media screen and (max-width: 1300px) { .__tamo{display: block !important;} }
@media screen and (max-width: 900px) { .__bm{display: block !important;} }
@media screen and (min-width: 760px) and (max-width: 1300px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}}
@media screen and (max-width: 760px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__pcta {display: none !important;
} .__mo{display: block !important;} }
@media screen and (max-width: 400px) {.__smd{display: block !important;}}

/**************************************************
	아이폰 하이브리드앱에서 노치 겹침현상 방지
    ( 노치 높이 만큼 html에 자동으로 padding 부여 )
**************************************************/
html{
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}
#header{
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}

/**************************************************
	Layout
**************************************************/
/* Device Type : 1600 / 1300 / 1100 / 900 / 760 / 360 */
/* W1600 */
@media screen and (max-width: 1600px) {
    html,
    #wrap {
        min-width: 320px;
        max-width: 100%;
    }

    #wrap .inner,
    #header .inner {
        width: 100%;
    }
    #header .logo{left:24px;}
    .gnb>li{width: 140px;}
    .gnb>li>a{font-size: 16px;}
    .gnb>li>ul li a{font-size: 15px;}
    .gnb>li>ul li{margin-top: 2rem;}
    .gnb>li>ul li:first-child{margin-top: 0;}

    #slide-btn{right:24px;}
    #fullpage .section .cover{padding: 20px;box-sizing:border-box;}
    #fullpage .section1 .text{width: 100%;box-sizing:border-box;font-size: 46px;}
    #fullpage .section2 .text strong,
    #fullpage .section2 .text span{font-size: 45px;letter-spacing: -2px;}
    #fullpage .section .cont{width: auto;padding: 0 24px;}    
    #fullpage .section9 .cenCont{padding: 0 24px 170px;box-sizing:border-box;}
    #fullpage .section7 .mediaBox {
        width: 100vw;
        border-radius: 0;
    }

    #footer .inner{padding: 0 24px;box-sizing:border-box;}
    .footerRig{right:24px;}
    #fnb{margin-right: 3rem;}

    .numList li{width: 100%;}
    #sub .sectionWrap .section{padding: 120px 20px 0;}
    #sub .sectionWrap .section.bgc{padding-bottom: 120px;}

    .businessWrap .inner{padding-left: 280px;}
    .businessCont .imgBox{margin-bottom: 0;}
    .businessWrap .sideNavi li{margin-top: 25px;}
    .businessWrap .sideNavi li span{padding-left: 60px;font-size: 25px;}
    .businessWrap .sideNavi li.active span{font-size: 40px;letter-spacing: -2.8px;}
    .businessCont .textBox .topText{font-size: 16px;margin-top: 30px;}
    .businessCont .textBox .tblText .txt{font-size: 14px;}
    .businessWrap .section{padding: 80px 0;padding-right: 24px;}
    .businessCont .textBox .tblText .box{padding: 20px;}

    .textType1{display: block;margin: 0;}
    .textType1 li{width: 100%;padding: 0;margin-top: 32px;}
    .textType1 li:first-child{margin-top: 0;}
    .esg .midText{font-size: 25px;}
    .esg .section2 .midText{margin: 60px 0;}
    #sub .sectionWrap .section.bgc{padding-bottom: 120px;}

    .zigzagList li{margin-top: 80px;}
    .zigzagList li img{max-width: calc(100% + 20px)}
    .zigzagList li .imgBox .img{max-width: calc(100% + 20px)}
    .zigzagList li:first-child{margin-top: 0;}
    .zigzagList li.odd .imgBox .img, .zigzagList li.odd .imgBox img, .zigzagList li.odd .mapBox{margin-left: -20px;}
    .zigzagList li.even .imgBox .img, .zigzagList li.even .imgBox img, .zigzagList li.even .mapBox{margin-right: -20px;}
    .zigzagList li .box .textBox dt{font-size: 18px;letter-spacing: -0.72px;}
    .zigzagList li .box .textBox dd{font-size: 14px;letter-spacing: -0.56px;}
    .zigzagList li.odd .box .textBox{padding-left: 30px;}
    .zigzagList li.even .box .textBox{padding-right: 30px;}
    .zigzagList li .mapBox{width: calc(100% + 20px);}

    .stepBox .box{width: 83px;height: 83px;margin: 1px;}
    .stepBox .box span{font-size: 16px;letter-spacing: -0.64px;}
    .stepBox2 .box3{width: 50%;}
    .stepBox .box .txt2{font-size: 12px;margin-top: 5px;letter-spacing: -0.64px;}

    .stext{font-size: 14px;letter-spacing: -0.56px;}
    .recruit1 .stext{margin-top: 32px;}
    .numList li dd .nlgb{font-size: 16px;}

    .boardType1 tr td.num.long{width: 100px;}
    .boardType1 tr td{padding: 30px 0;font-size: 16px;}
    .boardType1 tr td.num{width: 70px;}
    .boardType1 tr td.state{width: 90px;}
    .boardType1 tr td.date{width: 280px;}
    .boardType1 tr td.subj{padding-left: 30px;}
    #wrap .badge{width: 55px;padding: 0 8px;font-size: 14px;}
    .tabType1{gap: 8px;}
    .tabType1 a{font-size: 14px;padding: 0 8px;height: 30px;}

    #viewType1{padding: 0 20px;}
    #viewType1 .viewTop .titleBox{padding: 24px 0;}
    #viewType1 .titleBox h4{margin-bottom: 20px;padding: 0;font-size: 20px;line-height: 150%;}
    #viewType1 .titleBox .rig{display: block;width: 100%;position: relative;right:auto;}
    #viewType1 .titleBox .rig .date{line-height: 30px;}
    #viewType1 .titleBox .rig .badge{position: absolute;top:0;right:0;height: 30px;}
    #viewType1 .descBox{padding: 32px 0;}
    #viewType1 .fileBox{padding: 24px 0;display: block;}
    #viewType1 .fileBox .fileList{display: block;}
    #viewType1 .fileBox .title{margin-bottom: 16px;}
    #viewType1 .fileBox .fileList a{display: block;margin-top: 12px;width: fit-content;}
    #viewType1 .fileBox .fileList a:first-child{margin-top: 0;}
    #viewType1 .editorText{font-size: 16px;}    
}

/* W1300 */
@media screen and (max-width: 1300px){
    html{min-width: 320px;overflow-x: hidden;}
    img{max-width:100%;}
    .pagingType1 a img{max-width: inherit}
    #sub{padding: 80px 0 160px;}
    #sub #content{padding-top: 50px;}
    #header:after{top:80px;}
    #header .inner{height: 80px;}
    #header .language{display: none;}
    #header .logo{height: 80px;left:20px}    
	.gnbWrap{display: none;}
    #slide-btn{top: 50%;margin-top: -8px;right: 25px;display: block;width: 22px;height: 20px;}
    #slide-bg{position: fixed;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;}
    #slide-close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: url('../images/layout/slide-close.png') no-repeat center center;background-size: 20px auto;}
    #slide-menu{position: fixed;top: 80px;right: 0;width: 40%;height: calc(100% - 80px);display: none;background: #fff;z-index: 100;overflow-y: auto;/*border-left:1px solid #d9d9d9;*/}
    #slide-menu.on{right: 0;}
    #gnb-mo{padding-right: 60%;padding-top: 16px;}
    .gnbMoWrap .activeBar{width: 2px;height: 40px;background: #003CB1;position: absolute;top:0;left:calc(40% - 1px);opacity: 0;transition: all 0.3s;}
    #gnb-mo > li > a{
        display: flex;
        align-items: center;
        height: 40px;
        padding-left: 20px;
        color: #1A1A1A;
        font-size: 18px;
        font-style: normal;
        font-weight: 800;
        line-height: 100%;
        /* 18px */
        text-transform: uppercase;

    }
    #gnb-mo > li > ul{position: absolute;top:16px;left:40%;width: 60%;height: calc(100% - 16px);background: #FAFBFD;border-left:1px solid #D9D9D9;visibility: hidden;transition: all 0.2s cubic-bezier(0.930, 0.635, 0.650, 0.970);opacity: 0;}
    #gnb-mo>li.active>ul{visibility: visible;opacity: 1;}
    #gnb-mo > li > ul li a{
        display: flex;
        height: 40px;justify-content: center;
        align-items: center;
        color: #1A1A1A;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 16px */
        letter-spacing: -0.32px;
    }
    #gnb-mo > li > ul li.active a{color: #003CB1;font-weight: 800;}
    #gnb-mo > li.hidden-gnb{display: none;}    
    #fullpage .section .textLine{padding-right: 8rem;font-size: 18px;}
    .titType1 span{font-size: 16px;}
    .titType1 h4{font-size: 35px;}
    .titType1 p{font-size: 14px;}    
    .mainBusiList li.active h5{font-size: 30px;margin-bottom: 2rem;}
    .mainBusiList li.active .title dt {font-size: 18px;}
    .mainBusiList li .box .title,
    .mainBusiList li .box .mblBtn{min-width: 300px;}
    .mainBusiList li .title dd{font-size: 14px;}
    #wrap .cenTit h4{font-size: 35px;}
    #sub .pageTop,
    #sub .pageTop .textBox{height: 600px;}
    #sub .pageTop .textBox dt{font-size: 80px;margin-bottom: 30px;}
    #sub .pageTop .textBox dd{font-size: 15px;}
    
    .thumbType1 li .box{height: 400px;background-size: cover !important;}

    .ciBox .textBox .midColor .color{width: 200px;height: 75px;}
    .ciBox .textBox .midColor .text{padding-left: 0;}
    .ciBox .textBox .topText{font-size: 14px;}
    .ciBox .textBox .btmFile span{font-size: 16px;}
    .ciBox .textBox .btmFile .pc{display: none;}
    .ciBox .textBox .btmFile .tamo{display: inline-block;}

    .historyWrap .lef{padding-right: 80px;}
    .historyWrap .lef dt{font-size: 28px;}
    .historyWrap .lef dd{font-size: 14px;letter-spacing: -0.56px;}
    .historyWrap .rig{padding-left: 80px;}
    .historyWrap .rig .text{margin-bottom: 32px;}
    .historyWrap .rig .text dt{font-size: 32px;margin-bottom: 16px;}
    .historyWrap .rig .text dd{font-size: 20px;}
    
    

    .iconList1{margin: -8px;}
    .iconList1 li{padding: 8px;}
    .iconList1 li .box{height: 160px;}
    .iconList1.six li .box{height: 160px;}
    .iconList1 li .box .text1 dt{font-size: 14px;margin-bottom: 12px;}
    .iconList1 li .box .text1 dd{font-size: 32px;}
    .iconList1 li .box .text1 dd strong,
    .iconList1 li .box .text1 dd span{font-size: 32px;}
    .iconList1 li .box svg{top:32px;left:32px;}
    .iconList1 li .box .text3{bottom:32px;right:32px;font-size: 32px;}
    .iconList1 li .box .text4{bottom:32px;right:32px;font-size: 23px;}
    
    .tabType1{justify-content: flex-end;}
    .boardTop1 .rig{display: block;position: static;margin-top: 30px;font-size: 0;}
    .boardTop1 .rig a{display: inline-block;vertical-align: middle;margin-left: 12px;font-size: 14px;}
    .boardTop1 .rig a:first-child{margin-left: 0;}

    .writeTable th{font-size: 14px;}
    #writeType1 .req{font-size: 14px;}
    .writeTable th, .writeTable td{padding: 24px;}
    .writeTable td input[type='text']{font-size: 16px;height: 48px;text-indent: 15px;}
    .writeTable td textarea{font-size: 16px;padding: 15px;}
    .fileCustom{padding-right: 170px;}
    .fileCustom .fileBtn{width: 160px;height: 48px;font-size: 16px;}
}

/* W1100 */
@media all and (max-width: 1100px){

    #header:hover,
    #header.active {
        border-bottom: 0;
    }
    #header:after{display: none;}


    #header .logo svg.color{display: inline-block;}
    #header .logo .white{display: none;}
    #header .logo img.color,
    #header .logo img.white{display: none;}

    #header.trans .logo img.white,
    #header.trans .logo img.color{display: none;}
    #header.trans .logo svg.white{display: inline-block;}

    #slide-menu{width: 55%;}
    #fullpage .section6 .titType1{margin-bottom: 3.5rem;}    
    #fullpage .section .textLine{display: none;}
    #fullpageMenu .list li a {
        padding-left: 8rem;
        font-size: 30px;
    }
    #fullpageMenu .list li.active a{font-size: 40px;}
    .mainBusiList{margin: -1px -25px;}
    .mainBusiList li,
    .mainBusiList li.active {
        width: 100%;
        padding: 1px;
    }
    .mainBusiList li .box{height: 200px;border-radius:0;} 
    .mainBusiList li h5,    
    .mainBusiList li.active h5{
        font-size: 24px;
        margin-bottom: 2rem;
    }
    .mainBusiList li .title dt,
    .mainBusiList li.active .title dt{
        font-size: 16px;
    }
    .mainBusiList li .title dd,
    .mainBusiList li .box .mblBtn{display: none !important;}
    
    #fullpage .section6,
    #fullpage .section9,
    #fullpage .section6 .fp-tableCell,
    #fullpage .section9 .fp-tableCell{height: auto !important;}
    #fullpage .section .cenCont{height: auto;}    
    #fullpage .section9 .fp-tableCell{padding: 80px 0;}
    #fullpage .section9 .boxWrap{margin-top: 55px;}
    #fullpage .section9 .boxWrap .box .link {height: 130px;padding: 20px;}
    #fullpage .section9 .boxWrap .box .link dt{font-size: 20px;letter-spacing: -0.8px;}
    #wrap .cenTit h4{font-size: 32px;letter-spacing: -1.28px;line-height: 150%;}
    #wrap .cenTit p{font-size: 14px;line-height: 150%;}
    #sub .pageTop{padding-left: 60px;}
    #footer{padding: 55px 24px 80px;}
    #footer .inner{padding: 0;}    
    #footer address{font-size: 14px;line-height: 160%;}

    #sub #content{padding-top: 0;}

    #sub .pageTop,
    #sub .pageTop .textBox{height: 480px;}
    #sub .pageTop .textBox dt{font-size: 54px;}
    #sub .pageTop .textBox dd{font-size: 14px;}

    .thumbType1{gap:15px;}
    .thumbType1 li .box{height: 240px;}
    .thumbType1 li .box .textBox dt{font-size: 24px;}
    .thumbType1 li .box .textBox dd{font-size: 16px;}
    .numList li dt{font-size: 16px;letter-spacing: -0.64px;line-height: 150%;margin-bottom: 8px;}
    .numList li dd{font-size: 14px;}

    #sub .titType1{margin-bottom: 45px;}
    .titType1 span{font-size: 14px;}
    .titType1 h4{font-size: 24px;line-height: 120%;}
    .titType1 p{line-height: 150%;letter-spacing: -0.56px;}

    #sub .sectionWrap .section{padding: 90px 20px 0;}
    #sub .sectionWrap .section.bgc{padding-bottom: 90px;}
    .greetingBox .imgBox{width: calc(100% + 40px);margin-left: -20px;}
    .greetingBox .textBox .box{font-size: 14px;letter-spacing: -0.056px;}

    .textType1 li .text{margin-left: 20px;}
    .textType1 li dt{font-size: 16px;letter-spacing: -0.64px;line-height: 150%;}
    .textType1 li dd{font-size: 14px;letter-spacing: -0.56px;line-height: 150%;}

    .imgText1{height: 450px;}
    .imgText1 span{font-size: 26px;}
    .sectionWrap .section.bgc{margin-top: 80px;}
    .iconList1.four li{width: 50%;}

    .depth2Title{margin-bottom: 60px;}
    .depth2Title h3{font-size: 34px;}
    .iconList1 li .box .text3{font-size: 25px;}
    .iconList1 li .box .text4{font-size: 23px;}
    #fullpage .section9 .fp-tableCell{padding-bottom: 0;}
    #fullpage .section9 .cenCont{display: block;padding-bottom: 0;}
    #fullpage .section9 #footer{position: static;margin: 80px -24px 0;width: calc(100% + 48px);}
}

/* W900 */
@media all and (max-width: 900px) {
    #sub{padding: 80px 0 100px;}
    .thumbType1{display: block;}
    .thumbType1 li{display: block;width: 100%;margin-top: 16px;}
    .thumbType1 li:first-child{margin-top: 0;}
    .ciBox>*{display: block;width: 100%;}
    .ciBox .logoBox{width: 100%;margin-bottom: 55px;}
    .ciBox .logoBox .box1 img{max-width: 40%;}
    .ciBox .logoBox .box2 img{max-width: 70%;}
    .ciBox .logoBox .box2{margin-top: 40px;}

    .historyWrap .lef{padding-right: 50px;}
    .historyWrap .rig{padding-left: 50px;}

    .businessCont .textBox .tblText .lef,
    .businessCont .textBox .tblText .rig{float: none;}
    .businessCont .textBox .tblText .rig{margin-top: 10px;}

    #sub .sectionWrap .section{padding: 80px 20px 0;}
    #sub .sectionWrap .section.bgc{padding-bottom: 80px;}
    .esg .section2 .midText{margin: 35px 0;}
    .esg .midText{font-size: 16px;letter-spacing: -0.64px;}

    .esg .section3 .midText{margin-top: 40px;}

    .zigzagList li .mapBox{width: calc(100% + 40px);}
    .zigzagList li.even .mapBox{margin-right: 0;margin-left: -20px;}
    .zigzagList li{margin-top: 60px;}
    .zigzagList li:first-child{margin-top: 0;}
    .zigzagList li .box .textBox {
        position: static;
        width: 100%;
        padding: 30px 10px;
        box-sizing: border-box;
    }

    .zigzagList li.odd .box,
    .zigzagList li.even .box {
        padding: 0;
    }
    .zigzagList li .box .textBox{display: block;padding: 0 !important;width: 100%;margin-top: 24px;}
    .recruit1 .section5{margin-bottom: -100px;}

    .boardType1,
    .boardType1 tbody,
    .boardType1 tr,
    .boardType1 tr th,
    .boardType1 tr td {
        display: block;
        padding: 0;
    }

    .boardType1 tr {
        position: relative;
        padding: 20px 20px 65px 20px;
    }

    .boardType1 tr td{font-size: 14px;}
    .boardType1 tr td.num .noti{font-size: 14px;}
    .boardType1 tr td.subj {
        position: static;
        padding-left: 0;
        margin-bottom: 10px;
    }

    .boardType1 tr td.date {
        width: auto !important;
        text-align: left;
    }

    .boardType1 tr td.num {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: auto !important;
    }

    .boardType1 tr td.state {
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: auto;
    }

    .boardType1 tr td.subj.plm{padding-left: 0;}
    .boardType1 tr td.subj .title{display: flex;}
    .boardType1 tr td.subj .txt{
        display:-webkit-box;
        -webkit-line-clamp:2;
        white-space: normal;
        -webkit-box-orient:vertical;
        overflow:hidden;
        text-overflow:ellipsis;
        line-height: 150%;
        max-width: 100%;
    }
    .boardType1 tr td.subj .new{height: min-content;font-size: 14px;position: absolute;bottom:20px;right:20px;}
    #wrap .root_daum_roughmap .wrap_map{height: 450px;}
}


/* W760 */
@media all and (max-width: 760px) {
    .depth2Title{margin-bottom: 40px;}
    #slide-menu{width: 100%;}
    #footer .footerLogo{margin-bottom: 55px;}
    .footerRig{position: static;display: block;}
    #footer .copyright {
        display: block;
        text-align: left;
        margin-top: 16px;
    }
    #footer address hr{display: block;font-size: 0;}

    #fullpage .section1 .text {font-size: 30px;}
    #fullpage .section2 .text strong,
    #fullpage .section2 .text span {
        font-size: 30px;
    }
    #fullpage .section1 .text{font-size: 32px;}
    #fullpage .section2 .text strong,
    #fullpage .section2 .text span {font-size: 32px;letter-spacing: -1.9px;}
    #fullpageMenu .list li a{padding-left: 3rem;}
    #fullpageMenu .list li a{font-size: 22px;}
    #fullpageMenu .list li.active a{font-size: 30px;}
    #fullpage .section9 .boxWrap,
    #fullpage .section9 .boxWrap .box{display: block;}
    #fullpage .section9 .boxWrap .box{width: 100%;margin-top: 10px;}
    #fullpage .section9 .boxWrap .box:first-child{margin-top: 0;}
    #fullpage .section7 .mediaBox{height: 425px;}
    #fullpage .section8 .cenTit{margin-top: 30px;}


    #sub .pageTop {display: flex;align-items: flex-end;height: 520px;padding: 40px 20px;}
    #sub .pageTop .textBox{height: auto;background: none;}
    #sub .pageTop .textBox dl{padding: 0;}
    #sub .pageTop .textBox dt{margin-bottom: 0;font-size: 40px;color: #fff;}
    #sub .pageTop .textBox dd{display: none;}
    #sub .pageTop.company{background: url('../images/pt-company-mo.jpg') no-repeat 50% 50%;background-size: cover;}
    #sub .pageTop.business{background: url('../images/pt-business-mo.jpg') no-repeat 50% 50%;background-size: cover;}
    #sub .pageTop.esg {background: url('../images/pt-esg-mo.jpg') no-repeat 50% 50%;background-size: cover;}
    #sub .pageTop.recruit {background: url('../images/pt-recruit-mo.jpg') no-repeat 50% 50%;background-size: cover;}
    #sub .pageTop.contact {background: url('../images/pt-contact-mo.jpg') no-repeat 50% 50%;background-size: cover;}

    .numList li{padding: 20px 24px;}
    .numList li .box{display: block;}
    .numList li .box .num{font-size: 82px;margin-bottom: 16px;}

    .greetingBox .textBox{display: block;}
    .greetingBox .textBox .box{display: inline;width: 100%;}

    .historyWrap .hisBox{padding: 0;margin-top: 60px;}
    .historyWrap .hisBox:first-child{margin-top: 0;}
    .historyWrap .hisBox>*{width: 100%;}
    .historyWrap .hisBox:after{display: none;}
    .historyWrap .lef{float: none;padding: 0;text-align: center;}
    .historyWrap .rig{position: relative;float: none;padding: 0;text-align: center;}    
    .historyWrap .lef dl{position: relative;margin-top: 0;padding-top: 70px;}
    .historyWrap .lef dl:after{display: block;content: '';width: 1px;height: 40px;position: absolute;top:15px;left:50%;background: #C7C7C7;}
    .historyWrap .lef dd{text-align: center;}
    .businessWrap .inner{padding-left: 0;}
    .businessWrap .sideNavi{display: none;}
    .businessWrap .section{padding: 80px 20px;}
    .businessCont .imgBox{width: calc(100% + 20px);}

    .busiMoTitle{margin-bottom: 32px;margin-left: -20px;}
    .busiMoTitle h4{
        display: inline-block;
        position: relative;
        padding-left: 20px;
        padding-bottom: 16px;
        color: #1A1A1A;
        font-size: 38px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        /* 38px */
        letter-spacing: -2.28px;
    }
    .busiMoTitle h4:after{display: block;content: '';width: 100%;height: 2px;background: #1a1a1a;position: absolute;bottom:0;left:0;}

    .textType1 li .box{display: block;}    
    .textType1 li .title{width: 100%;}
    .textType1 li .text{margin-left: 0;margin-top: 20px;}
    .textType1 li dt{margin-bottom: 10px;}

    .imgText1.qa{height: 360px;background: url(../images/img-text1-qa-mo.jpg) no-repeat 50% 50%;background-size: cover;}

    .iconList1 li{width: 100% !important;}
    .iconList1 li .box .text3{font-size: 32px;}
    .iconList1 li .box .text4{font-size: 23px;}
    .btnType1 .btn{width: 100%;box-sizing:border-box;font-size: 16px;}

    #wrap .root_daum_roughmap .wrap_map{height: 250px;}
    .tableText{font-size: 12px;margin: -15px 0 15px;}
    #writeType1 .req{font-size: 13px;}
    .writeTable, .writeTable tbody, .writeTable tr,
    .writeTable th, .writeTable td{display: block;width: auto;padding: 0;}
    .writeTable tr{padding: 24px 0;}
    .writeTable th{margin-bottom: 10px;}
    .writeTable td + th{padding-top: 24px;margin-top: 24px;border-top:1px solid #C7C7C7;}
    .writeTable th.vat{padding-top: 0;}
    .fileCustom{padding-right: 140px;}
    .fileCustom .fileBtn{width: 130px;}
    .writePolicy .desc{padding: 24px 0;}
    .writePolicy .desc dt,
    .writePolicy .desc dd,
    .writePolicy .desc .agreepw{font-size: 14px;}

    .chkType1 label{font-size: 14px;}

}

/* W400 */
@media all and (max-width: 400px) {
    #fullpage .section1 .text{font-size: 26px;}
    #fullpage .section2 .text strong,
    #fullpage .section2 .text span{font-size: 26px;}

    #fullpageMenu .list li a{font-size: 22px;}
    #fullpageMenu .list li.active a{font-size: 30px;}
    .mainBusiList li .box{padding: 20px;}

    .stepBox .box{width: 24.5%;margin: 0.25%;}
    .stepBox2 .box3{width: 46%;}
}