@charset "utf-8";

@media screen and (max-width:1300px){
	#footer{padding:2.2em 1em}
}

@media (max-width:1280px){
.sub-container{padding:6em 0em 5em;}
.con-width{padding:0 1em;}
.sub-visual .sub-inner{padding:0 1em;}

.serviceCon-wrap{position:relative;}
.serviceCon-wrap:not(:last-child){margin-bottom:12em;}
.serviceCon-wrap .conImg-wrap{width:100%}
.serviceCon-wrap .conImg-wrap.right{text-align:right;}
.serviceCon-wrap .conTxt-wrap{position:absolute;bottom:-150px;width:300px;background:rgba(255,255,255,0.8);}
.serviceCon-wrap .conTxt-wrap.right{right:0;}
.serviceCon-wrap .conTxt-wrap.left{left:0;}

.serviceCon-wrap.conA .conTxt-wrap,
.serviceCon-wrap.conB .conTxt-wrap,
.serviceCon-wrap.conC .conTxt-wrap,
.serviceCon-wrap.conD .conTxt-wrap,
.serviceCon-wrap.conE .conTxt-wrap{padding:3em}

.serviceCon-wrap.conE{margin-bottom:6em}


#header{font-size:15px;padding: 0 3em}
#header #gnb > li{padding:0 2em}

.btn-linkArea{right:1em;font-size:15px}

}/*1280*/

@media (max-width:1024px){


.m-popup{
    left:10px !important;
    top:50px !important;
  }

.m-popup img {
  max-width: 300px;
  min-width:auto;
}

.sub-container .privacy-top{margin-bottom:.5em;padding-bottom:.5em;}
.sub-container.privacy .privacy-top h1{font-size:1.3em;}
.sub-container.privacy .privacy-top p{margin-top:5px;}
.sub-container.privacy p{color:#333;font-size:.9em;line-height:1.7}
.sub-container.privacy table th{font-size:.82em;}
.sub-container.privacy table td{font-size:.82em;}

.sub-visual{height:400px;}
.sub-visual .sub-inner{height:400px;}
.sub-visual .visual-txt{font-size:1em;}
.sub-visual .visual-txt strong{font-size:1.8em}

.lnb ul li a{font-size:1em;line-height:3.5em;}

.con-table{border-top:1px solid #333;font-size:.9em;}
.con-table th{font-size:.95em}
.con-table td{font-size:.95em}

.grBtn-wrap a{width:10em;font-size:.9em;padding:.7em 0}

.notice-list li p{padding:1.2em 0;font-size:.95em}

.aboutTxt-wrap{padding-left:30%}
.aboutTxt-wrap strong{font-size:1.1em;}
.aboutTxt-wrap p{font-size:.9em;}
.aboutImg-wrap .bg-con{width:160px;margin:-80px 0 0 6%}

.radiobox{vertical-align:-3px;}
.checkbox i, .radiobox i{background-size:32px;background-position:-16px 0}



#header{font-size:15px;padding:0 2em;line-height:5}
#header h1{margin-top:1.1em}
#header #gnb > li{padding:0 1.5em}


#footer{padding:2.2em 0}

#footer .ft-wrap .ft-logo{display:block;width:auto;margin-left:1.8em}
#footer .ft-wrap .ft-copyInfo{display:block;margin-top:.4em;padding:0 2em}
.btn-linkArea{top:0;right:2em}
}/*1024*/


@media (max-width:768px){
.sub-visual{height:300px;padding-top:3em}
.sub-visual .sub-inner{height:300px;}
.sub-visual .visual-txt{font-size:.9em;}

.lnb{display:none;}
.m-location{display:block;position:relative;}
.m-location:after{display:block;content:"";clear:both;}
.m-location .select-form{float:left;width:50%;}
.m-location .select-form a{display:block;padding:0 1em;border-bottom:1px solid #dbdbdb;font-size:.9em;line-height:50px;}
.m-location .select-form>a{background:url(/images/client/icon/ico-selArrow-big.png)100% 50%/25px no-repeat;}
.m-location .select-form:first-child a{border-right:1px solid #dbdbdb}
.m-location .select-form:last-child ul a{border-left:1px solid #dbdbdb}
.m-location .select-form ul{display:none;position:absolute;top:51px;width:50%;z-index:9999;background:#fff;}
.m-location .select-form:last-child ul{right:1px;}

.m-location.experience{font-size:.95em;letter-spacing:-.3px;}

.m-location .select-form.type1{float:none;width:100%;}
.m-location .select-form.type1 ul{width:100%;}
.m-location .select-form.type1:last-child ul a{border-left:none;}
.m-location .select-form.type1:first-child a{border-right:none;}

.sub-container h1:after{top:50px;}

.sub-container{padding:4em 0 5em;}
.sub-container.bt-none{padding:4em 0 0;}
.sub-container h1{font-size:1.5em}
.con-width{padding:0 1em}

.min650-img-inner{overflow-x:scroll;}

.map-wrap{height:300px;}
.con-table.mgTop{margin-top:30px;}

.con-table th,.con-table td{padding:1em .5em;}

.con-table.contact input{width:100%;}
.ipt-phone{width:100%;}
.con-table .width7to3{width:100%}

.table-header{padding-bottom:.5em;}
.tb-title{font-size:1em;}
.tb-small{margin-top:3px;}

.con-table.contact th{width:30%}
.con-table.contact td{width:70%}

input[type=text], input[type=password], input[type=email], input[type=number], input[type=search]{height:45px!important;}
select{height:45px!important;}


.radiobox{vertical-align:-2px;}
.checkbox i, .radiobox i{background-size:32px;background-position:-16px 0;}
label.first-child{display:inline-block;min-width:85px;}

.notice-list .header-li{display:none;}
.notice-list li{position:relative;padding:.5em .5em .7em;}
.notice-list li p{padding:0;color:#777;font-size:.85em;}
.notice-list li p.number{display:none;}
.notice-list li p.type{position:absolute;bottom:.78em;width:inherit;}
.notice-list li p.company{display:block;width:100%;margin-bottom:2px;color:#333;line-height:1.6;font-size:1em;font-weight:400;padding:0;}
.notice-list li p.company{color:#333!important}
.notice-list li p.date{position:relative;width:inherit;margin:0 7px 0 58px;padding:0 10px;}
.notice-list li p.date:lang(en){margin:0 7px 0 108px;}
.notice-list.contact li p.date:before{position:absolute;display:block;content:"|";top:0;left:0;color:#dbdbdb}
.notice-list.contact li p.date:after{position:absolute;display:block;content:"|";top:0;right:0;color:#dbdbdb}
.notice-list li p.open{width:inherit;}

.notice-list.notice li p.date{margin:0px 7px 0 33px}
.notice-list.notice li p.date:lang(en){margin:0px 7px 0 48px}
.notice-list.notice li p.date.ing{margin:0px 7px 0 45px}
.notice-list.notice li p.date.ing:lang(en){margin:0px 7px 0 58px}
.notice-list.notice li p.type:after{position:absolute;top:-1px;right:-10px;content:"|";color:#dbdbdb}
.notice-list.notice li p.company{width:100%;line-height:1.4}

.view-wrap .view-info{padding:.7em .7em .5em;}
.view-wrap .view-info .view-title{width:100%;}
.view-wrap .view-info.contact-view .view-title{display:block;margin-bottom:2px;}
.view-wrap .view-info .view-title-top{float:none;}
.view-wrap .view-info .view-date{margin-top:.2em;font-size:.85em;}
.view-wrap .view-con{padding:1em;font-size:.95em;}

.view-wrap .view-linkPage{overflow:hidden;}
.view-wrap .view-linkPage a, .view-wrap .view-linkPage p{padding:1.2em 0 1.2em 1em;font-size:.9em;}
.view-wrap .view-linkPage .btn-prevPage, .view-wrap .view-linkPage .btn-nextPage{width:80px;float:left;}
.view-wrap .view-linkPage .link-title{float:left;width:calc(100% - 1em - 100px);display: inline-block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view-wrap .view-linkPage .btn-prevPage:before, .view-wrap .view-linkPage .btn-nextPage:before{margin-left:0;}


.editBtn-wrap .grayLine-btn {font-size:.9em;}

.paginate{margin:2em 0 0}
.paginate a, .paginate strong{width:25px;height:25px;margin:0 1px;line-height:25px;font-size:.85em;}

.aboutImg-wrap .bg-con{width:110px;margin:-58px 0 0 0}
.aboutTxt-wrap{width:100%;margin-top:20px;padding-left:0;}
.aboutImg-wrap .bg-img.pc{display:none;}
.aboutImg-wrap .bg-img.m{display:block;}

.serviceCon-wrap{position:inherit;}
.serviceCon-wrap:not(:last-child){margin-bottom:1em;}
.serviceCon-wrap .conImg-wrap.left, .serviceCon-wrap .conTxt-wrap.left{float:none;}
.serviceCon-wrap .conImg-wrap.right, .serviceCon-wrap .conTxt-wrap.right{float:none;}
.serviceCon-wrap .conTxt-wrap{position:inherit;bottom:0;float:none;width:100%;padding:1em 0!important;background:none;}
.serviceCon-wrap.conA .conTxt-wrap, .serviceCon-wrap.conB .conTxt-wrap, .serviceCon-wrap.conC .conTxt-wrap, .serviceCon-wrap.conD .conTxt-wrap, .serviceCon-wrap.conE .conTxt-wrap{padding:0}

.serviceCon-wrap.conC strong, .serviceCon-wrap.conE strong{max-width:100%}
.serviceCon-wrap .conTxt-wrap strong{margin:5px 0;font-size:1.1em;line-height:1.4}
.serviceCon-wrap .conTxt-wrap ul li{font-size:.9em;line-height:1.7;}

.slideInfo-icon{display:block;}

.serviceCon-wrap.conE{margin-bottom:0}

.min650-img-inner img{box-sizing:content-box}


#header{padding:0 1em}
#header{overflow:inherit}
#header #m-menu{display:block}
#header h1{margin:1em 0;font-size:14px}
#header #gnb{display:none;float:none;position:fixed;top:4.7em;left:0;right:0;height:calc(100vh - 4.7em);border-top:1px solid #dcdcdc;padding:1.5em 0;background:#f7f9f5}
#header #gnb > li{float:none;margin-top:.5em}
#header #gnb > li:first-child{margin-top:0}
#header #gnb > li a{padding:0 1em;background:#fff;line-height:4}
#header.on #gnb > li a:after{display:none}
#header.on #gnb > li a:hover{color:#000;transition:color .2s;-webkit-transition:color .2s;-ms-transition:color .2s;}
#header #gnb > li:last-child{padding-right:1.5em}
#header #gnb > li.lang_set{padding:0 1.5em; text-align:center;}
#header #gnb > li.lang_set a{display: inline-block; width:calc(50% - 6px)}

.btn-linkArea{font-size:14px}

#footer .ft-wrap .ft-copyInfo .copyInfo{font-size:13px}
.sub-container.privacy table{max-width:100%;}

}/*768*/

@media screen and (max-width:640px){
	#footer{padding:1em 0}
	#footer .ft-wrap .ft-copyInfo{padding:0 1em}
	#footer .ft-wrap .ft-logo{margin-left:1em}
}


@media (max-width:480px){
.sub-visual{height:200px;}
.sub-visual .sub-inner{height:200px;}

.aboutImg-wrap .bg-con{width:90px;margin:-45px 0 0 0}
.aboutTxt-wrap p{margin-top:1.2em;}


#header h1{font-size:12px}
#header #gnb{top:4em}
#header #m-menu{margin-top:1.2em}
#footer .ft-wrap .ft-logo{margin-left:1.5em}
#footer .ft-wrap .logo-hmt{font-size:13px}
#footer .ft-wrap .ft-copyInfo{padding:0 1.5em}
#footer .ft-wrap .ft-copyInfo .copyInfo{font-size:12px}
.btn-linkArea{font-size:12px}
.sub-container.privacy .privacy-top h1{display:block;}
.sub-container.privacy .privacy-top p{float:none;}

}/*480*/