/**/

@charset "utf-8";

@media screen and (max-width:1400px){
	.inner,
	.footerInquiry .inner {padding-left:20px; padding-right:20px}	
	.inner.innerx{padding:0}

}/*~pc 낮은 해상도*/


@media screen and (max-width:1023px){
	.sec_main .ptbox {width:100%}
	.sec_main .ptbox .txtbox{display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.blogo{width: 80%;}
	.blogo > img{width:100%}
}/*~테블릿 가로*/

@media screen and (max-width:767px){
    .sub_comm .midCate .cateB > li, .sub_comm .detailUl > li {white-space: nowrap; padding: 10px;}
    .sub_comm .midCate .cateB, .sub_comm .detailUl {overflow-x: scroll; padding: 10px 0;}
	.rnd_03 .detailUl {display:flex}
    .sub_comm .topcate .cateA > li {white-space: nowrap; }
    .sub_comm .topcate .cateA {overflow-x:scroll; justify-content: flex-start; padding: 10px;}
    .sub_comm .cateDetail {padding: 50px 20px;}
	.sub_comm .conBox .inner {flex-direction: column;}
	.sub_comm .lfMn {width: 100%; align-self: flex-start; display: flex; overflow-x: scroll; padding: 20px; background: #fff; z-index: 1; top: 0;}
	.sub_comm .lfMn li {height: 40px;font-size: 14px; white-space: nowrap; flex: 1; justify-content: center; padding: 0 10px;}
	.sub_comm .lfMn li:before {bottom: 0; top: auto; width: 100%; height: 4px;}
	.sub_comm .cont {width:100%}
	.subIntro .inner{}

}/*~모바일 가로, 태블릿*/


@media screen and (max-width:501px){
	.subIntro .sNav-ul > li > a > span {padding:10px;}
	.btnbox,
	.sec_main .ptbox .txtbox {padding-left: 20px; padding-right: 20px;}
	.sec_main .txt {font-size: 15px; word-break: keep-all; min-height: 160px;}
	.sec_main .mainSearch {width: 100%;}
	.sec_main .txtbox .pc_br{display:none}
	.sec_main .mainSearch {height:45px}
	.header.on .mo_hd {width:80%}
	.header.on .hamburger {left: 65%;}
	.header .mo_hd .mo_mn > li {font-size: 15px;}
	.header.on .hamburger .bar {background-color: #000;}
	.header.subHeader .subLogo > a > img{ width: 110%;}
	.header.subHeader {height: 65px;}
	.hamburger {top:12px; left: 20px;}
	.subIntro {height: 300px;}
	.subIntro .introTxt {font-size: 14px; word-break: break-word; padding-left: 20px; padding-right: 20px;}
	.subIntro .introTxt .pc_br{display:none}
	.intro_comm .sub_bigNav, .intro_comm .sub_sNav {flex-direction: column;}
	.intro_comm {padding: 50px 0;}
	.intro_comm .bigNav {font-size:14px}
	.int_nav.pcBlock{display:none}
	.int_nav.moBlock{display:block}
	.intro_comm .sNav-ul > li > a {font-size:12px}
	.intro_comm .sNav-ul {margin:0; }
	.intro_comm .sNav-ul.sNav-ul1O {flex-direction: column; border-top:0}
	.intro_comm .sNav-ul.sNav-ul1O > li{border-top: 1px solid #E6E6E6;}
	.footerInquiry .inputBox {flex-direction: column;}
	.footerInquiry .ftTit {font-size: 26px;}
	.footerInquiry .chkbox_div label,
	.footerInquiry .inqBtn2 {font-size: 15px;}
	.footerInquiry .chkbox_div label > i {width: 1rem; height: 1rem;}
	.subIntro .sub_bigNav, .subIntro .sub_sNav {overflow-x: scroll; gap:10px}
	.subIntro .sNav-ul > li {width: auto; white-space: nowrap;}
	.subIntro .sNav-ul > li > a {white-space: nowrap; font-size:13px;}
	.subIntro .bigNav {font-size:13px}
	.subIntro .sNav-ul {margin: 25px 0;}
	.sub_comm .titBox .eTxt {font-size:15px; padding: 0 20px; word-break: keep-all;}
	.sub_comm .topcate .cateA > li, .sub_comm .midCate .cateB > li, .sub_comm .detailUl > li {font-size:14px}
	.sub_comm .detailCont {grid-template-columns: repeat(2, 1fr) !important;}
	.sub_comm .detailCont > li {font-size: 12px; padding: 10px; flex-direction: column; gap:10px}
	.sub_comm .topcate {margin:10px 0; padding:10px 0}
	.sub_comm .cateDetail {margin:25px 0 50px}
	.sub_comm .detailTxt {font-size: 20px;}
	.sub_comm .titBox .tit {font-size: 24px; padding-left:20px; padding-right:20px; text-align: center; word-break: break-word;}
	.sub_comm .detailCont > li > span+span {margin-left: 0px;}
	.sub_comm .detailCont > li > span {margin-top:10px; padding: 5px 20px; margin-right: 0px;}
	.sub_comm .lfMn li {flex:auto}
	.sub_comm .dotTxt,
	.sub_comm .grTxt,
	.sub_comm .bkTxt,
	.sub_comm .grTTxt,
	.sub_comm .bkTTxt,
	.mna .mnaTxt,
	.intro_comm.submit .sNav-ul > li {font-size:14px}
	.sub_comm .boxTxt,
	.sub_comm .txtUl .ul_txt2,
	.sub_comm .bkboxT,
	.sub_comm .tableUl > li,
	.sub_comm .grTxt > span,
	.sub_comm .graboxT,
	.sub_comm .fbox,
	.sub_comm .fbox > span,
	.submit .submitUl > li,
	.membership .beneDetal > p > span {font-size:13px}
	.sub_comm .pc_br{display:none}
	.sub_comm .txtbox+.txtbox {margin-top: 20px;}
	.sub_comm .bkTit {font-size:16px}
	.sub_comm .txtUl .ul_txt1,
	.sub_comm .titTxt,
	.membership .btn {font-size: 15px;}
	.sub_comm .oTxt,
	.sub_comm .ptTxt,
	.sub_comm .listUl > li,
	.membership .memberUl > li > div > span,
	.membership .partUl > li,
	.inquiry .inquiryUl > li > span {font-size: 12px;}
	.sub_comm .grTTxt > span {display:block}
	.risk-table {overflow-x: scroll; white-space: nowrap;}
	.risk-table .table_hd > th {font-size:13px}
	.risk-table th, .risk-table td {padding: 10px; font-size:11px}
	.tableDiv{overflow-x: scroll;}
	.header.subHeader.on .hamburger .bar {background-color: #000;}
	.subIntro .pc_br{display:none}
	.subIntro.sub_back2 .sNav-ul,
	.subIntro.sub_back3 .sNav-ul {display: grid;}
	.subIntro.sub_back3 .sNav-ul {grid-template-columns: repeat(2, 1fr);}
	.sub_comm .bkboxT .roma:before {padding-right:5px}
	.subIntro.sub_back3{height:400px}
	.mna .gridTable > li {font-size: 12px; padding: 20px 10px; align-items: flex-start;}
	.mna .gridTable {gap:5px}
	.mna .gridTable > li.backG {align-items:center}
	.mna .mnaTxt {flex-direction: column;}
	.sub_comm .flexbox2 {flex-direction: column;}
	.sub_comm .fbox > span {margin-right:10px}
	.intro_comm.submit .sNav-ul {grid-template-columns: 1fr; border-top: 0; margin: 50px 10px 20px}
	.intro_comm.submit .sNav-ul > li{border-top: 1px solid #E6E6E6;}
	.submit .submitUl {grid-template-columns: repeat(2, 1fr) !important;}
	.subIntro .introTit {font-size:27px}
	.membership .memberUl > li {font-size:17px}
	.membership .memberUl > li > div {display: flex ; flex-direction: column; align-items: center; gap: 5px;}
	.membership .titbox .tit,
	.membership .beneTxt {font-size:20px}
	.membership .beneDetal > p {font-size: 13px;}
	.membership .beneBox {padding:20px}
	.membership .memBox {gap:20px}
	.membership .partUl {display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr);}
	.inquiry .inquiryUl > li {font-size: 15px;padding: 10px;}
	.inquiry .inquiryUl{gap:5px}
	.inquiry .fieldTxt {font-size: 16px;}
	.inquiry .inputBox input, .inquiry .inputBox select, .inquiry .inputBox textarea {padding:10px}
	.inquiry .inqBtn {padding: 10px 0; font-size: 15px;}
	.subIntro.sub_back1 .sNav-ul {overflow-y: visible;}
	.header .mo_hd .mo_mn > li > a {white-space: nowrap;}
	
	.header .mo_sch{display:block; margin-left: 40px; margin-bottom: 20px; left:0%; border-bottom: 1px solid #dfdfdf;}
	.header .mo_sch input[type=text]{border: none; background: none; width: 200px;}
	.header .mo_sch button{border: none; background: none;}
	.header .mo_sch button > span{color:#000}
	.header .mo_hd .mo_mn {padding-top: 50px;}
	
}/*~모바일*/