@charset "utf-8";
@media (min-width:1700px){
	.contri-top.pr .add{min-height: 170px}
	.map_slide .s_w{margin: 0; padding: 0 30px}
}
@media (min-width:1150px){
	.page-org .bot .item .c{min-height: 195px}
}
@media (max-width:1550px){
	#nav_w{padding: 0 200px 0 300px}
}
@media (max-width:1450px){
	.inner,#allmenu .w{padding-left: .938rem; padding-right: .938rem;}
	.exp .tabs-st1, .exp .bbs-etc{margin-left: .938rem; margin-right: .938rem;}
	.exp #subPage.inner{padding-left: 0; padding-right: 0;}
	
	.tit-st2 .small{display: block; margin-top: 10px; margin-left: 0;}
	.btn-menu{width: 75px}
	.btn-sch{right: 75px}
	
	#locW .inner{padding-left: 0; padding-right: 0; border-left: 0; border-right: 0;}
	
	.bbs-poster{margin: 0 0 -25px -25px;}
	.bbs-poster > li{width: calc(25% - 25px); margin: 0 0 25px 25px;}
	.page-org_map .cont{left: 0; margin-left: 0; padding-left: 1rem; padding-right: 1rem;}
	
	.sch-st2{width: 500px}
	
	.page-org .box{padding: 30px}
	
	br.m{display: none;}
    .contri-top .rel{padding-left: 0;}
    .contri-top.pr .rel{padding-left: .938rem;}
    .contri-dev .box{max-width:85%}
    
    .remote-1 > ul{margin: 0 10px;}
    .remote-1 > ul > li,.remote-1 > ul.col3 > li{    width: calc(33.333% + 10px);
    margin: 0 -5px;}
    .remote-1 > ul.col2 > li{width: calc(50% + 10px)}
    .remote-1 .t{padding: 0 10px 0 1.5rem}
    .remote-1 .bul-dash{margin: 1rem 0 0 1rem;}
    .dev-sc > li{padding: 0 1.5rem}
    .box-line .box{padding: 70px}
    
    .ind-e,.box_com-st3,.box-fb,.fac_s-box,.ind-di2{padding: 5%}
    .danger_steps{flex-wrap:wrap; max-width:670px; margin: 0 auto; margin-bottom: -1.5rem;}
    .danger_steps > li,.danger_steps .blue_r{margin-bottom: 1.5rem}
    
    .c_s_txt {padding-bottom: 10rem;}
    .c_s_txt .r{width: 25rem}
    .dia_p strong{left: 30px}
    .fb2_l .left{width: 8rem}
    .fb2_l .top .t span{left: 10px}
    .fb2_l .top .t{padding-left: 63px;}
.f_f_top .t{width: 10em}

.consult2_box .det_w{height: auto; padding-top: 150px;}
.consult2_box .det_w li{position: static; left: 0 !important; right: auto !important; top:0 !important; bottom:auto !important; text-align: center !important;}
.cons_dev2 > li{width: 13rem; height: 13rem}
.consult2_box .det_w .r{padding-right:0}
.consult2_box .det_w .l{padding-left: 0;}
.consult2_box .det_w .c{transform:none}
.consult2_box .det_w .ico{position: static !important}
.consult2_box .det{display: flex; flex-wrap:wrap; margin-left: -2%;}
.consult2_box .det > li{float: left; width: 18%; margin-left: 2%;}
.consult2_box .det_w .cont strong{word-break:keep-all; line-height: 1.18; margin: 10px 0;}
#topNav .depth_w{padding-right: 74px;}
#topNav .group{margin-top: 40px;}
	   #topNav .depth2 > li{padding: 20px 15px}
	   #topNav .depth_w .tit{padding-top: 20px; width: 180px; font-size: 29px;}
	   #topNav .depth_w{padding-left: 180px;}
	   .vision-mid.inner{margin-left: .938rem; margin-right: .938rem;}
	   
	   .people-circle .circle{width: 200px; height: 200px;}
	   .people-circle .txt{margin-top: 1rem;}
	   .people-circle .circle img{max-width:67%}
	   
	   .people-circle{margin-left: -40px;}
	   .people-circle > li{margin-left: 40px;}
	   .people-circle > li:before{    left: -40px;
    top: 100px;
    width: 30px;}
    .ci_box .l{padding: 0 4%}
    .ci_dev > li:last-child{margin-left: 3rem;}
	
	.steps-join{margin-left: -40px;}
	.steps-join > li{width: calc(33.333% - 40px); margin-left: 40px;}
	.steps-join > li:before{width: 40px; left: -40px;    background-size: 50%;}
	.steps-join .circle{width: 250px; height: 250px; padding-top: 45px;}
	
	.con-steps_new .tit{padding: 15px 10px}
	.con-steps_new .tt{letter-spacing: -0.07em; font-size: 1.25rem;}
	.box_com.con-steps_new{padding: 1.5rem}
	.con-steps_new .cont{padding: 15px 10px}
	.box_pr_w .top{padding: 30px 20px}
	.box_pr_w .txt{height: auto}
	.box_pr_w .tit{padding-bottom: 20px; margin-bottom: 20px;}
	
	.kisa_dev > *{width: auto}
	.kisa_l{flex:1; max-width:700px}
	.kisa_map{width: 480px; padding-right: 80px;}
	.kisa_map .org_map{float: right;}
}
@media (max-width:1280px){
	.symbol_box{padding: 1.5rem}
	.symbol_box ul{position: static; margin-top: 1.5rem; margin-bottom: -1.5rem;}
	.symbol_box li{display: inline-block; margin: 0 1.5rem 1.5rem 0; vertical-align: top;}
	.symbol_box li:last-child{margin-right: 0;}
	
	.ind_i1,.ind_i3{padding: 5%}
	
	.steps-con_h{flex-wrap:wrap; margin: 0 auto -40px; max-width:800px; right: -20px}
    .steps-con_h > .circle,.steps-con_h > .blue_r{margin: 0 40px 40px 0}
    .steps-con_h > li:last-child{margin-right: 40px;}
    
    .steps-circle > li:before{width: 50px; right: -50px}
    .steps-circle > li{margin-right: 50px;}
    .box-dagner_b .box,.consult2_box{padding: 5%}
    
    .tit-st2 .ab{display: block; position: static; text-align: right; margin-top: 10px;}
    
    .page-sch .ab .mark{display: block; margin-bottom: 5px; text-align: left;}
    
    .steps-con_h.id{max-width:100%}
	.steps-con_h{flex-wrap:wrap}
	.steps-con_h.id{margin-bottom: -1.5rem;  margin: 0 auto -1.5rem;}
	.steps-con_h,.steps-circle > li{margin-bottom: -1.5rem;}
	.steps-con_h.id > li,.danger_steps > li, .steps-con_h > li,.steps-circle > li{margin-bottom: 1.5rem; margin-right: 1.5rem;}
	.steps-con_h > li:after,.danger_steps > li.circle:before, .danger_steps .arrow,.steps-circle > li:before{right: -1.5rem; width: 1.5rem;background-size: 50%;}
	.steps-con_h{flex-wrap:wrap; margin: 0 auto -1.5rem; max-width:800px; right: 0}
	   .steps-con_h > .circle,.steps-con_h > .blue_r{margin: 0 1.5rem 1.5rem 0}
	   .steps-con_h > li:last-child{margin-right: 1.5rem;}
	   
	   .steps-con_h.sc4{max-width:700px}
	   .box_com-st3.total .txt{padding: 0 1rem}
	   .box_com-st3.total .float > li{width: calc(50% - 10px)}
	   
	   .steps-con_h.ss,.steps-con_h.sk,.steps-con_h.sa{max-width:100%}
	   
	   #subPage{padding-top: 50px;}
	   .sub-t{margin-bottom: 40px;}
	   
.btn-st1_w.big_w{margin-bottom: -10px; margin-left: -10px;}
.btn-st1_w.big_w a{width: calc(50% - 10px); float: left; margin: 0 0 10px 10px;}

.adj-sk2.tbl-st2 td.tal{padding-left: 1.5em;}
}
@media (max-width:1024px){
	html{font-size: 15px;}
	.pc-only{display: none;}
	.block-t{display: block !important}
	.img-pc{display: none !important;}
.img-t{display: block !important}
    .tit-st3 .ab{display: block; position: static; text-align: right; margin-top: 10px;}

	
	#header,#nav_w{height: 5rem}
	#nav_w{padding: 0}
	#wrap{padding-top: calc(5rem + 90px)}
	#wrap.loc1,#wrap.loc2,#wrap.loc3{padding-top: calc(5rem + 45px)}
	.btn-menu{width: 4.5rem}
	.btn-menu.pc{display: none;}
	.btn-menu.m{display: block;}
	.btn-sch{right: 4.5rem; width: 4.5rem}
	.btn-sch i{font-size: 25px;}
	#logo{max-width:calc(100% - 9rem)}
	#locW{top:5rem}
	
	.tit-st2 .small .btn-down{display: block; margin-top: 10px; width: 8em}
	
	.prev_next li{float: none; width: 100%; text-align: left !important; padding: 1em 1em 1em 5.5em !important}
	.prev_next .next{border-left: 0; border-top: 1px solid #ccc;}
	.prev_next .tit{right: auto; left: 0 !important; width: 5.5em; padding: 0 .7em 0 1.25em}
	.prev_next .tit:after{background: none}
	.prev_next .arrow{position: absolute;left: 0}
	.prev_next .prev .arrow{transform: rotate(45deg);}
	.prev_next .next .arrow{transform: rotate(-135deg);}
	
	#topNav{display: none;}
	#footer{padding: 50px 0; text-align: center;}
	#footer .inner{display: block;}
	#footer .left{display: block;margin: 0 auto;}
	#footer .mid{padding: 0; margin: 25px 0;}
	#footer .right{margin: 0 auto; text-align: center;}
	
	#locW .inner{height: auto}
	#loc{flex-wrap:wrap}
	#loc .home{display: none;}
	#loc > li{height: 50px; width: 50%; min-width: auto !important}
	#loc > li:nth-child(3),#loc > li:nth-child(5),.loc4 #loc > li:nth-child(4){border-right: 0;}
	#locW .etc{top: calc(100% + 10px); border: 1px solid #ccc;height: 40px; right: 10px; width: 40px}
	#locW .btn > button{width: 100%; background: #fff}
	#locW .print{display: none;}
	#locW .share{border:0;width: 100%}
	.loc4 #loc > li:last-child{width: 100%}
	.loc4 #loc > li:nth-child(n+4){border-top: 1px solid #ccc;}
	#topShare .depth button{height: 40px}
	.bbs-etc .t{padding: 1.25rem 1rem}
	.bbs-etc .c{padding: 1.8rem 1rem}
	.bbs-form .half_w > *{width: 100%}
	.bbs-form .half_w .r{margin-top: 30px;}
	.bbs-form input[type="text"], .bbs-form select{height: 3rem}
	.rel .period_w input[type="text"]{height: 3rem}
	.bbs-form .dash, .bbs-form .tel-st1 > li.dash,.rel .period_w .dash{line-height: 3rem;}
	.bbs-etc .flex > span{width: 180px}
	
	/* 게시판 - 검색 영역 */
	.bbs-top .l,.bbs-top .r{float:none}
	.bbs-top .sch-st1{width: 100%}
	.bbs-top .select.w{width: 100%; margin-bottom: 5px;}
	.bbs-top .sort{margin: 0 0 10px;}
	.bbs-top .total{line-height: 1.5; margin-bottom: 10px;}
	.bbs-top .sch_w > *,.bbs-top .in > *{margin-left: 0;}
	.bbs-top .r > *, .bbs-top .sch_w  > *{display: block;}
	.bbs-top .sch_w.type1 .select:first-child{width: 100%}
	.bbs-top .sch_w.type1 .select:first-child select,.bbs-top .select.w select,.bbs-top .sch_w.type1 .sel2 > .select select{background-position: 98% center}
	.bbs-top .sch_w.type1 .period_w{max-width:100%; margin: 5px 0;}
	.bbs-top .in{position: relative;}
	.bbs-top .sch_w.type1 .in{padding-left: 8.3em;}
	.bbs-top .sch_w.type1 .in .select{position: absolute;left: 0;top:0; width: 8em}
	.bbs-top .sch_w.type2 .in{margin-left: -1.5%;}
	.bbs-top .sch_w.type2 .in .select{width: 48.5%; margin-left: 1.5%; float: left;}
	.bbs-top .sch_w.type2 .sch-st1{width: 98.5%; margin-top: 5px; margin-left: 1.5%;}
	.bbs-top .sch_w.type2.sel3 .select{width: 31.8333333333%}
	.bbs-top .ck{margin: 0 0 10px 1.5%; text-align: right; display: block;}
	.bbs-top .sch_w.type1 .sel2{margin-left: -1.5%}
	.bbs-top .sch_w.type1 .sel2 > .select{width: 48.5%; margin-left:1.5%; float:left}
	.bbs-top .total_none .l{margin: 0 0 5px -1%}
	.bbs-top .total_none .l > *{width: 49%; margin-left:1%}
	.bbs-top .total_none .l > span{width: 99%}
	
	.bbs-poster .img{padding: 1rem}
	.bbs-poster .cont{margin-top: 1.5rem;}
	.bbs-poster .date,.bbs-gallery .date{margin-top: 10px;}
	
	.bbs-gallery > li{width: 50%}
	
	/* 게시판 - 리스트 */
	.bbs-list th{padding: 1rem 5px;}
	.bbs-list td{padding: 1rem 5px}
	.bbs-list .pc{display: none;}
	.bbs-list_m,.bbs-list_m_new{display: flex}

	/* 게시판 - 뷰 */
	.bbs-view .top{padding: 1.8rem 0}
	.bbs-view .editor{padding: 30px 0}
	.bbs-view .attach_area{padding: 1rem}
	
	.bbs-view .top .tit .label{margin-bottom: 10px;}
	.bbs-view .top .tit strong{display: block;}
	
	.btn-st1{width: 10rem}
	
	.bbs-rule a{padding: 1.5rem}
	
	.bbs-rule > ul,.page-rel_site{margin: 0 0 -2% -2%;}
	.bbs-rule > ul > li,.page-rel_site > li{width: 48%; margin: 0 0 2% 2%;}
	
	.tel-st1,.mail-st1, .tel-st1, .period_w, .bbs-write .mid{max-width:100%}
	.tel-ib_w > *{display: block}
	.tel-ib_w > *:last-child{margin:5px 0 0}
	.tbl-row .item .t{width: 140px; padding: 10px}
	.tbl-row .c{padding: 10px}
	.tbl-row .w50{float:none; width: 100%}
	.bbs-write .add_txt_i{display: block; margin: 5px 0 0;}
	.bbs-reply .top{padding: 1.25rem}
	.bbs-reply .cont{padding: 1.25rem}
	
	.bbs-faq-st2 .q a{padding: 1.5rem 2.5rem 1.5rem 5rem}
	.bbs-faq-st2 .q a:before, .bbs-faq-st2 .a:before{left: 1rem;font-size: 2.5rem;}
	.bbs-faq-st2 .q a:after{right: 1rem}
	.bbs-faq-st2 .q a:before{top:1.5rem}
	.bbs-faq-st2 .a{padding-left: 5rem}
	
	.page-org_map .cont{position: relative; padding: 30px 1.5rem; width: 100%}
	.page-org_map{padding-left: 0;}
	.page-org_map .map{height: auto; padding-bottom: 55%;}
	
	.map_slide .in{padding: 1rem; margin: 0 10px;}
	
	.bbs-list .no,.bbs-list .writer{width: 4em}
	.bbs-list .date{width: 5.5em}
	.bbs-list_m{display: block;}
	.tbl-st1 .pc{display: none;}
	.bbs-list .tit .state{margin-bottom:8px; display: block}
	
	.list-cont a{padding: 1.5rem 0}
	
	.page-greeting .top{padding: 50px 30px 140px}
	.page-greeting .bot{margin-top: -95px;}
	.page-greeting .bot .l{padding: 40px 30px 40px 0}
	
	.vision-dia .mid{padding: 1.5rem; display: block; border-radius:5px}
	.vision-dia .mid li{width:33.333%; padding: 30px 1rem; border-radius:5px;height: auto}
	.vision-dia .mid li:nth-child(2){margin: 0 30px;}
	.vision-dia .mid .in{display: block;}
	
	/* .ci_box{padding: 1.8rem}
	.ci_box .l img{display: block; max-width:87%}
	.ci_box .l{width: 25%}
	.ci_box .r{padding-left: 30px;} */
	
	.ci_box{padding: 1.8rem 1.5rem 1.5rem}
	.ci_box .in,.ci_box .in > *{display: block;}
	.ci_box .l{width: 100%; padding: 0}
	
	.ci_box .r{padding: 1.5rem 0 0 0; margin: 1.5rem 0 0;}
	.ci_box .l img{margin: 0 auto;}
	.ci_box .flex{display: flex}
	.ci_box .r:before{left: 0; top:0; width: 28px; height: 1px; margin: 0}
	.ci_box .nemo{padding: .938rem; width: 50%}
	
	.history_com .dev{padding-left: 1.8rem !important;}
	.history_com .dev > *{width: 100%; float:none !important; padding: 0 !important; text-align: left !important;}
	.history_com:before{left: 0}
	.history_com .year{font-size: 2.5rem;}
	.history_com .year span{width: 100%;text-align: left !important; padding: 0 0 0 1.8rem !important; margin-left: 0 !important;}
	.history_com .year:before, .history_com .year:after{left: 0}
	.history_com .year:before{width: 20px; height: 20px}
	
	.history_com .img{margin-bottom: 30px;}
	.history_com .img img{display: block;}
	.history_com .cont .date{text-align: left; right: auto; left: 0}
	.history_com .l .date:after{right: 0; left: auto}
	.history_com .l.cont > div{padding-right: 0;}
	.history_com{padding-top: 0}
	.history_com .cont > div{padding-left: 4rem !important;}
	.history_com .cont .date{width: 3.38rem}
	
	.page-org .box{padding: 1.5rem}
	.page-org .ab{left: 0; width: 25%; bottom:70px}
	.page-org .top{margin:0 0 0 35%}
	.page-org .border,.page-org .ab .item{max-width:10rem}
	.page-org .item{width: 100%; margin-left: auto !important; margin-right: auto !important;}
	
	.page-org .bot .item_w{margin: 0 0 -10px -10px; padding-top: 10px;}
	.page-org .bot .left .item,.page-org .bot .right .item{max-width:calc(50% - 10px); margin: 0 0 10px 10px;}
	.page-org .bot .item:before{height: 10px; top:-11px}
	.page-org .bot .left{width: 45%}
	.page-org .ab .border{margin: 0 auto;}
	.page-org .bot .i_in{margin-bottom: 10px;}
	
	.page-org .circle{width: 8.5rem; height: 8.5rem}
	.page-org .items4 .circle.small{width: 7rem; height: 7rem}
	
	.page-org .top{padding-bottom: 50px;}
	/* .page-org .bot:before{left: 22.5%; width: 51%}
	.page-org .bot .item_w:before{left: calc(21.5% + 18px)}
	.page-org .bot .right .item_w:before{left: calc(21.9% + 18px);
    width: 50.5%;} */
    
    .page-org .bot .item{margin: 0 0 10px 2%;}
    
    .contri-top .img,.contri-top.pr .img{width: 40%}
    .contri-top .cont{margin-left: 3%;}
    .contri-top .bg{background: none}
    .contri-top.pr .bg{background: #f6f6f6}
    .contri-dev .box{padding: 30px 1em}
    .contri-box{display: block;}
    .contri-box .ico{margin: 0 auto;}
    .contri-box .dotted{margin: 63px 0 0;}
    .contri-box .dotted:before{left: 50%; top:-35px; width: 37px; height: 7px; transform:rotate(90deg); margin-left: -17px;}
    
    .contri-bottom{padding: 30px 30px 215px}
    
    .box-st1{padding: 30px; background: #fff}
    .box-st1 .l{padding-right: 50px;}
    .box-st2,.db_box > li{padding: 30px}
    .box-st2 .t1, .box-st2 .t3,.db_box > li:before{height: 50px}
    .box-st2 .t2, .box-st2 .t4,.db_box > li:after{width: 50px}
    .join_steps{margin: 0 0 -2% -2%;}
    .join_steps > li{width: 48%; margin: 0 0 2% 2%;}
    .dev_benefit > li{width: 100%}
    .dev_benefit .ico{width: 5rem}
    .dev_benefit > li,.dev_benefit.pr > li{padding: 1.8rem 0}
    .dev_benefit.pr > li:last-child{padding-top: 1.8rem;}
    
    .dev_benefit > li.b-t{border-bottom: 1px dotted #bbb;}
    .dev_benefit.pr{padding: 0}
    .contri-ico_w{padding: 30px}
    .box_com{padding: 1.8rem}
    
    .dev_inv_sns > li{padding: 1rem}
    
    .cont-st1 > li{display: block; padding: 1.8rem 0}
    .cont-st1 .l{width: auto}
    .cont-st1 .r{margin-top: 1rem;}
    .cont-st1 .l img{margin: 0; width: 6.7rem}
    .contri-bot .tit{width: 10rem}
    
    .bbs-vdo_top .inner{display: block;}
    .bbs-vdo_top .area_cont{width: 100%; margin: 1.5rem 0 0;}
    
    .bbs-vdo_top .area_cont .txt{margin: 1.5rem 0 1.8rem;}
    
    .people-dia > img{max-width:56%}
	.btn-st1_w .btn-st1{width: 100% !important; margin: 3px 0;}
    .dev_manage > li{padding: 1.5rem; min-height: 0;    background-size: 30%;}
    .box-manage{padding: 1.5rem}
.steps-st2{text-align: center;}
.steps-st2 > ul{margin-left: -15px;}
.steps-st2 > ul > li{display: block; padding: 1rem; width:calc(25% - 15px); margin-left: 15px;}
.steps-st2 .ico{width: 3.5rem; margin: 0 auto 1rem;}
.steps-st2 > ul > li:before{left: -15px; width: 15px; background-size:7px}
.free_dev .btn{margin-top: 30px;}
.free_dev .top{height: 3em}
.free_dev .cont{padding: 1.5rem}

.remote-2 .dev{margin: 0 0 -2% -2%;}
.remote-2 .dev > li{padding: 1.5rem; width:48%; margin: 0 0 2% 2%;}
.remote-2 .bot .l{width: 6.3rem; display: block; margin-bottom:3px; position: static;}
.remote-2 .bot > li{padding: 0}
.dev-kisa > li a{padding: 1.5rem}
.dev-kisa_img > li{padding: 1.8rem; background-size: cover;}
.dev-kisa_img .btns{margin-top: 1.25rem;}
.dev-kisa > li a:after{right: 1.5rem; top:1.5rem}

.consult-1{padding: 2.5rem 1.5rem}
.consult-1 .quot{padding: 0 2.5rem;}
.consult-1 .quot_w{font-size: 1.25em;}
.consult-2 .dev{padding: 1.5rem 0}
.consult-2 .dev > li{padding: 0 1.5rem}
.consult-2 .padding,.consult-2 .padding > li{padding: 0}

.steps-remote .steps{margin-left: -7px;}
.steps-remote .steps > li{margin-left: 7px;}
.steps-remote .steps.col2 > li{width: calc(50% - 7px);}
.steps-remote .steps.col3 > li{width: calc(33.333% - 7px);}
.steps-remote .steps > li:before{width:7px; left: -7px}
.steps-remote .arrow{margin: 1.5rem 0;}
.steps-remote .arrow img{width: 4em}
.dev-sc{flex-wrap:wrap; margin-top: -1.5rem;}
.dev-sc > li{width: 50%; margin-top: 1.5rem}
.dev-sc > li:nth-child(3):before{border:0}
.dev-sc .cont{margin-top: 15px;}
.dev-sc > li{padding: 0 1rem}
.box-line{padding: 1rem}
.box-line .box{padding: 70px 30px}
.box-line .tit{font-size: 35px;}

.cons_steps ol > li{display: block;}
.cons_steps.ind .tit,.cons_steps .tit{width: 100% !important; padding: 1rem !important}
.cons_steps.ind .cont, .cons_steps.dis_s .cont,.cons_steps.i_c .cont{padding: 1rem}

.cons_steps .tit{border-radius:10px 10px 0 0}
.cons_steps .cont{border-radius:0 0 10px 10px}
.cons_steps.dis_s .tt br{display: none;}
.auto_dev{display: block;}
.auto_dev .circle{margin: 0 auto;}
.auto_dev .box_w{padding: 1.25rem 0 0}
.auto_dev .box_w:before{position: absolute; left:50%; top:0; width: 1px; height: 100%; transform:none; }
.auto_dev .box{padding: 1rem}
.auto_dev .circle{width: 10rem; height: 10rem}
.auto_dev .circle{border-width:10px}
.auto_dev .circle:before{width:calc(100% + 20px); height: calc(100% + 20px)}

.auto_dev .half_w{margin-left:0}
.auto_dev .half_w > *{width: 100%; margin-left: 0; margin-top: 10px;}
.auto_dev .half_w > *:first-child{margin-top: 0;}
.auto_dev .bot_w .bg{width: 3em; right: 1.5rem;}
.auto_dev .bot_w .bg{margin-bottom: 30px;}
   
.steps-circle .no{margin-bottom: 5px;}
.steps-con_h.big .circle{width: 8rem; height: 8rem}
.steps-con_h > li:after{height: 8rem}


.ind-e,.box-fb{padding: 1.5rem}
.ind-e .top > ul,.ind-di2 .top > ul{display: flex; margin: 30px 0 -30px -1.5rem; flex-wrap:wrap}
.ind-e .top > ul > li,.ind-di2 .top > ul > li{position: static; width: calc(50% - 1.5rem); margin: 0 0 30px 1.5rem;}
.ind-e .top > ul > li > strong,.ind-di2 .top > ul > li > strong{display: block; margin-bottom: 10px;}

.com-improve{padding: 1.5rem 1.5rem 1.5rem calc(1.5rem + 15px)}
	.com-improve .rel > ul:before{display: none}
	.com-improve .rel .arrow{display: none}
	.com-improve .rel .t{height: 70px; padding: 0 10px; position: relative;background: #027cb5}
	.com-improve .rel .t span{font-size:.87rem}
	.com-improve .rel > ul > li:first-child .t:after{width: 15px; left: -15px; height: 100%; background: #027cb5; content: ''; top:0; position: absolute;}
	.com-improve .rel > ul > li:before{top:70px; height: calc(100% - 70px)}
	.con_f-1,
	.con_f-2{padding: 1.5rem}
	.cons_steps{padding: 2rem 1.5rem}
	.cons_steps .sect{padding-left: calc(3rem + 10px)}
	.cons_steps .sect .t{width: 3rem}
	
	.steps_i_c5{margin-top: 1rem;}
	.steps_i_c5 > *{float:none !important}
	.steps_i_c5 .l{display: flex}
	.steps_i_c5 .l .box{width: 50%; height: auto}
	.steps_i_c5 .r .box{width: 100%; height: auto}
	
	.steps_i_c5 .r{margin: 30px 0 0;}
	
	.steps_i_c5 .box{padding: 1.5rem 5px}
	
	.steps_i_c5 .r:before{left: 50%;
    top: -30px;
    width: 11px;
    height: 30px;
    transform: rotate(90deg); margin-left: -5px;}
    .cont-faq .q a{padding: 1rem 1.8rem 1rem 1rem}
    .cont-faq .q a:after{right: 1rem}
    .cont-faq .a{padding: 1rem}
    .cont-faq td{word-break:break-all}
    .box-edu .dev > li{padding: 1.5rem; width: 98%; margin-bottom: 20px;}
    .box-edu .dev > li:last-child{margin-bottom: 0;}
    .box-edu.col1 .dev > li{width: 98%;}
    .box-edu .dev{margin-bottom: 0;}
    
    .steps-st2.type2 .ico img{max-width:67%}
    
    
    .danger_steps .circle, .steps-con_h .circle{width: 8rem; height: 8rem}
    .danger_steps .blue_r:before,.steps-con_h .blue_r:before{width: 9rem; height: 9rem}
    .danger_steps .dev > ul > li{width: 14rem}
    .danger_steps .blue_r{margin-left: 1rem; margin-right: 1rem;}
    
    .danger_box .bul-dot > li{float:none; width: 100%; margin-left: 0;}
    .danger_box{padding: 1.5rem}
    .danger_box .ico{width: 10rem}
   	.danger_box .bul-dot{margin-left: 0;}
   	
   	.danger2_dev .bul-no{padding: 1.5rem}
   	
   	.danger2_dev > li, .half_w_img > li{padding-bottom: 3.5rem;}
   	.danger2_dev .bot, .half_w_img .bot, .danger2_dev .top{line-height: 3.5rem;}
   	
   	.danger2_dev, .half_w_img{margin-left: 0; display: block; margin-top: -1rem;}
   	.danger2_dev > li:first-child,.danger2_dev > li:last-child{width: 100%}
   	.danger2_dev > li, .half_w_img > li{margin:1rem 0 0}
   	.danger2_dev.top_w > li{padding-top: 3.5rem;}
   	
   	
   	.w50.bul-no{margin-left: 0}
   	.w50.bul-no > li{float:none; width: 100%; margin-left: 0;}
   	.auto_dev .box .bg{width: 3.5rem; right: 1rem; bottom: 1rem}
   	
   	.ind_i1{padding: 5%}
   	
   	.ind_i1 .top > ul{margin-top: -11.5rem;}
   	.ind_i1 .top .center{margin: 0;}
   	.ind_i1 .top .big{width: 14rem; height: 14rem; }
   	.ind_i1 .top .circle{font-size: 1.3rem; width: 10rem; height: 10rem;     margin: 0 auto 1.5rem;}
   	.ind_i1 .top .circle:before{width: 11.5rem; height: 11.5rem}
   	.ind_i1 .top > ul:before{top:5rem}
.ind_i1 .cons_dev br{display: block}

.cons_steps ol > li{margin-bottom: 3.5rem;}
.ind_i2 .top:after{width: 3.5rem; height: 1.938rem}
.ind_i2 .top{padding-bottom: 100px;}
.ind_i2 .top:after{bottom: 40px}
.quot_com{padding: 0 3rem; font-size: 1.8rem;}

.ind_i3{padding: 2.5rem 1.5rem}
.ind_i3 .top .rel{max-width:50%}
.ind_i3 li{width: calc(50% - 28%)}

.ind_i3 .top{margin-bottom: 2.5rem;}

.box-ico > li{padding: 1.8rem 0}
.box-ico .ico img{max-width:67%}
.box-ico .cont{padding: 0 1.5rem 0 2rem}
.box-ico .ico{padding: 0 10px}
.box-ico .cont .bul-dot{margin-left: 0;}
.box-ico .cont .bul-dot li{float:none; width: 100%; margin-left: 0;}
.box-kisa .cont{padding: 1.25rem 1rem}
.box-kisa .ico{width: 13.5rem; height:13.5rem; font-size: 1.125rem;}
.box-kisa .no{margin-bottom: 1rem;}
.box-kisa .ico .txt strong{font-size: 1.125em;}

.box_com-st3 .dev > li{padding: 1.5rem 10px}

.box_com-st3{padding:2.5rem 1.5rem}
.box_com-st3 .dev{word-break:keep-all}
.box_com-st3 .dev .t{margin-bottom: 1rem; background-size:8.5rem; padding-bottom: 1rem;}
.box_com-st3 .dev br{display: none;}

.box_com-st3 .top{padding-bottom:100px}
.box_com-st3 .top:after{width: 3.5rem; height: 1.938rem; bottom:40px}
.cons_steps .cont{padding: 1.5rem}
.cons_steps .cont ul{margin: -1rem -1rem 0 0;}
.cons_steps .cont li{margin:1rem 1rem 0 0}
.c_s3{padding: 1.8rem;background-size: 10rem;background-position-x: right;}
.cons_effect .tit-rel{padding: 0 1.8rem}
.box_com2{padding: 2rem 1.5rem}
.c_s4 .arrow{margin: 1.5rem auto;}
.c_s4 .arrow img{width: 3.5rem}
.auto_dev .box{min-height: 80px}
.dev-sc2 > li{width: 50%}
.dev-sc2 > li:nth-child(3){border-left: 0;}
.dev-sc2 > li:nth-child(n+3){margin-top: 3rem;}
.dev-sc2 .ico img{max-width:67%}
.process-con_f .ab{width: 8rem}
.process-con_f{background-position-y:25px}
.process-con_f .dev > *{width: calc(50% - 1rem)}

.steps-circle > li{width: 10rem; height: auto;     border-radius: 8px; display: block; padding: 1rem 10px}
.steps-circle .in{display: block;}
.steps-circle .txt br{display: none;}
.dia_p strong{transform:none; display: block; position: static; margin-bottom: 1.5rem; text-align: center;}
.dia_p1{left: 0; max-width:100%}

.box-dagner_b .box{display: block; padding: 1.8rem 1.5rem}
.box-dagner_b .img{max-width:100%; width: 100%; margin-bottom: 3rem;}
.box-dagner_b .img img{display: block; margin: 0 auto; max-width:67%}

.search-blue .top{font-size: 2.4rem;}
.search-blue{padding: 5rem 0}
.search-blue .input_w input{height: 4rem; padding-left: 1rem;}
.search-blue .input_w button{width: 5rem}

.dev_total_i > *{padding:0 1.5rem; display: block;}
.dev_total_i .ico img{width: 4rem}
.dev_total_i .cont{margin: 10px 0 0;}

.fb1_box{padding: 1rem}
.fb2_l{display: block;}
.fb2_l .left .bot{display: none;}
.fb2_l .left{width: 100%;position: static; margin-bottom: 10px;}
.fb2_l .left .top{height: auto !important; padding: 1rem 10px;  line-height: 1.15; }
.fb2_l .left br{display: none;}
.fb2_l .right{margin: 0;}
.fb2_l > li{padding-left: 0; margin-top: 30px;}
.fb2_l > li:first-child{margin-top: 0;}
.fb2_l{margin-top: -1.125rem;}

.steps-con{display: block;}
.steps-con .blue_r{margin: 0 auto;}
.steps-con .blue_r:after{left: 50%; width: 1px; height: 50%; background: #aaa; content: ''; bottom: -40px; position: absolute;}
.steps-con .circle{margin: 0 auto;}
.steps-con > li{float:none}
.steps-con .dev{margin-left: -2.5%; padding-left: 0;  margin-top: 40px;}
.steps-con .dev > *{float: left; width: 47.5%; margin-left: 2.5%; padding: 30px 0 0; margin-top: 0;}
.steps-con .ab{top:-10px; left: 0; line-height: 1.18; width: auto}

.steps-con .steps-st1 .top{height: 3.5rem}
.steps-con .steps-st1{margin: -30px 0 0; flex-wrap:wrap}
.steps-con .steps-st1 > li{width: 100%; margin: 30px 0 0;}
.steps-con .steps-st1 > li:before{left: 0; width: 100%; height: 30px; top:-30px; transform: rotate(90deg);}
.steps-con .steps-st1 .cont{padding: 1rem}
.steps-con .dev > *:before{left: 50%; width: 1px; height: 30px; top:0}

.steps-con .dev:before{left: 26.5%; width: 50%;}
.steps-con  .no .ab{left: auto; right: 0;}
.steps-con .steps-st1 .top br{display: none;}

.steps-con_h.big .circle img{max-width:30%}

.ie-box .box button{padding: 0 3rem 0 1rem}
.ie-box .box{padding: 1rem}

.tit-rel .line{width: 4px}
.tit-rel .line:before, .tit-rel .line:after{height: 4px}
.tit-rel .line:before, .tit-rel .line:after{width: 14px}
.ie-box .box i{right: 1rem}
.attach-bot{padding: 1.5rem}

.dev-st1{margin-left: -2%;}

  .dev-st1 > li{width: 48%; margin-bottom: 2%; margin-left: 2%;}
  .dev-st1.col3 > li{width: 48%}
.f_f_top .c{padding: 1.5rem}
.dev-st1 .cont{padding: 1rem}
.fac_s-box{padding: 1.5rem}

.tbl-st2{font-size: 1rem;}
.tbl-st2.tbl-small{font-size: .938rem;}

.box-st1:before{width: 5rem}
.box-st1:after{height: 5rem}
.img-box .cont{padding: 1rem}
.img-box .flex{display: block;}

.img-box img{display: block;margin: 0 auto;}
.img-box .flex > li:last-child{margin-top: 15px; margin-left: 0;}

.test-steps > li:first-child .type:before,.test-steps > li:last-child .type:before,.test-steps .item:after,.test-steps > li:first-child .circle:after, .test-steps > li:last-child .circle:after{display: none;}
.test-steps > li > ul{padding-left: 1.5rem}
.test-steps .item{display: block;}
.test-steps .top{width: 100%;max-width:100%; border-radius:14px 14px 0 0; padding: 10px 5px}
.test-steps .cont{padding: 1rem}
.test-steps .item:before{display: none;}
.test-steps .circle{width: 10rem; height: 10rem; border-width:10px}
.test-steps .circle:before{width: 10rem; height: 10rem}
.ind-di_dev{    flex-wrap: wrap; padding-top: 0; margin-top: 30px;}
.ind-di_dev .c{padding: 1rem}
.ind-di_dev > li{width: 48%; margin-bottom: 2%;}
.ind-di .ttt{padding-bottom: 0;}
.ind-di_dev:before,.ind-di .ttt:before,.ind-di_dev > li:after{background: none}

.ind-di2{padding: 1.5rem}

.cons-circle > ul{display: flex; flex-wrap:wrap; margin-left: -2%; margin-bottom: -30px;}
.cons-circle .item{transform:none; position: static;max-width:100%; float: left; width: 48%; margin: 0 0 30px 2%;}
.cons-circle .bul-dash{margin: 1rem 0 0 0;}
.cons-circle .img{max-width:87%; margin-bottom: 50px;}
.cons_forward{padding: 2.5rem 1.5rem}
.cons-circle{padding: 0}
.cons_dev2{display: flex; word-break:keep-all}
.cons_dev2 > li{border-radius:5px; height: auto; width: calc(20% + 10px); margin: 0 -5px; padding: 1.5rem 1rem;display: block;}
.cons_dev2 .f22 br{display: none;}
.cons_dev2 .in{display: block;}
.consult2_box:before{width: 300px; height: 300px}
.consult2_box .circle{border-width:15px}
.consult2_box .circle{width: 15rem; height: 15rem}
.consult2_box{margin-top: 175px;}
.consult2_box .circle{margin: 0 0 0 -7.5rem; top:-7.5rem}
.page-location .way{padding: 1.5rem 1rem}
.page-location .way .in{display: block;}
.page-location .txt{padding: 0; margin: 1.5rem 0 0;}
.page-location .txt:before{top:0; margin-top: 0;; height: 1px; width: 30px; display: none;}
.page-location .way .in{border-top: 1px solid #ddd; margin-top: 1.5rem; padding-top: 1.5rem;}
.page-location .way .in:first-child{border-top: 0; margin-top: 0; padding-top: 0;}
#subPage{padding-top: 4rem;}
.sub-t{margin-bottom: 30px; font-size: 1.8rem; font-size: 2.4rem;}
.tabs-st1{margin-bottom: 30px;}
.half_w_img > li{width: 98%}
.danger2_dev.half_w > li:first-child, .danger2_dev.half_w > li:last-child, .half_w_img > li{width: 100%}
.half_w_img > li{padding: 1.5rem 1rem 1.5rem 0;}
.half_w_img .cont{padding-left: 1.5rem;}

	   .steps-con_h.ss{max-width:700px}
	   .steps-con_h.sk2,.steps-con_h.sa{max-width:500px}
	   .rel .select input[type="text"], .rel .select select,.sch-st1{height: 3rem}
	   
	   .sch_w.total,.sch_w.total .in{display: block; }
	   .sch_w.total .in > *{width: 100% !important; margin: 0;}
	   .sch_w.total .sch-st2{margin: 5px 0;}
	   .sch-box .w2 .ttt{display: block; margin: 0 0 10px;}
	   .sch-box .sch-st1{width: 98%; margin-top: 5px; margin-left: 2%;}
	   .sch-box .sel3 .select{float: left; width: 31.333%; margin-left: 2%;}
	   
	   .sch-box .center.sel3 .select:first-child{width: 38%}
	   .sch-box .center.sel3 .select:nth-child(2){width: 58%}
	   .sch-box .center.sel3 .select:nth-child(3){width: 38%; margin-top: 5px;}
	   .sch-box .center.sel3 .sch-st1{width: 58%; float: left;}
	   
	   .rel .center .select{min-width: auto}
	   
	   .sch-box .w2 > *,.sch-box .w2 .in{display: block;}
	   .sch-box .w2 .in{margin-left: -2%;}
	   .bbs-list .not{white-space: nowrap;padding: 3px 5px}
	   .bbs-list{font-size: 1rem;}
	   
	   #loc > li > a,#loc .depth{padding: 0 1rem}
	   #loc > li,#loc .depth li{height: 45px}
	   
	   .box-st2 .in,.box-st2 .in > *{display: block;}
	   .box-st2 .in .ico{width: 100%; margin-bottom: 15px;}
	   .box-st2 .in .ico img{display: block; margin: 0 auto;width: 8.3rem}
	   .box-st2 .cont{padding-left: 0;}
	   
	   .steps-da_new{margin-left: -2%;}
	   .steps-da_new > li{width: 31.333%; margin-left: 2%;}
	   .steps-da_new .s2 .item:first-child:before, .steps-da_new .s3 .item:first-child:before{left: -57.333%; width: 57.333%}
	   .steps-da_new .s2 .item:first-child:after, .steps-da_new .s3 .item:first-child:after{left: -8px}
	   
	   .steps-dis_a_new2{margin: 0 0 -25px -25px;}
	   .steps-dis_a_new2 > li{width: calc(50% - 25px); margin: 0 0 25px 25px;}
	   .steps-dis_a_new2 > li:before{width: 25px; left: -25px}
	   .steps-dis_a_new2 > li:nth-child(3):before{background: none}
	   .steps-dis_a_new2 .ico img{max-width:50%}
	   .steps-dis_a_new2 > li{padding: 1.35rem 5px}
	   .steps-dis_a_new2 .ico{margin-bottom: 10px;}
	   
	   .bbs-vdo_top .area_img .ifr{padding: 1rem 0}
	   
	   .vision-bg{padding: 70px 0 180px}
	   .tit-vision{font-size: 1.35rem;}
	   .tit-vision dd{font-size: 1.7em;}
	   
	   .people-circle{margin-left: -2%;}
	   .people-circle > li{float: left; width: 23%; margin-left: 2%; float: left;}
	   .people-circle .circle{width: 100%; height: auto; padding: 20px 5px; border-radius:5px}
	   .people-circle .txt{font-size: ;}
	   .people-circle > li:before{background: none}
	   .people-circle .c{margin-top: 1.3rem;}
	   
	.people-top{padding: 5rem 0}
	.people-mid{padding: 5rem 0}
	.people-mid .top{margin-bottom: 45px;}
	.people-mid .top br{display: none;}
	.com-top .l{padding: 0; margin-right: 0; text-align: center;}
	.com-top .inner{display: block; padding: 4rem 1rem;}
	.com-top .r{margin-top: 3rem; width: 100%}
	.com-top .r img{display: block;margin: 0 auto;}
	.com-top .t:after{left: 50%;     transform: translateX(-50%);}
	.com-top .t{padding-bottom: 25px;}
	
	.box_com-st1.col6 ul li{width: 33.333%}
	.box_com-st1 ul li:last-child{border-right: 0;}
	.box_com-st1  ul li:last-child(3):after{display: none;}
	
	.ind-e ul{display: none !important}
	
	.dis_box{padding: 1.5rem}
	
	.dis_box .dev ul{margin: -5px 0 0 -5px; height: calc(100% + 5px)}
	.dis_box .dev li{width: calc(50% - 5px); margin: 5px 0 0 5px;}
	.dis_box .dev.half li{width: calc(100% - 5px)}
	.dis_box .r{margin-left: 10px;}
	.dis_box .box{min-height: auto; padding: 1rem 5px}
	
	#top_sch{padding: 30px 1rem 40px}
	#top_sch .input_w input{padding: 0 4.5rem 0 1rem; height: 4rem}
	#top_sch .input_w button{width: 4.5rem}
	#top_sch .hash{padding-left: 0;}
	   
	.his_w .item{display: block; padding: 1.875rem 0}
	.his_w .item > *{display: block;}
	.his_w .item .year{width: 100%; margin-bottom: 1em; text-align: left;}
	.his_w .det .month{padding-right: 0.75em;}
	.his_w .det > li{padding-left: 5em;}
	.process-remote > li{padding: 2.5rem 1.5rem 1.5rem;}
	
	.dev-kisa_new > li{padding: 1.5rem}
	.ci-sig > li{width: 31.333%}
	.auto_dev .box .bul-no_w{margin-left: 0;}
	.auto_dev .box .bul-no_w > *{width: 100%; margin-left: 0;}
	.auto_dev .box .bul-no_w > *:last-child{margin-top: 8px;}
	.bbs-vdo_top{padding: 10px}
	.btn-link_blue{padding: 10px; font-size: 14px;}
	.btn-link_blue span{padding-right: 18px;}
	
	.box-join .top{padding: 40px 1.5rem}
	.box-join .top .cons_effect{margin-bottom: 30px;}
	.steps-join .circle{border-radius:5px; width: 100%; height: 205px; padding: 30px 1rem}
	
	.page-location .bot{position: static; width: 100%}
	
	.db_box br{display: none;}
	.db_box img{max-width:7rem}
	
	.con-steps_new .dev:before{background: none}
	.con-steps_new .dev > li{width: calc(33.333% - 10px); padding-top: 85px;}
	.con-steps_new .tit{height: 80px}
	
	.ch-dia li:nth-child(2){margin: 0 40px;}
	.ch-dia li:nth-child(2):before{left: -40px}
	.ch-dia li:nth-child(2):before, .ch-dia li:nth-child(2):after{width: 40px}
	
	.box_pr_w > li{width: 48%; margin-bottom: 2%;}
	
	
	.contri-top.pr .rel{align-items:flex-start}
	
	
	/* 비디오 백엄 */
	.vdo_dev{display: block;}
   .vdo_dev .l,.vdo_dev .r{float:none; width: 100%}
   .vdo_dev .r ul{margin: 1.5rem 0 0 -10px; display: block; height: auto;width: calc(100% + 10px)}
   .vdo_dev .r ul:after{clear:both; display: block; content: ''}
   .vdo_dev .r ul > *{float: left; width: calc(33.333% - 10px); margin: 0 0 0 10px}
   
   .vdo_dev .ifr{height: auto; padding-bottom: 56%;}
   .vdo_dev .item{margin-top: 0;}
   .vdo_dev .item .img{height: auto; padding-bottom: 56%;}
	.con-steps_new .tt{    background-size: 1.3rem;
    background-position: left 0.1em;
    padding-left: 1.4em;}
    
    .page-location .rel{padding-right: 0;}
    
    .loc_link{margin-top: 30px;}
    
    .bbs-thumb a{padding: 20px 10px}
    .bbs-thumb .cont{padding-left: 30px;}
    .bbs-thumb .img{width: 29%}
    .bbs-thumb .img .in{ height: auto; padding-bottom: 70%;}
    .bbs-thumb .etc{margin-top: 20px;}
    
    .page-sitemap .nav{margin-bottom: -50px;}
    .page-sitemap .nav > li{width: calc(33.333% - 30px); margin-bottom: 50px;}
    
    .f_ind_l .in{padding: 0 50px}
    .f_ind_l .ico{width: 75px; padding-right: 1rem;}
    
    .page-org .item{margin: 50px 0 30px;}
    
    .select_list_new .w{padding: 1rem; padding-right: 70px;}
    .select_list_new .more,.select_list_new .more_new{right:1rem; width: 45px; height: 45px; font-size: 11px;}
    .select_list_new .img_w{width: 30%}
    .select_list_new .cont{padding-left: 1rem;}
	.kisa_l .tit dt{font-size: 1.875rem;}
	
	.kisa_map{width: 392px; padding-right: 0;}
	.kisa_map_i{position: static; text-align: center; margin-top: 35px;}
	.kisa_l .tit dt .ab{position: static; text-align: right; display: block; margin-top: 5px;}
	
	.tbl-region.f14{font-size: 13px}
	.tbl-region.f14 th{font-size: 14px;}
	.tbl-st1.tbl-region td.tal{padding-left:5px}
	
	.ind-di2 .bot ol br{display: none;}
	.ind-di2 .bot ol{flex-wrap:wrap;    justify-content: center;}
	.ind-di2 .bot li{width: 33.333%; padding: 0 10px}
	.ind-di2 .bot li:nth-child(4):before{border:0}
	.ind-di2 .bot li:nth-child(n+4){margin-top: 2rem;}
	
	.people-circle .c br{display: none;}
	
	.tbl-st1{font-size: 1rem;}
	.tbl-st1 th,.tbl-st1 td{padding: .938rem 5px}
	
	.tbl-center .w23{width: 33%;}
	.tbl-center .w-long,.tbl-center.none-tel .w-long{width: 67%}
	.tbl-center td:first-child{letter-spacing: -0.095em}
	
	
	.tbl-r_p .th5{width: 5.9em}
	
	
	.tbl-region .th5{width: 5.9em}
	.tbl-region .btn-link_blue{padding: 7px; font-size: 11px;}
	.tbl-region .btn-link_blue span{background: none; padding: 0}
	
	.faq-bot-mg{margin: 1rem -1rem -1rem; padding: 1rem}
	.box-tbl{padding: 1rem}
	
	
}/* 1024 */

@media (max-width:800px){
	.steps-con_h.id,.steps-con_h.sk{max-width:500px}
	.kisa_l{max-width:100%; padding-right: 0; margin-bottom: 40px;}
	.kisa_l,.kisa_map{width: 100%}
	.select_list_new .img_w{max-width:130px}
	.select_list_new .add{margin: 10px 0;}
	
	.kisa_map .org_map{float:none}
	
	
	.adj-safety .block-m{display: block !important}
	
	.tbl-region .th4{width:10em}

}

@media (max-width:768px){
	.bbs-poster{margin: 0 0 -25px -2%;}
	.bbs-poster > li{width: 48%; margin:  0 0 25px 2%;;}
	.page-org .dev_flex.col4:before{width: 73.5%}
	   
	.process-remote{margin:0 0 -1.5rem 0}
	.process-remote > li{float:none; margin: 0 0 1.5rem 0; width: 100%}
	
	.tbl-region.f14{font-size: 12px}
	.tbl-region.f14 th{font-size: 13px;}
	.tbl-st1 th, .tbl-st1 td{padding: .938rem 3px}
	/* .tbl-region .th1,.tbl-region .th4{width: auto;} */
	.tbl-region .th1,.tbl-region .th4{width:7.5em}
	/* .tbl-region .th4{width:4.5em} */
	.btn-link_blue span strong{display: none;}
	
	.block-768{display: block;}
}
@media (max-width:720px){
	html{font-size: 14px;}
	
	.block-m{display: block !important;}
.img-m{display: block !important}
	.bbs-form > li.w3{width: calc(100% - 30px)}
	.bbs-etc .flex{display: block;}
	.bbs-etc .flex .add{margin-top: 5px;}
	.bbs-etc .flex .add span{margin-right: 10px; padding-right: 10px; margin-top: 10px;}
	.paginationSet li{width: 2em;height: 2em; line-height: 2em;}
	.paginationSet .i{background-size: 45%;}
	
	.tabs-st1.col4 > li,.tabs-st1.col8 > li,.tabs-st1.col5 > li,.tabs-st1.col7 > li,.tabs-st1.col9 > li,.tabs-st1.col3 > li{width: 50%} /* 4개 */
	.tabs-st1.col6 > li{width: 33.333%} /* 6개 */
	.tabs-st1.col5 > li:last-child,.tabs-st1.col7 > li:last-child,.tabs-st1.col9 > li:last-child,.tabs-st1.col3 > li:last-child{width: 100%}
	
	.sub-t{font-size: 2.3rem; margin-bottom: 30px;}
	.tabs-st1{font-size: 1rem;}
	
	.bbs-view .top .etc > span{padding-right: 1rem; margin-right: 1rem;}
	
	.bbs-rule a{padding: 1rem}
	.page-rel_site .c{padding: 10px 5px}
	
	.attach_area .rel{display: block;}
	.attach_area .file{margin-bottom: .938rem; display: block;}
	
	.tbl-row .item,.tbl-row .item > *{display: block}
	.tbl-row .item .t{width: 100%; text-align: left;}
	
	.btn-write_w .btn-st1{width: calc(33.333% - 10px)}
	.page-org_map .map{padding-bottom: 70%;}
	.map_slide .in{margin: 0 5px;}
	.page-greeting .top{font-size: 2em;padding: 30px 1.5rem 100px}
	.page-greeting .top br{display: none;}
	.page-greeting .bot{padding-right: 0; margin-top: -75px;}
	.page-greeting .bot .l{padding: 40px 1.5rem 0 0; margin-right: 1.25rem;}
	.page-greeting .bot .r{position: static; width: auto; overflow: hidden;}
	.page-greeting .bot .r img{float: right; max-width:50%}
	.page-greeting .quot_w{padding: 0 3rem}
	
	.vision-top{padding: 3.5rem 0}
	
	.vision-dia .mid{padding: 10px}
	.vision-dia .mid ul{display: block; margin: 0;}
	.vision-dia .mid li{width: 100%}
	.vision-dia .mid li:first-child{margin-top: 0;}
	.vision-dia .mid li:nth-child(2){margin: 10px 0;}
	.vision-dia .bot .cont{padding: 1.5rem}
	
	.vision-dia .top{width: 15rem; height: 15rem}
	
	
	.his-tabs{border-top: 0; background: none; font-size: 0; text-align: left; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
	.his-tabs > li{width: auto !important; border-top: 1px solid #ddd; float:none; display: inline-block; font-size: 1rem;}
	.his-tabs a{padding: 0 1rem}
	
	.page-org .circle{width: 7rem; height: 7rem}
	.page-org .items4 .circle.small{width: 6rem; height: 6rem}
	
	.page-org .item .c{padding: .938rem 10px}
	.page-org .box{padding: 1rem}
	
	.page-org .top .border{max-width:40%}
	
	.page-org .bot{padding-left: 1.5rem;}
	.page-org .bot > li{width: 100% !important; float:none !important; padding-top: 30px;}
	.page-org .bot:before{left: 0; width: 67.7%}
	.page-org .bot .border{margin:0 0 15px}
	.page-org .bot .item_w{padding-top: 0;}
	.page-org .bot .item:before,.page-org .bot .item_w:before{background: none}
	.page-org .bot:after{    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 800px;
    background: #ddd;
    content: '';}
    .page-org .bot > li:before{left: -1.5rem; top:59px; width: 1.5rem; height: 1px}
    
    .page-org .circle{font-size: 1.4rem;}
    .page-org .top2{padding-bottom: 40px;}
    .page-org .dev_flex > li{padding-top: 40px;}
    .page-org .top2 .border{max-width:40%; font-size: 1rem;}
    
    .page-location .ifr{height: 350px}
    .page-location .bot{padding: 1.5rem 1rem}
    .page-location .bot .r > *{display: block;}
    .page-location .bot .r > *:last-child{margin: 10px 0 0;}
    .page-location .bot strong{display: block;margin: 0 0 5px;}
    .contri-top .rel{display: block;}
    .contri-top .img,.contri-top.pr .img{width: auto}
    .contri-top .cont{padding-left: .938rem; margin: 30px 0 0;}
    
	.contri-top.pr{padding-bottom: 0;}
    .contri-top.pr .add{margin:30px -.938rem 0; padding:30px .938rem; background: #f6f6f6}
	.contri-top.pr .bg{display: none;}
    .contri-top.pr .cont{padding-left: 0;}
    .contri-top.pr .img img{display: block;margin: 0 auto;}
	
    .contri-dev{margin: -20px 0 0;}
    .contri-dev > li{float:none; width: 100%; margin: 20px 0 0;}
    
    .contri-bottom{padding: 1.5rem 1.5rem 30%}
    .contri-bottom img{width: 70%}
    
    .box-st1{display: block; text-align: center;}
    .box-st1 .l{padding-right: 0;}
    .box-st1 .big{margin-top: 10px;}
    .box-st1 .normal{margin-top: 20px;}
    .box-st1 .r{margin: 30px 0 0; max-width:none; width: 100%}
    .box-st1 .bul-no{text-align: left;}
    .join_steps{text-align: center;}
    .join_steps > li{padding: 15px 5px; display: block;}
    .join_steps .ico{padding-left: 0; margin: 0 auto;}
    .join_steps .txt{margin: 10px 0 0;}
    .contri-ico_w{padding: 1.5rem;display: block;}
    .contri-ico_w .ico{margin: 0 0 .938rem;}
    
    .dev_inv_sns .in{display: block; text-align: center;}
    .dev_inv_sns .ico{margin: 0 0 .938rem;}
    .dev_inv_sns .ico img{margin: 0 auto;}
.contri-bot,.contri-bot > *{display: block;}
.contri-bot .tit{width:100%; padding: .938rem 10px; text-align: center; border-bottom: 1px dashed #ccc;}
.contri-bot .contt ul{padding: .938rem; margin: 0 -.938rem -5px 0;}
.contri-bot .contt li{margin: 0 .938rem 5px 0;}

.box_com{padding: 1.8rem 1rem}
.page-brochure{padding-top: 35px;}
.page-brochure .bot{padding-top:140px; padding-bottom: 35px;}
.people-top{padding: 3.5rem 0}

.people-dia{padding: 0}
.people-dia > img{max-width:75%; margin-bottom: 50px;}
.people-dia ul{    display: flex;
    flex-wrap: wrap; margin: 0 0 -30px -3%;}
.people-dia li{position: static; transform:none !important; margin-top: 1.8em; width:47%; margin: 0 0 30px 3%;}
.people-dia li:first-child{margin-top: 0;}
.people-dia .ico{width: 5em; margin: 0 auto 20px;display: block;}
.people-dia .cont br{display: none;}
.box-manage{padding: 1rem}

.dev_manage{margin: 0 0 -10px -10px;}
.dev_manage > li{width: calc(50% - 10px); margin: 0 0 10px 10px;}
.bot_form input[type="text"]{max-width:10rem}

.steps-st2 > ul{margin-bottom: -15px;}
.steps-st2 > ul > li{width:calc(50% - 15px); margin-bottom: 15px;}
.steps-st2 > ul > li:nth-child(3):before{background: none}
.free_dev .btn{}
.free_dev > ul{flex-wrap:wrap}
.free_dev > ul > li{width: 98%; margin-top: 15px}
.free_dev > ul > li:first-child{margin-top: 0;}
.remote-2 .dev > li,.dev-spe > li,.dev-kisa > li,.dev-kisa_img > li{width: 98%}
.dev-spe{margin-bottom: -2%;}
.dev-spe > li{margin-bottom: 2%; padding-bottom: 45px;}
.dev-spe .t,.dev-spe .ico{margin-bottom: .938rem;}
.dev-kisa > li a{padding: 1rem}
.dev-kisa .sort{margin-bottom: 5px;}
.dev-kisa .txt{margin-top: 1em; display: none;}
.dev-kisa_img > li{margin-top: 2%;}
.dev-kisa_img > li:first-child{margin-top: 0;}
.dev-kisa > li a:after{right: 10px; top:0; height: 100%;     background-size: 100%; width: 5rem}

.consult-1 .process .rel{padding: 0 2rem}
.consult-1 .process .line{width: 4px}
.consult-1 .process .line:before, .consult-1 .process .line:after{height: 4px; width: 1.25rem}
.consult-1 .process{background-size: 240%;    padding-bottom: 30%;}
.consult-1 .icon_w,.consult-1 .process .bot{margin-top: 40px;}

.consult-2 .dev .t2,.box-kisa .cont .ck > li,.fb2_l .top .ck_w > li{background-size:15px; padding-left: 20px; background-position: left 4px}
.consult-2 .dev .bul-dot{margin: 10px 0 0 20px;}
.consult-2 .dev > li,.consult-2 .dev.col3 > li{float:none; width: 100%; border-left: 0; border-top: 1px solid #ddd;; margin-top: 20px; padding-top: 20px;}
.consult-2 .dev > li:first-child{border-top: 0; margin-top: 0; padding-top: 0;}

.tit-cont .t,.consult-1 .tit{font-size: 2em;}
.tit-cont .mid{font-size: 1.3em;}
.remote-1 > ul > li,.remote-1 > ul.col2 > li,.remote-1 > ul.col3 > li{width: 100%; margin-top: 20px;}
.remote-1 > ul > li:first-child{margin-top: 0;}
.remote-1 .t{height: 3em}
.consult-1 .tit-cont, .consult-2_w, .cons_forward .top{background-size:3.5rem;padding-bottom: 50px;
    margin-bottom: 18px;}

.tbl-st2 th,.tbl-st2 td{padding: 1em 5px}

.dev_inv .no{width: 1.8rem; height: 1.8rem; line-height: 1.8rem; left:10px; display: block;}
.dev_inv > li{padding: 10px}
.dev_inv .in{display: block;padding-left: calc(1.8rem + 10px)}
.box_com-st1{padding: 0}
.box_com-st1 ul li{width: 100% !important; border-right: 0; border-top: 1px dotted #999; padding: 30px 10px}
.box_com-st1 ul li:first-child{border-top: 0;}
.box_com-st1 ul li:after{left: 50%; bottom:-1rem; top:auto; right:auto; width: 2rem; height: 2rem; background-size:100%; margin-left: -1rem; z-index: 1}
.box_com-st1 ul li:nth-child(3):after{display: block;}
.box-line .tit{font-size: 2.3rem;}
.box-line .txt{font-size: 1.125rem;}
.box-line{padding: 10px}
.box-line .box{padding: 50px 1.125rem}
.box-line .logo{margin-top: 25px;}
.box-line .bg li{display: block;}
.box-line .bg .no{font-size: 1rem; line-height: 30px; height: 30px; width: 30px; margin-bottom: 5px;}
.box-line .bg .c{margin-left: 0}
.box-line .txt{margin-bottom: 30px;}

.tbl-dis_s .flex{display: block;}
.tbl-dis_s .flex > li{margin: 15px 0 0;}
.tbl-dis_s .flex > li:first-child{margin-top: 0;}
.com-improve .rel > ul{flex-wrap:wrap}
.com-improve .rel > ul > li{float:none; width: 100% !important}
.com-improve .rel > ul > li .t{height: 4rem}
.com-improve .rel > ul > li .t:after{width: 15px; left: -15px; height: 100%; background: #027cb5; content: ''; top:0; position: absolute;}
.com-improve .rel .cont{padding: 10px}
.com-improve .rel > ul > li:before{top:4rem; height: calc(100% - 4rem)}

.tit-st2 .ab,.btn_rel_w .ab, .rel_ab_w .ab{position: static; display: block; text-align: right; margin-top: 10px;}
.con_f-1{display: block;}
.con_f-1 .img{display: block; margin-bottom: 1rem; width: 100%}
.con_f-1 .img img{display: block; margin: 0 auto;}
.con_f-2{display: block;}
.con_f-2 .img{display: block; margin-bottom: 1rem; width: 100%}
.con_f-2 .img img{display: block; margin: 0 auto;}
.box-edu{text-align: center;}
.box-edu .dev > li{display: block;}
.box-edu .dev .ico{padding-right: 0; max-width: 100%}
.box-edu .dev .ico img{width: 8rem; display: block; margin: 0 auto;}
.box-edu .cont{padding: 1.5rem 0 0 0; margin-top: 1.5rem 0 0; border-left: 0;}
.box-edu .btn{margin: 0 auto;}
.box-edu .t{word-break:keep-all}
.box-edu .t br{display: none;}
.dev_inv > li{min-height: auto}
.dev_inv > li{display: block;}
	   
.dev-pop_s{margin: 0 0 -2% -2%;}
.dev-pop_s > li{width: 48%; margin: 0 0 2% 2%;}

.danger_steps .circle, .steps-con_h .circle{width: 7rem; height: 7rem}
.danger_steps .blue_r:before,.steps-con_h .blue_r:before{width: 8rem; height: 8rem}
.steps-con_h > li:after{height: 7rem}

.danger_box .ico{padding-right: 0; width: 100%; margin: 0 0 1.5rem;}
.danger_box .ico img{max-width:7rem;}
.danger_box{display: block;}

.ind_i1> .top{position: relative;}
.ind_i1> .top > ul{margin-top: 4rem; margin-bottom: 1rem;}
.ind_i1> .top > ul:before{border:0}
/* .ind_i1> .top:after{position: absolute; left: 50%; width: 1px; height: 100%;content: ''; border-right: 3px dotted #ccc;top:0} */
.ind_i1 .top .item{float:none; margin-top: 3rem;}
.ind_i1 .top .bul-dot{display: inline-block;}

.ind_i1 .cons_dev .c{padding: 1rem}
.cons_dev .top{font-size: 1.125rem;}
.ind_i1 .cons_dev br{display: none;}

.cons_dev{display: block; margin-left: 0;}
.cons_dev > li{float:none; width: 100%; margin: 1rem 0 0;}
.cons_dev > li:first-child{margin-top: 0;}
.cons_dev{padding-top: 1.5rem; margin-top: 0}
.cons_dev > li:after{background: none}
.cons_dev:before{left: 50%; top:0; width: 1px; height: 100%;}

.ind_i3 ul{margin-top: 1.5rem;}
.ind_i3 li{position: static; width: 100%; margin-top: 1.5rem; text-align: left !important;}
.ind_i3 li:first-child{margin-top: 0;}
.ind_i3 .top .rel{max-width:80%}
.ind_i3 .top dt{font-size: 1.5rem;}
.ind_i3,.cons_steps{padding-left: 1rem; padding-right: 1rem;}

.box-ico > li{display: block; padding: 1.8rem 1.5rem}
.box-ico .ico{width: 100%; padding: 0 0 1.5rem; margin-bottom: 1.5rem;max-width:100%; text-align: center;}
.box-ico .ico:after{width: 3rem; height: 1px; left: 50%; bottom:0; top:auto; margin: 0 0 0 -1.5rem; border-right: 0; border-bottom: 1px solid #ccc}
.box-ico .ico img{margin: 0 auto 1rem; width: 5rem}
.box-ico .cont{padding: 0}

.box-kisa > ul{margin: -2rem 0 -15px}
.box-kisa > ul > li{width: 100%; margin: 2rem 0 0;}
.box_com-st3 .result{width: 100%; height: 5rem; font-size: 1.5rem;}
.box_com2{padding: 2rem 1rem}

.box_com-st3 .dev{margin-bottom: -20px;}
.box_com-st3 .dev > li{width: 48%; margin-bottom: 20px;}

.process-con_f{background-position-y:13%; background-size:100%}
.process-con_f .top{height: 50px; font-size: 1.125rem;}
.process-con_f .dev .bul-no .no{position: relative; left: 0; top:0;display: block; margin-bottom: 5px;}
.process-con_f .dev .bul-no li{padding: 10px}
.process-con_f .ab{width:6.3rem; top:115px}
.process-con_f .dev .bul-no li,.process-con_f .top{border-radius:10px}
.process-con_f .dev > *{width: calc(50% - .5rem)}

.steps-circle{flex-wrap:wrap}
.steps-circle > li{width: calc(50% - 1.5rem)}
.steps-circle .bg-wave, .steps-con_h .circle.bg-wave{background-size:cover}
.steps-circle > li:nth-child(2){margin-right: 0;}
.steps-circle > li:nth-child(2):before{background: none}

.steps-st1 .top{height: 3.5rem}
.steps-st1{margin: -30px 0 0; flex-wrap:wrap}
.steps-st1 > li{width: 100%; margin: 30px 0 0;}
.steps-st1 > li:before{left: 0; width: 100%; height: 30px; top:-30px; transform: rotate(90deg);}
.steps-st1 .cont{padding: 1rem}

.dev_total_i{padding: 0 1rem}

.dev_total_i > *{width: 100%; padding: 2rem 0}
.dev_total_i li:last-child{border-left: 0; border-top: 1px dashed #c0c2c6;}

.sch-box .type1{display: block;}
.sch-box .type1 .ttt{margin-bottom: 10px; display: block;}
.sch-box{padding: 1rem}
.box-fb{padding-left: 1rem; padding-right: 1rem;}
.fb2_l .right{margin: 0; display: block;}
.fb2_l .right > li{width: 100%; margin: 15px 0 0;}
.fb2_l .right .top,.fb2_l .right .bot{height: auto !important}
.fb2_l .right .pd{padding: 1.5rem}
.fb2_l .dev .pd{margin-top: 10px;}
.fb2_l .dev .pd:first-child{margin-top: 0;}
.fb2_l .top .t{height: 3em; padding-left: 45px;}
.fb2_l .top .t span{    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;}
    .cons_steps .sect .t{width: 1.5rem}
    .cons_steps .sect{padding-left: 1.8rem;}
    
    .steps_i_c3{margin: 0 0 0 -2%;}
    .steps_i_c3 > span{width:23%; margin: 10px 0 0 2%;}
    
    .ie-dev{display: block; margin-left: 0;}
    .ie-dev .left,.ie-dev .right{float:none; width: 100%; margin-left: 0;}
    .ie-dev .right{margin-top: 50px;}
    .ie-box .box .col3 li,.ie-box .box li{width: calc(50% - 10px)}
    .box_com-st3 .dev.col2 > li{width: 100%;}
    
    .pop-cont,.pop-certi .cont{padding: 1.5rem 1rem}
    .pop-tit,.pop-t{padding: 1rem}
    .pop-close,.pop-c{right: 1rem}
    .total-fee button{margin: 10px auto 0;}
    .total-fee input[type="text"]{width: 10.5rem; height: 2.5rem}
    .total-fee .sym{line-height: 2.5rem;}

   .attach-bot .in{display: block;}
   .attach-bot .t{display: block; margin-bottom: 10px;}
   .attach-bot .file{margin: 0 0 -10px -10px;}
   .attach-bot .file > li{margin: 0 0 10px 10px}
   .f_f_top,.f_f_top > *{display: block;}
   .f_f_top .t{padding: 10px 5px; width: 100%}
   .box_com-st2{display: block; padding: 1.25rem 1rem}
   .box_com-st2 .ico{margin-bottom:10px; width: 100%}
   .box_com-st2 .ico img{width: 5.3rem; margin: 0 auto; display: block;}
   .box_com-st2 .cont{margin-left: 0;}
   
   .fac_s-box > div{display: block;}
   .fac_s-box .arrow{margin: 10px 0;; width: 100%}
   .fac_s-box .arrow img{transform: rotate(90deg); height: 3.5rem}
   .fac_s-box .box{width: 100%}
   .fac_s-box .c{margin-top: 1rem; font-size: 1rem}
   
   .test-steps > li{}
.test-steps .circle{width: 2.5rem; height: calc(100% - 40px); border-radius:0; position: absolute; left: 0; top:0; margin:0;border:0; padding: 0 5px}
.test-steps .circle:before{display: none;}
.test-steps > li > ul{padding-left: 3.5rem}
.test-steps > li:last-child .circle{margin-top: 0; height: 100%}
.ind-di_dev > li{width: 98%}
.pop-i_e .box{padding: 1rem; margin-top: 15px;}
.pop-i_e .box .ck > li{background-position-y:0}
.dev_manage > li{padding: 1rem; width: calc(100% - 10px)}
.cons_dev2{flex-wrap:wrap; padding-top: 0; margin-left: -2%;}
.cons_dev2 > li{width: 48%; margin: 0 0 2% 2%;}
.cons_dev2 > li:before,.cons_dev2 > li:after,.cons_dev2:before{display: none;}
.cons_dev2 > li:last-child{width: 98%}
.cons_forward{padding-left: 1rem; padding-right: 1rem;}
.cons-circle .t{height: 3.5rem}
.consult2_box .det_w{margin: -50px 0 -30px -2%;}
.consult2_box .det > li{width: 31.333%; margin-bottom: 30px;}
.consult2_box .det > li{width: 48%}
.steps-remote .f22{font-size: 1.125rem !important;}
.steps-remote{font-size: 1.125rem !important;}
.tbl-dis_s table{min-width: 35rem}
.btn-st1.auto{padding: 0 5px}
.btn-st1.auto{display: flex; align-items:center; justify-content:center; line-height: 1.18; text-align: left;}
.page-location .way .img{width: 4em}

.danger2_dev .bul-no{padding: 1rem}
.half_w_img a, .half_w_img button{padding: 10px 1rem}
.box-st1{padding: 30px 1rem}
	   .steps-con_h.ss{max-width:400px}
	   ..steps-con_h.fe{max-width:300px}
	   .bbs-list .no, .bbs-list .writer,.bbs-list .date{width: auto}
	   
	   .bbs-gallery{margin-left: -1rem;}
	   .bbs-gallery > li{padding-left: 1rem;}
	   
	   .words_recent >strong{display: block; margin: 0 0 10px;}
	   .words_recent >strong:after{display: none;}
	   .box-st2{padding: 1.5rem}
	   
	   .steps-da_new{font-size: 1rem;}
	   .steps-da_new .big{padding: 5px; display: table; width: 100%; height:3.5em; line-height: 1.18;}
	   .steps-da_new .big .v{display: table-cell; vertical-align: middle;}
	   .steps-da_new .item{padding: 10px 0}
	   .steps-da_new .small{font-size: .938rem;}
	   .steps-da_new .item.last{padding: 0}
	   .steps-da_new .bul-no{word-break: break-all;}
	   .steps-da_new .bul-no li{padding: 0;}
	   .steps-da_new .bul-no .no{position: static; display: block; margin-bottom: 3px;}
	   .cons_steps .sect .t2 .rel{letter-spacing: -0.1em; padding: 0 5px}
	   .cons_steps .sect .t2:before{bottom:20px}
	   .cons_steps .sect .t2 .line{height: 20px}
	   .cons_steps .sect .t2{padding-bottom: 20px;}
	   
	   .page-location .img{padding-right: 0; margin-right: 0;}
	   .page-location .img:after{background: none}
	   .bbs-vdo_top .area_img .ifr{padding-bottom: 55%;}
	   
	   .vision-dia{padding-top: 50px;}
	   .vision-dia:before{height: 50px}
	   .vision-dia .mid:before, .vision-dia .bot:before{top:43px}
	   .vision-mid{padding-top: 50px;}
	   
	   .people-circle > li{width: 48%; margin-bottom: 30px;}
	   .people-circle .c{margin-top: 1rem;}
	   
	   .people-mid .top strong{font-size: 2.4rem;}
	   
	   .box_com-st1 ul li:nth-child(3){display: block;}
	   
	   .dis_box{padding: 1rem}
	   .pop-pw{margin-top: 1rem;}
	   .pop-pw button{width: 4em}
	   
	   .process-remote > li{padding: 1.5rem 1rem 1rem}
	   .process-remote .rel{padding-bottom: 5rem;}
	   .process-remote button{height: 3rem}
	   .dev-kisa_new > li{width: 48%; padding: 1.5rem 1rem}
	   
	   .ci_box{padding: 1.8rem 1rem 1.5rem}
	   .ci_box .in{min-height: auto}
	   .ci_dev > li{display: block;}
	   .ci_dev > li:last-child{margin: 5px 0 0;}
	   .ci-sig{margin-bottom: -20px;}
	   .ci-sig > li{width: 48%; margin-bottom: 20px;}
	   
	   .btn_rel_w,.rel_ab_w{padding-right: 0;}
	   
	   .steps-join{margin: 0 0 -55px;}
	   .steps-join > li{width: 100%; margin: 0 0 55px;}
	   .steps-join img{margin-bottom: 15px;}
	   
	   
	   .steps-join .circle{height: auto; width:100%; padding: 1rem}
	   .steps-join .big br{display: none;}
	   .steps-join .circle .add{margin-top: 5px;}
	   
	   .steps-join > li:before{height: 55px; width: 100%; left: 0; top:-55px; transform: rotate(90deg);background-size:18px}
	   
	   .page-location .bot .l{margin-bottom: 30px;}
	   .page-location .bot .r > *{padding-left: 0;}
	   .page-location .bot strong{background-size:15px}
	   
	   .consult-2 .padding .bul-dot{padding: 1rem; margin: 0;}
	   .consult-2 .padding.col3 > li{width: 97%; margin-top: -1px; padding-top: 0;}
	   .db_box > li{padding: 1.5rem 1rem; width: 97%; margin-bottom: 15px;}
	   .db_box > li:last-child{margin-bottom: 0;}
	   
	   .bbs-reply_new .write{padding: 3%}
    .bbs-reply_new .write .bg{padding-right: 0;}
    .bbs-reply_new .write .bg button{position: static;margin-top: 10px;width: 100%;height: 3em}
    .bbs-reply_new .input input{width: 100%}
    
    .consult-ns{padding-top: 40px;}
    .consult-ns .ns1{margin-bottom: 30px;}
    .consult-ns .ns1 li{height: 70px; font-size: 1.25rem;}
    .consult-ns .ns2{font-size: 1.5rem; height: 70px}
    .consult-add{background-size:100%; padding: 40px 0 0}
    .consult-1.new .process{margin: 0 0 40px;}
	.con-steps_new .dev > li{width: calc(50% - 10px);}
	.box_com.con-steps_new{padding: 1rem}
	.ch-dia ul{display: block;}
	.ch-dia li:nth-child(2){margin: 40px 0;}
	.ch-dia img{display: block; margin: 0 auto; max-width:95%}
	.ch-dia li:nth-child(2):before, .ch-dia li:nth-child(2):after{left: 0; width: 100%; height: 40px; background: url('../img/business/arrow_s.png') center center no-repeat}
	.ch-dia li:nth-child(2):before{top:-40px}
	.ch-dia li:nth-child(2):after{top:100%}
	.ch-dia li:first-child img,.ch-dia li:last-child img{width:10em}
	.f_f_top .c{padding: 1rem}
	.f_f_top .c .half_w > li{width: calc(100% - 15px);}
	
	
.btn-st1_w.big_w{margin-bottom: 0; margin-left: 0;}
.btn-st1_w.big_w a{width: 100%; margin: 3px 0;}

.auto_dev .float > li{width: 100%; margin-top: 15px; border:0; padding: 0}
.auto_dev .float > li:first-child{margin-top: 0;}
	.box_pr_w > li{width: 98%; padding-bottom: 45px;}
	.box_pr_w .t{margin-bottom: 1rem;}
	.box_pr_w .top{padding: 1.5rem 1rem}
	.box_pr_w .bot > li{line-height: 45px;}
	
	.pr-j{display: block}
	.pr-j .cont{margin: 15px 0 0;}
	.dev_inv > li{width: calc(100% - 10px)}
	.steps-st2.type2  > ul > li{width: 100%; text-align: left;display: flex; align-items: center}
	.steps-st2.type2  > ul > li:before{background: none}
	.steps-st2.type2 .ico{width: 5rem; margin: 0 1rem 0 0;}
	.steps-st2.type2 .cont{flex:1; margin: 0;}
	.steps-st2.type2 .c{margin-top: 5px;}
	.steps-st2.type2 .ico img{max-width:100%}
	
	/* .vdo_dev .active .img:after{border-width: 5px} */
	
	.loc_area{padding: 0}
	.loc_area .label{position: static; margin-bottom: 5px; padding: 4px 10px}
	
	.bbs-thumb a,.bbs-thumb a > *{display: block;}
	.bbs-thumb .cont{padding-left: 0;}
	.bbs-thumb .img{width: 100%; margin: 0 auto 20px;}
	
	
    .page-sitemap .nav{margin: 0 0 -50px -18px;}
    .page-sitemap .nav > li{width: calc(50% - 18px); margin-bottom: 50px; margin-left: 18px;}
    .page-sitemap .nav > li > a{margin-bottom: 0;}
    
    .f_ind_steps .r{margin-left: 30px;}
    .f_ind_r .item:before{left: -30px; width: 18px}
    .f_ind_steps .t{margin-bottom: ;}
    .f_ind_l .in{padding: 0 1rem}
    .f_ind_l .ico{width: 50px}
    
    .ind-di2 .mid .circle{font-size: 1.18rem; height: auto; padding: 1rem}
    .ind-di2 .mid .in{padding: 0}
    .ind-di2 .mid .box{margin-top: 30px; padding: 1.5rem 1rem; font-size: 1.125rem;}
    .ind-di2 .mid .box:before{top:-25px; height: 25px}
    .ind-di2 .mid .box li{background-size: 1.18rem; padding-left: 1.8rem; margin-top: 1rem;}
    
    .ind-di2 .mid{background-size:4rem;    padding-bottom: 5rem; margin-bottom: 2.4rem;}
    .ind-di2 .bot .ico{margin-bottom: 10px;}
   .ind-di2 .bot .txt{font-size: 13px;}
   
   .test-t_w .tbl-st2{font-size: .938rem;}
   
   .tbl-st2 td.tal{padding-left: 10px;}
   
   .test-t_w .pc{display: none;}
   
   .test-t2 .t2{width: 5.5em}
   .test-t2 tbody td:first-child{white-space: nowrap;   letter-spacing: -0.087em;}
   
	.adj-safety .block-m2{display: block}
	
	.tabs-st2.col5,.tabs-st2.col6,.tabs-st2.col7,.tabs-st2.col8,.tabs-st2.col9{white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden; text-align: left;}
	.tabs-st2.col5 > li,
	.tabs-st2.col6 > li,
	.tabs-st2.col7 > li,
	.tabs-st2.col8 > li,
	.tabs-st2.col9 > li{width: auto; min-width:5em; float:none; display: inline-block;}
	
	.tabs-st2 a{height: 3rem; padding: 0 10px}
.adj-sk2.tbl-st2 td.tal{padding-left: 1em;}

.adj-sk2_2 .sk2_2_1{width: 24%}
.adj-sk2_2 .tar{padding-right: 5px;}

.steps-da_new .s2 .in{margin-top: 55px;}
.steps-da_new .s3 .in{margin-top: 90px;}
.tbl-st1 td.tal{padding-left: 10px;}

.tbl-r_p .th5{width: 4em}
.tbl-r_p .btn-link_blue strong{display: none;}
.btn-link_blue,.tbl-r_p .btn-link_blue{padding: 5px 8px; font-size: 12px;}
.tbl-r_p .th4{width: 15%}



.bul-ck > li, .bul-ck > dd, .bul-mark > li, .bul-mark.b{background-size:1.18rem; padding-left: 1.5rem;background-position-y: 0.18rem;}
	
.tbl-st2.tbl-small th,.tbl-st2.tbl-small td{padding-left: 3px; padding-right: 3px;}

.btn-link_blue span strong{display: none;}
.tbl-region .rowspan{width:1em}

.danger_box .copy span{display: block; margin-bottom: 4px; padding: 0}
.danger_box .copy span:after{background: none}
.danger_box .copy span:last-child{padding-left: 1.15em;}

	.img-box2.col-3 >li{width: 100%; margin-bottom: 1em;}
	.img-box2.col-3 >li:last-child {margin-bottom: 0;}
	
	.kolas-c1 >li{width: 48%;}

}/* 720 */

@media (max-width:500px){
	.tbl-r_p .block-m2{display: block;}
}
@media (max-width:480px){
	.consult-1 .icon_w{margin: 40px 5px;}
	.consult-1 .icon_w li{margin: 0 -5px;}
	.box-line{border-width:2px; padding: 3px}
	.box-line > span{display: none;}
	.box-line .box{border-width:1px; padding: 40px 1rem}
    .steps_i_c3 > span{width:31.333%}
    .ie-box .box > ul{margin: 0 0 -5px 0;}
    .ie-box .box .col3 li,.ie-box .box .col2 li,.ie-box .box li{width: 100%; margin: 0 0 5px 0;}
    .ie-box .box button{height: 3em}
    
      .dev-st1 > li, .dev-st1.col3 > li{width: 98%}
      .f_ind_l .ico{display: none;}
      
      /* 나중에 삭제 */
      .vdo_dev .l,.vdo_dev .r{float:none; width: 100%}
	   .vdo_dev .r ul{margin: 1.5rem 0 0 -10px;}
	   .vdo_dev .r ul > *{float: left; width: calc(33.333% - 10px); margin-left: 10px}
	   .select_list_new .cont{padding-left: 1rem;}
	   .kisa_map .org_map{float: none;}
	   
	   .sch-box .center.sel3 .select:nth-child(-n+2){width: 98%}
	   .sch-box .center.sel3 .select:nth-child(2){margin-top: 5px;}
	   .sch-box .center.sel3 .select:nth-child(3){width: 28%}
	   .sch-box .center.sel3 .sch-st1{width: 68%; float: left;}
	   
	   .ind-di2 .bot li{width: 50%}
	   .ind-di2 .bot li:nth-child(n+3){margin-top: 1.5rem;}
	   .ind-di2 .bot li:nth-child(3):before,.ind-di2 .bot li:nth-child(5):before{border:0}
	   .ind-di2 .bot li:nth-child(4):before{border-left:1px dashed #aaa}
	   
	   .tbl-st2{font-size: .938rem;}
	   .steps-con .blue_r:after{bottom: -30px}
	   .steps-con .dev{margin-top: 30px;}
	   .steps-con .ab{top:-40px}
	   .steps-con .dev > *{padding-top: 18px;}
	   
	   
	   .tbl-region .block-th{display: block;}
	   
	   
}
@media (max-width:380px){
	.btn-sch{width: 4rem}
	.bbs-rule .t{margin-bottom: 20px;}
	.bbs-rule .more span{    background-size: 30px; padding-right: 35px;}
.steps-con_h.big .circle{width: 7.5rem; height: 7.5rem}
.c_s_txt{padding-bottom: 0;}
.c_s_txt .r{width: 100%; position: static;}
      .paginationSet li{width: 1.5em;
    height: 1.5em;
    line-height: 1.55rem;}
    .paginationSet .next{margin-left: 1rem;}
    .paginationSet .prev{margin-right: 1rem;}
   .ci_box .flex{flex-wrap:wrap}
   .ci_box .nemo{width: 100%}
   .ci-sig .dot{letter-spacing: -0.1em;}
   .bbs-thumb .etc > li span:first-child{display: block; margin-bottom: 5px;}
   
   .f_ind_steps .r{width: 100px}
   .f_ind_r .item,.f_ind_l .in{border-radius:5px}
   
   .ind-di2 .bot li:before{    top: 14%; height: 24%;}
   
   .tbl-st2 td{font-size: 13px;}
   .tbl-st2 th, .tbl-st2 td{padding: .938rem 3px}
   
   .tbl-small.tbl-st2{font-size: 12px;}
    .tbl-small.tbl-st2 td{font-size: 11px;}
   
   .adj-safety{letter-spacing: -0.07em;}
   .adj-safety td:nth-child(2){white-space: nowrap;}
   .adj-safety th,.adj-safety td{padding: 10px 3px}
   .adj-safety.tbl-st2 td.tal{padding-left: 5px;}
   .adj-sk2.tbl-st2 td.tal{padding-left: 10px;}
   .adj-sk2 td{letter-spacing: -0.08em;}
   .adj-sk2_2 .block-m2{display: block;}
}

@media (max-width:350px){
	.con-steps_new .tit{padding: 5px 10px}
}


@media print {
	h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, div,body,img { -webkit-print-color-adjust:exact; }
	.tabs-st1,
	.bbs-top .r,
	.bbs-etc,#header,#footer,#locW{display: none;}
	#wrap,#subPage{padding-top: 0;}
	html{font-size: 11px;}
	.com-top .inner{padding: 2.5rem 1rem}
	.box_com{padding: 10px}
	.f_f_top .t{width: 20%}
	.f_f_top .c{padding: 15px}
	.box_com-st1{padding: 15px 0}
	.box_com-st1 ul li{padding: 30px 1.5%}
	.dev_inv > li{padding: 15px 10px 15px 47px; min-height: 50px}
	.dev_inv .no{width: 30px; height: 30px; line-height: 30px; left: 10px}
	.bul-ck > li, .bul-ck > dd, .bul-mark > li, .bul-mark.b{background-size:1em; padding-left: 1.5em;}
	.ico-law{background-size: 0.85em;}
	.box_com-st1 ul li:after{background-size:70%; width: 30px; height: 30px; right: -15px}
	.com-top .l{padding: 15px 0}
	
	.sub-t{font-size: 28px; margin-bottom: 31px;}
}