@charset "UTF-8"; 

@import url("../../kdgas/css/105.css"); /* dep03 - 1 */
@import url("../../kdgas/css/107.css"); /* dep03 - 2 */
@import url("../../kdgas/css/47.css"); /* dep04,dep05 */

/********************************
 01 서비스 안내/신청
 *******************************/
 /*01가스이용안내 > 05 기타출장서비스*/
 
 /*자세히보기 팝업*/
 .business_popup {position:absolute; left:20%; top:30%; width:70%; background-color:#fff; border-radius:10px; z-index:1;}
 .business_popup .popup_inner {position:relative; padding:30px 30px 120px; border-radius:10px; border:3px solid #333;}
 .business_popup .popup_inner button {position:absolute; right:30px; bottom:30px;}
 


/* media query */
@media screen and (max-width:1200px){
 	.business_popup {left:3%; top:30%; width:94%;}
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
}

@media screen and (max-width:640px){
 	.business_popup .popup_inner {padding:30px 30px 90px;}
 	.business_popup .popup_inner button {right:20px; bottom:20px;}
}

@media screen and (max-width:480px){
}
 
 /*02서비스정보 신청변경 > 05제휴카드발급안내 > 02제휴카드자동이체납부 > 05금융기관 납부*/
.icon_step.pay_step .step_list .step_cont .topbox .icon {margin:0 auto; width:140px; height:140px; background-color:#fff;}
.icon_step.pay_step .step_list .step_cont .topbox .icon:before {content:''; position:absolute; left:50%; top:50%; margin:-70px 0 0 -70px; width:140px; height:140px; background-position:center center; background-repeat:no-repeat; background-size:auto;}
.icon_step.pay_step .step_list .step_cont .topbox .icon.icon01:before {background-image:url(../images/sub01/icon_pay01.png);}
.icon_step.pay_step .step_list .step_cont .topbox .icon.icon02:before {background-image:url(../images/sub01/icon_pay02.png);}
.icon_step.pay_step .step_list .step_cont .topbox .icon.icon03:before {background-image:url(../images/sub01/icon_pay03.png);}
.icon_step.pay_step .step_list .step_cont .topbox .icon.icon05:before {background-image:url(../images/sub01/icon_pay05.png);}

.icon_step.pay_step .step_list .step_cont .topbox .icon.icon04 {width:160px; height:140px;}
.icon_step.pay_step .step_list .step_cont .topbox .icon.icon04:before {margin:-70px 0 0 -80px; width:160px; height:140px; background-image:url(../images/sub01/icon_pay04.png);}

.icon_step.pay_step .step_list .step_cont .topbox .icon.icon06:before {background-image:url(../images/sub01/icon_pay06.png);}
.icon_step.pay_step .step_list .step_cont .topbox .icon.icon07:before {background-image:url(../images/sub01/icon_pay07.png);}
.icon_step.pay_step .step_list .step_cont .topbox .icon.icon08:before {background-image:url(../images/sub01/icon_pay08.png);}
.icon_step.pay_step .step_list .step_cont .topbox .icon.icon09:before {background-image:url(../images/sub01/icon_pay09.png);}
.icon_step.pay_step .step_list .step_cont .topbox .icon.icon10:before {background-image:url(../images/sub01/icon_pay10.png);}
.icon_step.pay_step .step_list .step_cont .topbox .icon.icon11:before {background-image:url(../images/sub01/icon_pay11.png);}


/*03도시가스 서비스 > 02안전전검*/
.Safetycheck_list {display:flex; gap:20px; margin-bottom:10px;}
.Safetycheck_list li {padding:20px; width:20%; text-align:center; border:1px solid #ddd; border-radius:10px;}
.Safetycheck_list li img {border-radius:10px;}
.Safetycheck_list li p {margin-top:20px; margin-bottom:0; font-weight:500; font-size:2.0rem; font-family:'OneMobile';}


/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){
	.Safetycheck_list {flex-wrap:wrap;}
	.Safetycheck_list li {width:calc(33.3333% - 14px);}
}

@media screen and (max-width:767px){
}

@media screen and (max-width:640px){
	.Safetycheck_list li {width:calc(50% - 10px);}
}

@media screen and (max-width:480px){
}


/*03도시가스 서비스 > 02안전전검 > 02이력조회_프린트*/
.printPage {position:relative; height:100%;}

.printView {display:flex; flex-wrap:wrap; flex-direction:column; align-content:center; justify-content:space-between; padding:30px; height:90%;}
.headTxt {text-align:center;}
.headTxt span {font-family:'OneMobile'; font-size:2.8rem; color:#222;}

.tableBox {margin-bottom:80px;}
.tableBox:last-child {margin-bottom:0;}

.tableBox .tit {font-weight:600;}

.footTXt {margin:0 auto;}
.footTXt p {position:relative; font-size:2.4rem; font-weight:500;}
.footTXt p .seal {position:absolute; right:-90px; top:-23px; padding:15px 20px; font-size:2.0rem; border:1px solid #aaa; font-weight:400; line-height:1.2;} 


.footBtn {position:absolute; right:20px; bottom:20px;}

@page {size:210m 297m; margin:30px 0;}

@media print{
	.footBtn {display:none;}
}





/*03도시가스 서비스 > 02계량기 교체 > 01계량기 교체 안내*/
.meter_box {position:relative; padding-right:230px;}
.meter_box:before {content:''; position:absolute; right:0; top:0; width:190px; height:210px; background:url(../images/sub01/Meter.jpg) 0 0 no-repeat;}


/* media query */
@media screen and (max-width:640px){
	.meter_box {padding-right:0; padding-top:230px;}
	.meter_box:before {right:50%; top:0; margin-right:-95px;}
}


/*04요금납부안내 > 03가스요금안내 > 02단위열량정보 조회*/
.info_txtbox.list.cal_value  p {font-size:2.0rem;}
.info_txtbox.list.cal_value  p strong {font-size:2.4rem;}



/* media query */
@media screen and (max-width:767px){
	.info_txtbox.list.cal_value  p {font-size:1.8rem;}
	.info_txtbox.list.cal_value  p strong {font-size:2.0rem;}
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
	.info_txtbox.list.cal_value  p {font-size:1.7rem;}
	.info_txtbox.list.cal_value  p strong {font-size:1.9rem;}
}



/*04요금납부안내 > 03가스요금안내 > 03요금계산기*/
.charge_box {display:flex; justify-content:space-between; align-items:center; padding:20px 30px; border:1px solid #eee; background-color:#f4f4f9; border-radius:10px;}
.charge_box .charge_inner {display:flex; align-items:center;}
.charge_box .charge_inner > div {display:flex; align-items:center; margin-right:20px;}
.charge_box .charge_inner .dt {margin-right:20px; font-weight:500;}
.charge_box .charge_inner input {width:160px;}
.charge_box .charge_inner .tit {margin-right:50px; font-weight:500;}
.charge_box .charge_inner p strong {font-size:2.2rem;}


/* media query */
@media screen and (max-width:1520px){
}
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
	.charge_box {padding:20px;}
	.charge_box .charge_inner .tit {margin-right:20px;}
}

@media screen and (max-width:920px){
	.charge_box {flex-direction:column; align-items:normal;}
	.charge_box .charge_inner.won_box {margin-top:20px; padding-top:10px; justify-content:flex-end !important; border-top:1px dashed #ddd;}
}

@media screen and (max-width:767px){
	.charge_box.box2 .charge_inner {flex-wrap:wrap; justify-content:center;}
	.charge_box.box2 .charge_inner button {margin-top:15px; padding:5px 20px; width:40%; line-height:inherit;}
	
	.charge_box .charge_inner p strong {font-size:2.0rem;}
}

@media screen and (max-width:640px){
	.charge_box .charge_inner,
	.charge_box.box2 .charge_inner {flex-direction:column;}
	
	.charge_box .charge_inner > div {margin-right:0; margin-bottom:10px;}
	.charge_box .charge_inner button {margin-top:10px; padding:5px 20px; width:160px; line-height:inherit;}
	.charge_box .charge_inner .tit {margin-right:0;}
	.charge_box.box2 .charge_inner button {margin-top:10px; width:160px;}
}

@media screen and (max-width:480px){
}



/*04요금납부안내 > 03가스요금안내 > 05탄소포인트제*/
.imgbox.tanso_imgbox {padding:3% 10%;}
.imgbox.tanso_imgbox.mobile {display:none;}

.tanso_box {width:80%; margin:30px auto 0; text-align:center;}
.tanso_box .tanso_list {display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:baseline;}
.tanso_box .tanso_list > li {width:33.3333%;}
.tanso_box .tanso_list > li:before {content:''; display:block; width:1px; height:80%; background-color:#dedede;}
.tanso_box .tanso_list > li:first-child:before {display:none;}
.tanso_box .tanso_list > li .tanso_inner {text-align:center;}
.tanso_box .tanso_list > li .tanso_inner .tanso_img {text-align:center; margin-bottom:10px;}
.tanso_box .tanso_list > li .tanso_inner .tanso_tit {display:block; text-align:center; font-size:2.4rem; font-weight:500; color:#333;}



/* media query */
@media screen and (max-width:1520px){
}
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
	.tanso_box {width:100%;}
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
	.imgbox.tanso_imgbox.pc {display:none;}
	.imgbox.tanso_imgbox.mobile {display:block; padding:2% 0;}
	
	.tanso_box {margin:20px auto 0;}
	.tanso_box .tanso_list {flex-wrap:wrap; justify-content:center; align-items:baseline; gap:20px;}
	.tanso_box .tanso_list > li {width:calc(33.3333% - 15px);}
	.tanso_box .tanso_list > li .tanso_inner .tanso_img {margin-bottom:20px;}
	
	.tanso_box .tanso_list > li .tanso_inner .tanso_tit {font-size:2.0rem;}
}

@media screen and (max-width:640px){
	.tanso_box .tanso_list > li .tanso_inner .tanso_tit {font-size:1.8rem;}
}

@media screen and (max-width:480px){
	.tanso_box .tanso_list > li .tanso_inner .tanso_img {margin-bottom:10px;}
	.tanso_box .tanso_list > li .tanso_inner .tanso_tit {font-size:1.6rem; line-height:1.2;}
}



/*05산업용고객서비스 > 02SA서비스 안내 > 02서비스 종류*/
.step_box2.srvTyp .step_list .step_cont .topbox:after {display:none;}


/*05산업용고객서비스 > 03에너지가격비교*/
.scrl_info3 {display:table; margin-bottom:4px;}
.scrl_info3 p {position:relative; display:table-cell; padding-left:30px; vertical-align:middle;}
.scrl_info3 p:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:26px; height:20px; background:url(../images/arrow_ir.png) -56px 0 no-repeat;}

.energyTbl_scroll {position:relative;}
.scrollInner {width:100%; overflow-x:scroll;}
.energyTbl {width:1520px; border:0; border-collapse:collapse; border-top:2px solid #446db5;}
.energyTbl th:first-child {position:-webkit-sticky; position:sticky; left:0;}
.energyTbl td:first-child {position:-webkit-sticky; position:sticky; left:0;}
.energyTbl tbody tr:first-child th:before {content:''; position:absolute; left:0; top:-1px; width:100%; height:1px; background-color:#bbb;}
.energyTbl tbody tr:first-child th:after {content:''; position:absolute; left:0; bottom:0px;width:100%; height:1px; background-color:#ddd;}




/*05산업용고객서비스 > 02RM서비스 안내 > 04조직도*/
.saorg_box {display:block; margin-top:20px; text-align:center;}
.saorg_box li .top_tit {display:block; position:relative; margin:0 auto; padding:9px 0; width:30%; background-color:#1a5aaa; border-radius:90px; color:#fff; font-size:2.4rem;}
.saorg_box li .top_tit .sub_tit {font-size:2.0rem;}

.saorg_box li ol > li {position:relative; padding-top:50px;}
.saorg_box li ol > li:before {content:''; position:absolute; left:50%; top:0; width:1px; height:50px; background-color:#ddd;} 
.saorg_box li ol > li .tit2 {display:block; position:relative; margin:0 auto; padding:15px 0; width:30%; background-color:#4b5664; border-radius:90px; color:#fff; font-size:2.0rem;}

.saorg_box li ol > li ul {position:relative; display:flex; flex-wrap:wrap; align-items:stretch; margin-top:50px; padding:20px; border:1px solid #ddd; background-color:#FEF2EC; border-radius:10px; gap:20px;}
.saorg_box li ol > li ul:before {content:''; position:absolute; left:50%; top:-50px; width:1px; height:50px; background-color:#ddd;} 
.saorg_box li ol > li ul > li {padding:10px; width:calc(33.3333% - 15px); background-color:#fff; border:1px solid #ddd; border-radius:10px;}




/* media query */
@media screen and (max-width:1340px){
	.energyTbl tbody tr:first-child th:after {display:none;}
}

@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
	.saorg_box li .top_tit,
	.saorg_box li ol > li .tit2 {width:50%;}
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
	.saorg_box li .top_tit {font-size:2.0rem;}
	.saorg_box li .top_tit .sub_tit {font-size:1.8rem;}
	
	.saorg_box li ol > li {padding-top:30px;}
	.saorg_box li ol > li:before {height:30px;} 
	.saorg_box li ol > li .tit2 {font-size:1.8rem;}
	.saorg_box li ol > li ul {margin-top:20px; gap:10px;}
	.saorg_box li ol > li ul:before {top:-20px; height:20px;} 
	.saorg_box li ol > li ul > li {width:calc(33.3333% - 8px);}
}

@media screen and (max-width:640px){
	.energyTbl tbody tr:first-child th:before {top:0;}
	
	.saorg_box li .top_tit {padding:5px 0;}
	
	.saorg_box li ol > li {padding-top:20px;}
	.saorg_box li ol > li:before {height:20px;} 
	.saorg_box li ol > li .tit2 {padding:10px 0;}
	.saorg_box li ol > li ul {padding:10px;}
	.saorg_box li ol > li ul > li {padding:10px; width:calc(50% - 8px);}
}

@media screen and (max-width:480px){
	.energyTbl tbody tr:first-child th:before {top:-1px;}
	
	.saorg_box li .top_tit {width:200px; font-size:1.8rem;}
	.saorg_box li .top_tit .sub_tit {font-size:1.6rem;}
	.saorg_box li ol > li .tit2 {width:200px; font-size:1.7rem;}
	.saorg_box li ol > li ul > li {padding:5px; width:100%; border-radius:7px;}
}


/*05산업용고객서비스 > 03에너지 가격 비교*/
.boardtop_txtinner.src_industry {}
.boardtop_txtinner.src_industry .t_txt.energy {display:flex; flex-direction:column;}
.t_txt.energy .search_ctbox.col_list1 .src_list {display:flex; align-items:center;}
.t_txt.energy .search_ctbox.col_list1 .src_list .date_label {margin-right:10px; width:64px; font-weight:500;}
.t_txt.energy .search_ctbox.col_list1 .src_list .date_select {display:flex; align-items:center; width:calc(100% - 64px);}
.t_txt.energy .search_ctbox.col_list1 .src_list .date {display:flex; align-items:center; width:50%;}
.t_txt.energy .search_ctbox.col_list1 .src_list .date select {margin-left:10px;}
.t_txt.energy .search_ctbox.col_list1 .src_list .date select:first-child {margin-left:0;}
.t_txt.energy .search_ctbox.col_list1 .src_list .dash {padding:0 10px;}

.t_txt.energy .search_tbox.selectBox {padding:0 90px 0 0;}
.t_txt.energy .search_tbox.selectBox dl {display:flex; gap:10px;}
.t_txt.energy .search_tbox.selectBox .search_txtbox {display:flex; align-items:center; width:50%; background:unset;}
.t_txt.energy .search_tbox.selectBox .search_txtbox label {margin-right:10px; font-weight:500;}
.t_txt.energy .search_tbox.selectBox .search_txtbox select {padding:0 30px 0 12px; width:100%; border:1px solid #ddd; background:#fff url(../images/select_arrow.png) right 11px center no-repeat; border-radius:5px;}

.grp_box {margin:30px 0;}

/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}
@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
	.t_txt.energy .search_tbox.selectBox {padding:0 70px 0 0;}
}

@media screen and (max-width:640px){
	.t_txt.energy .search_ctbox.col_list1 .src_list {align-items:flex-start; flex-direction:column;}
	.t_txt.energy .search_ctbox.col_list1 .src_list .date_label {margin-right:0; width:100%;}
	.t_txt.energy .search_ctbox.col_list1 .src_list .date_select {width:100%;}
	.t_txt.energy .search_ctbox.col_list1 .src_list .date select {margin-left:5px;}
	
	.t_txt.energy .search_tbox.selectBox {padding:0;}
	.t_txt.energy .search_tbox.selectBox dl {flex-direction:column; gap:5px;}
	.t_txt.energy .search_tbox.selectBox .search_txtbox {margin-top:0; padding:0; width:100%;}
	.t_txt.energy .search_tbox.selectBox .search_txtbox label {width:57px;}
	.t_txt.energy .search_tbox.selectBox .search_txtbox select {width:calc(100% - 57px);}
	.t_txt.energy .search_tbox.selectBox .search_btnbox {display:block; position:relative; width:100%;}
}

@media screen and (max-width:480px){
	.t_txt.energy .search_ctbox.col_list1 .src_list .date_select {flex-direction:column;}
	.t_txt.energy .search_ctbox.col_list1 .src_list .date {width:100%;}
}




/*05산업용고객서비스 > 07관련 정보처 Link*/
.link_box {display:flex; flex-wrap:wrap; align-items:stretch; gap:30px;}
.link_box li {padding:25px; width:calc(33.3333% - 20px); border:1px solid #ddd; border-radius:10px; text-align:center;}
.link_box li .icon_box {margin-bottom:20px;}
.link_box li .icon_box i {display:block; position:relative; margin:20px auto; width:250px; height:50px;}
.link_box li .icon_box i:before {content:''; position:absolute; left:0; top:0; width:250px; height:50px; background-position:0 0; background-repeat:no-repeat;}
.link_box li .icon_box i.icon01:before {background-image:url(../images/sub01/icon_logo01.png);}
.link_box li .icon_box i.icon02:before {background-image:url(../images/sub01/icon_logo02.png);}
.link_box li .icon_box i.icon03:before {background-image:url(../images/sub01/icon_logo03.png);}
.link_box li .icon_box i.icon04:before {background-image:url(../images/sub01/icon_logo04.png);}
.link_box li .icon_box i.icon05:before {background-image:url(../images/sub01/icon_logo05.png);}
.link_box li .icon_box i.icon06:before {background-image:url(../images/sub01/icon_logo06.png);}
.link_box li .icon_box i.icon07:before {background-image:url(../images/sub01/icon_logo07.png);}
.link_box li .icon_box i.icon08:before {background-image:url(../images/sub01/icon_logo08.png);}
.link_box li .icon_box i.icon09:before {background-image:url(../images/sub01/icon_logo09.png);}
.link_box li .icon_box i.icon10:before {background-image:url(../images/sub01/icon_logo10.png);}
.link_box li .icon_box i.icon11:before {background-image:url(../images/sub01/icon_logo11.png);}
.link_box li .icon_box i.icon12:before {background-image:url(../images/sub01/icon_logo12.png);}
.link_box li .icon_box i.icon13:before {background-image:url(../images/sub01/icon_logo13.svg); width:255px;}
.link_box li .icon_box i.icon14:before {background-image:url(../images/sub01/icon_logo14.png);}
.link_box li .icon_box i.icon15:before {background-image:url(../images/sub01/icon_logo15.png);}

.link_box li .icon_box .tit {font-family:'OneMobile'; font-weight:500; font-size:2.2rem;}


/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
	.link_box li {padding:20px 20px 30px; width:calc(50% - 15px);}
	.link_box li .icon_box i {margin:15px auto;}
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
	.link_box {gap:20px;}
	.link_box li {width:calc(50% - 10px);}
	.link_box li .icon_box .tit {font-size:2.0rem;}
}

@media screen and (max-width:640px){
	.link_box li {width:100%;}
}

@media screen and (max-width:480px){
	.link_box li {padding:20px 10px 30px;}
}



/********************************
 02 고객센터
 *******************************/

/*01가스사용안전 > 01도시가스사용법*/

.SafetyUse > li {margin-top:30px;}
.SafetyUse > li:first-child {margin-top:0;}

.SafetyUse > li .safety_inbox {display:flex; align-items:center; padding:30px; border:1px solid #ddd; border-radius:15px; background-color:#fdf6e3;}
.SafetyUse > li .safety_inbox img {background-color:#fff; border-radius:10px;}
.SafetyUse > li .safety_inbox .satety_tbox {margin-left:40px;}
.SafetyUse > li .safety_inbox .satety_tbox .tit {font-family:'OneMobile'; font-size:2.4rem; color:#333;}



/*01가스사용안전 > 04특정상황 별 주의사항*/
.SafetyUse.safetyuse2 > li .safety_inbox {background:#fff;}


/*01가스사용안전 > 05고객만족의 날 행사*/
.SafetyUse.safetyuse3 > li .safety_inbox img {width:250px;}



/* media query */
@media screen and (max-width:1200px){
	.SafetyUse > li .safety_inbox img {width:340px;}
	.SafetyUse > li .safety_inbox .satety_tbox {margin-left:25px;}
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){
	.SafetyUse > li .safety_inbox {flex-wrap:wrap;}
	.SafetyUse > li .safety_inbox img {margin:0 auto; width:inherit;}
	.SafetyUse > li .safety_inbox .satety_tbox {margin-left:0; margin-top:30px;}
	
		
	/*01가스사용안전 > 05고객만족의 날 행사*/
	.SafetyUse.safetyuse3 > li .safety_inbox img {margin:unset;}
	.SafetyUse.safetyuse3 > li .safety_inbox .satety_tbox {margin-left:30px; margin-top:unset;}
}

@media screen and (max-width:767px){
	.SafetyUse > li .safety_inbox .satety_tbox {margin-top:20px;}
	.SafetyUse > li .safety_inbox .satety_tbox .tit {font-size:2.0rem;}
	
		
	/*01가스사용안전 > 05고객만족의 날 행사*/
	.SafetyUse.safetyuse3 > li .safety_inbox img {margin:0 auto;}
	.SafetyUse.safetyuse3 > li .safety_inbox .satety_tbox {margin-left:0; margin-top:20px; width:100%;}
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
	.SafetyUse > li .safety_inbox {padding:20px 20px 30px;}
		
	/*01가스사용안전 > 05고객만족의 날 행사*/
	.SafetyUse.safetyuse3 > li .safety_inbox img {width:100%;}
}




/*01가스사용안전 > 03응급상황 시 행동요령*/
.emgc_box {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between;}
.emgc_box .imgBox {background-color:#d1ceb6; border-radius:20px;}
.emgc_box .imgBox img.mobile {display:none;}
.emgc_box .imgBox img {border-radius:20px;}

.emgc_box .step_box {width:calc(100% - 240px);}





/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){
	.emgc_box {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between;}
	.emgc_box .imgBox {margin:0 auto 30px; text-align:center;}
	.emgc_box .imgBox img.pc {display:none;}
	.emgc_box .imgBox img.mobile {display:block;}
	
	.emgc_box .step_box {width:100%; border-radius:none;}
}

@media screen and (max-width:767px){
}

@media screen and (max-width:640px){
	.emgc_box .imgBox {margin:0 auto 20px;}
}

@media screen and (max-width:480px){
}





/*02고객의소리 > 02 고객의 소리접수 > 01 고객의 소리접수*/
.minwon_btn {margin-top:50px;}

/*민원접수신청(회원용)*/
/*목록*/
.btn_state {padding:6px 10px; font-size:1.4rem; border-radius:5px; color:#fff;}
.btn_state.state01 {background-color:#444;} /*등록*/
.btn_state.state02 {background-color:#f0981b;} /*이관*/
.btn_state.state03 {background-color:#138719;} /*확인*/
.btn_state.state04 {background-color:#01ACD4;} /*처리*/
.btn_state.state05 {background-color:#1b69f1;} /*답변완료*/
.btn_state.state06 {background-color:#919191;} /*취소*/

/*신청페이지*/
.search_ctbox.subject_select {margin-bottom:0;}
.search_ctbox.subject_select .src_list {display:flex; align-items:center; float:none; margin-bottom:0;}
.search_ctbox.subject_select .src_list label {width:100px; font-weight:500;}

.security_box .captcha_rebtn {position:relative; width:70px; height:70px; background-color:#138719; border-radius:10px;}
.security_box .captcha_rebtn.reload {margin-left:5px;}
.security_box .captcha_rebtn:before {content:''; position:absolute; left:50%; top:50%; margin:-14px 0 0 -14px; width:28px; height:28px; background-position:0 0; background-repeat:no-repeat;}
.security_box .captcha_rebtn.reload:before {background-image:url(../images/sub02/icon_reload.png);}
.security_box .captcha_rebtn.audio:before {background-image:url(../images/sub02/icon_audio.png);}

.security_box .numbox {display:flex; margin-bottom:0; margin-right:20px;}

.scrollbox .ethicsCreed .e_cont {padding:30px 0;}

.minwon_btn2 {margin-top:40px;}
.minwon_btn2 .btn_save {width:20%;}



/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:860px){
	.security_box .numbox {margin-right:0; margin-bottom:10px;}
	.security_box input {display:block; width:100%;}
}

@media screen and (max-width:767px){
	.search_ctbox.subject_select {padding-bottom:0; border:none;}
	
	.scrollbox .ethicsCreed .e_cont {padding:15px 0;}
}

@media screen and (max-width:640px){
	.search_ctbox.subject_select .src_list {flex-wrap:wrap;}
	.search_ctbox.subject_select .src_list label {margin-bottom:10px; width:100%;}	
	
	.minwon_btn2 {margin-top:30px;}
	.minwon_btn2 .btn_save {width:40%;}
	
	.security_box .captcha_rebtn {width:60px; height:60px;}
	.security_box .captcha_rebtn:before {margin:-12px 0 0 -12px; width:24px; height:24px; background-size:100%;}
}

@media screen and (max-width:530px){
	.security_box .numbox {flex-direction:column;}
	.security_box .numbox img {margin-bottom:5px;}
	.security_box .captcha_rebtn.reload {margin-left:0;}
	.security_box .captcha_rebtn {width:95px; height:50px;}
	.security_box .captcha_rebtn:before {margin:-10px 0 0 -10px; width:20px; height:20px;}
}

@media screen and (max-width:480px){	
	.minwon_btn {margin-top:30px;}
	.minwon_btn button {display:block; margin-top:10px; width:100%;}
	
	.minwon_btn2 .btn_save {width:50%;}
}
@media screen and (max-width:360px){
	.security_box .captcha_rebtn {width:75px;}
}




/*02고객의소리 > 02 고객의 소리접수 > 03서비스센터 방문직원 확인*/
.boardtop_txtinner .t_txt.sech_staff {display:flex; flex-wrap:wrap;}
.search_ctbox.staff_ctbox {margin-bottom:0; padding-bottom:0; border:none;}
.search_tbox.staff_tbox {margin-left:10px; width:calc(100% - 223px);}



/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
	.search_tbox.staff_tbox {width:calc(100% - 206px);}
	
	.tbl_bd_list.board.staff_table tbody td .m_head {padding:2px 5px; width:125px; text-align:left;}
	.tbl_bd_list.board.staff_table tbody td .m_td {padding:2px 5px; width:calc(100% - 125px);}
}

@media screen and (max-width:640px){
	.boardtop_txtinner .t_txt.sech_staff {flex-direction:column;}
	.search_ctbox.staff_ctbox {width:100%;}
	.search_ctbox.staff_ctbox .src_list {float:none;}
	.search_tbox.staff_tbox {margin-left:0; width:100%;}
}

@media screen and (max-width:480px){
	.search_tbox.staff_tbox .search_txtbox {margin-top:5px;}
}




/*02고객의소리 > 03소비자보호 > 01소비자중심경영(CCM)*/
.certify_box {display:flex; flex-wrap:wrap; margin-top:20px;}
.certify_box li {width:11%; text-align:center;}



/* media query */
@media screen and (max-width:1200px){
	.certify_box {gap:20px;}
	.certify_box li {width:calc(20% - 16px);}
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
	.certify_box li {width:calc(33.3333% - 14px);}
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
}




/*02고객의소리 > 03소비자보호 > 02고객헌장*/
.ctzbox:after {content:''; display:block; visibility:hidden; clear:both;}
.ctzline {position:relative; padding:8px; border:3px solid #E4E8ED; background-color:#fff;}
.ctzinner {padding-top:120px; padding-bottom:120px; border:1px solid #D0D7E0; text-align:center;}
.ctzline:before,.ctzline:after,
.ctzinner:before,.ctzinner:after {content:''; position:absolute; width:92px; height:92px; background-image:url(../images/sub02/img_ctz_ir.png); background-repeat:no-repeat;}
.ctzline:before {left:30px; top:30px; background-position:0 0;}
.ctzline:after {right:30px; top:30px; background-position:-92px 0;}
.ctzinner:before {left:30px; bottom:30px; background-position:0 -92px;}
.ctzinner:after {right:30px; bottom:30px; background-position:-92px -92px;}

.ctztit {position:relative; display:inline-block; padding-top:20px; padding-bottom:10px; border-top:1px solid #D0D7E0; border-bottom:1px solid #D0D7E0;}
.ctztit strong {position:relative; display:block; font-family:'OneMobile'; font-size:3.2rem; line-height:1.3; color:#3478cd;}
.ctztit:before {content:''; position:absolute; left:50%; top:-45px; margin-left:-107px; width:213px; height:57px; background:url(../images/sub02/img_ctz_ir.png) 0 -184px no-repeat; z-index:2;}
.ctztxt {display:block; margin:2% 20% 0; text-align:left;}
.ctztxt .txt_list {padding:15px 0; border-radius:20px; border:1px solid #E4E8ED; background-color:#f4f4f9; }
.ctztxt .txt_list > li {padding:15px 30px;}
.ctztxt .txt_list > li dl {display:flex;}
.ctztxt .txt_list > li dl dt {width:50px; height:50px; line-height:51px; text-align:center; font-family:'OneMobile'; font-size:3.2rem; background-color:#3478cd; border-radius:50%; color:#fff;}
.ctztxt .txt_list > li dl dd {padding-left:20px; width:calc(100% - 50px);}

.img_list.ctz_imglist .imgbox {text-align:center;}
.img_list.ctz_imglist .imgbox img {width:unset; height:unset;}
.img_list.ctz_imglist .imgbox p {margin-top:10px; margin-bottom:0; line-height:1.2;}


	/*media query*/
@media screen and (max-width:1520px) {
	.ctztxt {margin:2% 10% 0;}
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
	.ctztit strong {font-size:3.0rem;}
	.ctztxt .txt_list > li dl dt {font-size:2.8rem;}
}
@media screen and (max-width:767px) {
	.ctztit strong {font-size:2.6rem;}
	.ctztxt .txt_list > li dl dt {width:40px; height:40px; line-height:41px; font-size:2.2rem;}
	.ctztxt .txt_list > li dl dd {width:calc(100% - 40px);}
}
@media screen and (max-width:640px) {
	.ctztit {padding-top:15px;}
	.ctztit strong {font-size:2.2rem;}
	
	.ctztxt .txt_list > li dl {flex-wrap:wrap;}
	.ctztxt .txt_list > li dl dt {display:block; margin:0 auto;}
	.ctztxt .txt_list > li dl dd {padding-left:0; padding-top:10px; width:100%;}

}
@media screen and (max-width:480px) {
	.ctzline:before,.ctzline:after,
	.ctzinner:before,.ctzinner:after {display:none;}
	
	.ctzinner {padding:70px 0 30px;}
	.ctzinner:after {content:''; display:block; visibility:hidden; clear:both;}
	.ctztxt {margin:3% 5% 0;}
	.ctztxt .txt_list {padding:0;}
	.ctztxt .txt_list > li {padding:15px;}
}



/*02고객의소리 > 03소비자보호 > 03공급규정 및 관계 법령*/

/*공급규정*/
.supplyRule_list {display:flex; flex-wrap:wrap; justify-content:space-around; gap:50px;}
.supplyRule_list li {padding:50px; width:calc(50% - 25px); text-align:center; background-color:#f4f4f9; border-radius:20px;}
.supplyRule_list li .t_box {margin-top:30px;}
.supplyRule_list li .t_box .tit {font-family:'OneMobile'; font-size:2.2rem;}


/*사용약관(윤리강령 및 실천프로그램 같이 사용)*/
.ethicsCreed .e_cont .inbox {width:calc(80% - 40px);}
.ethicsCreed .e_cont .inbox ol {width:100%;}

/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
	.ethicsCreed .e_cont .inbox {width:calc(75% - 40px);}
}

@media screen and (max-width:767px){
	.supplyRule_list li {padding:30px;}
	.supplyRule_list li .t_box {margin-top:20px;}
	.supplyRule_list li .t_box .tit {font-size:2.0rem;}
	
	
	.ethicsCreed .e_cont .inbox {width:100%;}
}

@media screen and (max-width:640px){
	.supplyRule_list {gap:20px;}
	.supplyRule_list li {width:calc(50% - 10px);}
	.supplyRule_list li .t_box .tit {font-size:1.8rem;}
}

@media screen and (max-width:480px){
	.supplyRule_list li {width:100%;}
	.supplyRule_list li img {width:80%;}
}



/*02고객의소리 > 03소비자보호 > 04소비자 분쟁 규정*/
.consumerWrap .tbox_tit {padding-right:20px; width:35%;}



/* media query */
@media screen and (max-width:767px){
	.consumerWrap .tbox_tit {padding-right:0; width:100%;}
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
}

/*02고객의소리 > 03소비자보호 > 05개인정보처리방침*/
.privacyBox {margin-bottom:30px;}
.privacy_label {margin-bottom:5px; border:1px solid #e2e2e2; border-radius:20px;}
.privacy_label:after {content:''; display:block; clear:both;}
.privacy_label strong {display:block; padding:15px 0 12px; text-align:center; background:#f2f3f7; color:#373737; font-size:2.2rem; font-family:'OneMobile'; border-radius:19px 19px 0 0;}
.privacy_label > ul {display:flex; flex-wrap:wrap; align-items:stretch;}
.privacy_label > ul > li {position:relative; width:33.333%; text-align:center; border-right:1px solid #e2e2e2; border-top:1px solid #e2e2e2;}
.privacy_label > ul > li:nth-child(3n) {border-right:0;}

.privacy_label > ul > li > a {display:block; padding:15px 0 10px; border:1px solid #fff;}
.privacy_label > ul > li:nth-child(4) a {border-radius:0 0 0 19px;}
.privacy_label > ul > li:nth-child(6) a {border-radius:0 0 19px 0;}
.privacy_label > ul > li > a:hover {border:1px solid #1362d8; text-decoration:none;}
.privacy_label > ul > li > a > p {margin-bottom:0; padding-top:10px; font-family:'OneMobile'; color:#333;}
.privacy_label > ul > li > a > p span {display:block;}


/* 주요개인정보처리표시 팝업 */
.psnInfobox {position:absolute; padding-bottom:0 !important; left:0; top:160px; width:540px; min-height:140px; border:1px solid #1362d8; border-radius:10px; background-color:#fff; z-index:1;}
.privacy_label > ul > li:nth-child(2) .psnInfobox,
.privacy_label > ul > li:nth-child(5) .psnInfobox {left:50%; margin-left:-270px;}
.privacy_label > ul > li:nth-child(3n) .psnInfobox {left:unset; right:0;}

.psninner {position:relative; padding-bottom:0 !important;}
.psninner h2 {padding:15px 15px 12px; text-align:left; border-bottom:1px solid #ddd; background-color:#1362d8; color:#fff; border-top-left-radius:7px; border-top-right-radius:7px; font-size:2.0rem;;}
.psninner .psnInfoinner {display:block; padding:15px; color:#222;}
.psninner p.expsn_p {padding-bottom:5px; font-size:12px; color:#444; text-align:left;}
.psninner ul.info_list {display:block;}
.psninner ul.info_list:after {content:''; display:block; visibility:hidden; clear:both;}
.psninner ul.info_list > li {position:relative; display:block; padding:2px 8px; text-align:left;}
.psninner ul.info_list > li:after {content:''; display:block; visibility:hidden; clear:both;}
.psninner ul.info_list > li:before {content:''; position:absolute; left:0; top:9px; width:3px; height:3px; border-radius:10px; background-color:#333;}
.psninner ul.info_list > li > ul {display:block;}
.psninner ul.info_list > li > ul > li {position:relative; display:block; padding:4px 8px;}
.psninner ul.info_list > li > ul > li:before {content:''; position:absolute; left:0; top:11px; width:3px; height:1px; background-color:#333;}
.psninner p.note {margin-top:10px; padding:7px 5px; font-size:1.6rem; border:1px solid #ddd; background-color:#f0f0f0; text-align:center; color:#555;}

.close_btn {display:block; position:absolute; right:15px; top:10px; width:25px; height:25px; background:url(../images/sub02/psnclose_btn.png) 0 0 no-repeat;}
.close_btn span {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}



/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
	.privacy_label strong {padding:10px 0 7px; font-size:2.0rem;}
	.psninner h2 {font-size:1.8rem;}
}

@media screen and (max-width:640px){
	.privacy_label > ul {position:relative;}
	.privacy_label > ul > li {position:unset; width:50%;}
	.privacy_label > ul > li:nth-child(3n) {border-right:1px solid #ddd;}
	.privacy_label > ul > li:nth-child(2n) {border-right:0;}
	
	.privacy_label > ul > li:nth-child(4) a {border-radius:0 0 0 0;}
	.privacy_label > ul > li:nth-child(5) a {border-radius:0 0 0 19px;}
	.privacy_label > ul > li:nth-child(6) a {border-radius:0 0 19px 0;}
	
	
	.psnInfobox {width:100%;}
	.privacy_label > ul > li:nth-child(2) .psnInfobox,
	.privacy_label > ul > li:nth-child(5) .psnInfobox {left:0; margin-left:0;}
	.privacy_label > ul > li:nth-child(3n) .psnInfobox {left:unset; right:0;}
	.privacy_label > ul > li:nth-child(3) .psnInfobox,
	.privacy_label > ul > li:nth-child(4) .psnInfobox {top:315px;}
	.privacy_label > ul > li:nth-child(5) .psnInfobox,
	.privacy_label > ul > li:nth-child(6) .psnInfobox {top:unset;}
}

@media screen and (max-width:480px){
	.privacy_label strong {font-size:1.8rem;}
	
	.psnInfobox {top:140px;}
	
	.privacy_label > ul > li:nth-child(3) .psnInfobox,
	.privacy_label > ul > li:nth-child(4) .psnInfobox {top:280px;}
	
	.privacy_label > ul > li > a img {width:80px;}
	.privacy_label > ul > li > a > p {font-size:1.4rem;}
}





/*02고객의소리 > 03소비자보호 > 07가명정보처리방침*/
.psn_infolist {display:block; margin-top:15px; padding:15px 20px 0; border-top:1px solid #ddd;}

.psdnPrcsWrap {margin-top:50px;}
.topLine {padding-top:10px; border-top:1px dashed #ddd;}


/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
	.psn_infolist {padding:15px 10px 0;}
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
}