@charset "utf-8";




/* -------------------------------------------------------------------------------
layout 
-------------------------------------------------------------------------------*/
#wrap {position:relative; padding:0;width:100%;min-height:100%;}
#skipToContent {position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    line-height: 0;}
#skipToContent a{display: block;
    overflow: hidden;
    height: 1px;
    width: 1px;
    margin: 0 -1px -1px 0;
    padding: 0;
    font-size: 0;
    line-height: 0;}

header {width:100%; height: 80px;}
.header {position:relative; margin:0 auto; width:1060px; }
.header h1 {
	position: absolute; /*width: 78px; height: 39px;*/ width:372px; height:66px;
    /*top: 18px;*/ top:7px;
}
.header h1 a img {width: 100%;}
.header .logoutbox {position: absolute;
	top: 36px;
	right: 250px;
}
.header .logoutbox2 {position: absolute;
	top: 36px;
	right: 400px;
}
.header .gnb {
	position: absolute;
	top: 18px;
	right: 0; 
}
.header .gnb > li {
	float: left;
	margin-left: 44px; position: relative;
}
.header .gnb li a {
	display: block;
}
.header .gnb > li > a {
	padding: 18px 0 15px;
	font-size: 18px;
	color: #212121;
	font-family: notoB;
	border-bottom: 3px solid #fff;
}
.header .gnb > li:hover > a {
	border-bottom: 3px solid #f60;
}

.header .gnb li nav {
	display: none;
	position: absolute;
	padding: 13px 0;
	width: 140px;
	background: #fff;
	border: 1px solid #d2d0cf;
	z-index: 999;
}
.header .gnb li nav.en { display: none; position: absolute; padding: 13px 0; width: 178px; background: #fff; border: 1px solid #d2d0cf; z-index: 999; }
.header .gnb li:first-of-type nav{top: 62px; right: -20px;}
.header .gnb li:last-of-type nav{top: 62px; right: -40px;}
.header nav a {
	display: block;
	text-align: center;
	line-height: 30px;
	font-family: notoM;
}
.header .gnb > li:hover nav{display: block}
.header .gnb > li nav li:hover a{color: #f60;}
/*.header .gnb > li > a.active + nav {
	display: block;
}*/
section {position:relative; width:100%;}
#footer {position:relative; background: #464646;}
.footer {
	margin: 0 auto;
	padding: 20px 0;
	width: 1060px;
	font-size: 13px;
	color: #999;
	letter-spacing: 0;
}
.footer strong {
	display: block;
	font-size: inherit;
	color: #c2c2c2;
	letter-spacing: 0;
	font-weight: normal;
}

.btnAllMenu, .tabNavi {display: none;}
/* -------------------------------------------------------------------------------
main
-------------------------------------------------------------------------------*/
.mainContent {
	position:relative;
	font-size: 16px;
}

.main_visual {
	height: 585px;
	background: #ffe7d6 url("../image/main_vi03.jpg") no-repeat center;
}
.main_vi_txt {margin:0 auto;width: 1060px; position: relative; }
.main_visual .main_vi_txt img {position: absolute; left: 0; top: 153px; display: block;}
.main_visual img {display: none;}
.main_vi_btn {
	margin:0 auto;
	width: 1060px; position: relative; 
}
.main_vi_btn a {border-radius: 50px; position: absolute; left: 0; top: 346px; border: solid 3px #f60; color: #f60;
width: 260px; height: 50px; font-size: 22px; font-weight: bold; line-height: 46px; text-align: center;
background: url("../image/main_bnt-b1.png") no-repeat 210px 14px;}
.mainLink {
	overflow: hidden;
	margin:-32px auto 10px;
	width: 1060px;
	height: 63px;
	background: #fff;
	box-shadow:0 10px 10px #f5eee9;
}
.mainLink h2 {
	float: left;
	width: 33%;
}

.mainLink h2:nth-child(2) {
	width: 34%;
}
.mainLink h2 a {
	position: relative;
	display: block;
	text-align: center;
	font-size: 16px;
	font-family: notoM;
	line-height: 63px;
}
.mainLink h2 a:after {
	position: absolute;
	top: 10px;
	left: 0;
	height: 10px;
	width: 1px;
	background: #a19287;
}

.mainContent h3 {
	padding-top: 110px;
	font-size: 38px;
	text-align: center;
	color: #333;
}

.mainContent h3 strong {
	font-size: inherit;
	color: inherit;
	font-family: notoB;
}

.mainCont01 {
	margin: 0 auto;
	padding-bottom: 90px;
	width: 1060px;
	text-align: center;
}

.mainCont01 p {
	margin-top: 15px;
	line-height: 1.8;
	font-size: 16px;
	color: #666;
}
.mainCont01 > ul {
	overflow: hidden;
	margin-top: 40px;
	width: 100%;
}
.mainCont01 > ul > li {
	float: left;
	width: 390px;
	text-align: left;
}

.mainCont01 > ul > li:nth-child(2) {
	width: 280px; text-indent: -9999px;overflow: hidden;
}

.mainCont01 > ul > li > div {
	margin: 10px;
	padding: 20px 48px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px 5px #f3f3f3;
}
.mainCont01 > ul > li:first-child > div {
	padding: 20px 110px 20px;
}
.mainCon_box {background: url("../image/main_img03.jpg") no-repeat center; }
.mainCon_box1 strong {background: url("../image/main_img01.jpg") no-repeat center; text-indent: -9999px; display: block; width: 100%; height: 68px; margin-bottom: 20px;}
.mainCon_box2 strong {background: url("../image/main_img02.jpg") no-repeat center; text-indent: -9999px; display: block; width: 100%; height: 68px; margin-bottom: 20px;}
.mainCont02 {
	padding-bottom: 100px;
	background: #f2f2f2;
}
.mainCont02 > ul {
	margin: 0 auto;
	width: 1060px;
}
.mainCont02 > ul > li {
	margin-top: 50px;
	padding: 30px 60px 30px 255px;
	width: 100%;
	min-height: 195px;
	background: #fff;
	border-radius: 90px;
}
.mainCont02 ul > li strong {
	display: block;
	margin-bottom: 15px;
	font-size: 24px;
	color: #333;
	font-weight: normal;
}

.mainCont02 ul > li p {
	line-height: 1.8;
}
.mainCont02 ul .main_si1 {background: url("../image/main_img04.png") no-repeat 60px 30px #fff; }
.mainCont02 ul .main_si2 {background: url("../image/main_img05.png") no-repeat 50px 20px #fff;}
.mainCont02 ul .main_si3 {background: url("../image/main_img06.png") no-repeat 40px 20px #fff;}
#mainCont03 div { background: url("../image/main_img06.jpg") no-repeat center; text-indent: -9999px; height: 594px; margin: 100px 0 150px;  }
#mainCont03 div img {display: none;}

/* 회색 사각 경우 */
ul.list > li:first-child {
	margin-top:0;
}
ul.list > li {
	position: relative;
	margin-top: 5px;
	padding-left: 7px;
	text-indent: -7px;
	line-height: 130%;
}
ul.list > li:before {
	content: '';
	display:inline-block;
	margin: 9px 5px 0 0;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	vertical-align:top;
	border:1px solid #666;
}
/* 회색 사각 경우 */
ul.dotList > li:first-child {
	margin-top:0;
}
ul.dotList > li {
	position: relative;
	margin-top: 5px;
	padding-left: 7px;
	text-indent: -7px;
	color: #333;
	font-size: 14px;
	line-height: 130%;
}
ul.dotList > li:before {
	content: '';
	display:inline-block;
	margin: 9px 5px 0 0;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	vertical-align:top;
	border:1px solid #6c6c6c;
	border-radius: 1px;
}

/* -------------------------------------------------------------------------------
sub
-------------------------------------------------------------------------------*/
#container .contents {
	margin: auto;
	width: 1060px;
	padding: 18px 0 80px;
}

.tit_area .s_lnb {margin-bottom: 20px;}
.tit_area .s_lnb ul {
	float: right;
}
.tit_area .s_lnb ul li {
	float: left;
	font-size: 14px;
	padding: 0 2px;
}

.tit_area .s_lnb ul li a {
	font-size: inherit;
}

.tit_area .tit {
	display: block;
	margin: 20px 0;
	font-size: 38px;
	color: #333;
	text-align: center;
}

.tit_area .s_tit {
	margin-bottom: 30px;
	text-align: center;
}
.stepBox {
	margin-bottom: 30px;
}
.stepBox ul {
	overflow: hidden;
	border: 1px solid #cad0d2;
}
.stepBox ul li {
	position: relative;
	float: left;
	width: 25%;
	text-align: center;
	line-height: 45px;
	background: #fff;
}
.stepBox.stepBox02 ul li {width: 20%;} /* 2022-02 추가 */
.stepBox ul li em {
	padding-left: 25px; height: 45px; display: inline-block;
}

.stepBox ul li::before {
	content: '';
	position: absolute;
	top: 0;
	right: -22px;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	vertical-align:top;
	border-top: 23px solid transparent;
    border-left: 20px solid #cad0d2;
    border-bottom: 23px solid transparent;
	z-index: 1;
}
.stepBox ul li::after {
	content: '';
	position: absolute;
	top: 0;
	right: -20px;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	vertical-align:top;
	border-top: 23px solid transparent;
    border-left: 20px solid #fff;
    border-bottom: 23px solid transparent;
	z-index: 2;
}
.stepBox ul li.active {
	background: #234186;
}
.stepBox ul li.active::after {
	border-top: 23px solid transparent;
	border-left: 20px solid #234186;
	border-bottom: 23px solid transparent;
}
.stepBox ul li.active em {
	color: #fff;
}
.stepBox ul li:nth-child(1) em {background: url("../image/step_img01_off.png") no-repeat 0 8px;}
.stepBox ul li:nth-child(2) em {background: url("../image/step_img02_off.png") no-repeat 0 10px;}
.stepBox ul li:nth-child(3) em {background: url("../image/step_img03_off.png") no-repeat 0 8px;}
.stepBox ul li:nth-child(4) em {background: url("../image/step_img04_off.png") no-repeat 0 8px;}
.stepBox ul li:nth-child(1).active em {background: url("../image/step_img01_on.png") no-repeat 0 8px;}
.stepBox ul li:nth-child(2).active em {background: url("../image/step_img02_on.png") no-repeat 0 10px;}
.stepBox ul li:nth-child(3).active em {background: url("../image/step_img03_on.png") no-repeat 0 8px;}
.stepBox ul li:nth-child(4).active em {background: url("../image/step_img04_on.png") no-repeat 0 8px;}

/* 2022-02 추가 */
.stepBox.stepBox02 ul li:nth-child(1) em {background: url("../image/step_img11_off.png") no-repeat 0 14px;}
.stepBox.stepBox02 ul li:nth-child(2) em {background: url("../image/step_img12_off.png") no-repeat 0 13px;}
.stepBox.stepBox02 ul li:nth-child(3) em {background: url("../image/step_img13_off.png") no-repeat 0 13px;}
.stepBox.stepBox02 ul li:nth-child(4) em {background: url("../image/step_img14_off.png") no-repeat 0 13px;}
.stepBox.stepBox02 ul li:nth-child(5) em {background: url("../image/step_img15_off.png") no-repeat 0 11px;}
.stepBox.stepBox02 ul li:nth-child(1).active em {background: url("../image/step_img11_on.png") no-repeat 0 14px;}
.stepBox.stepBox02 ul li:nth-child(2).active em {background: url("../image/step_img12_on.png") no-repeat 0 13px;}
.stepBox.stepBox02 ul li:nth-child(3).active em {background: url("../image/step_img13_on.png") no-repeat 0 13px;}
.stepBox.stepBox02 ul li:nth-child(4).active em {background: url("../image/step_img14_on.png") no-repeat 0 13px;}
.stepBox.stepBox02 ul li:nth-child(5).active em {background: url("../image/step_img15_on.png") no-repeat 0 11px;}

/* 2022-03-16 추가 */
.stepBox.stepBox03 ul li {width:calc(100% / 3);}
.stepBox.stepBox03 ul li:nth-child(1) em {background: url("../image/step_img12_off.png") no-repeat 0 13px;}
.stepBox.stepBox03 ul li:nth-child(2) em {background: url("../image/step_img13_off.png") no-repeat 0 13px;}
.stepBox.stepBox03 ul li:nth-child(3) em {background: url("../image/step_img14_off.png") no-repeat 0 13px;}
.stepBox.stepBox03 ul li:nth-child(1).active em {background: url("../image/step_img12_on.png") no-repeat 0 13px;}
.stepBox.stepBox03 ul li:nth-child(2).active em {background: url("../image/step_img13_on.png") no-repeat 0 13px;}
.stepBox.stepBox03 ul li:nth-child(3).active em {background: url("../image/step_img14_on.png") no-repeat 0 13px;}

.cont {
	padding: 40px;
	background: #fff;
	border: 1px solid #ddd;
	min-height: 500px;
}
.cont h3 {
	margin-bottom: 20px;
	font-size: 20px;
	color: #333;
	font-family: notoB;
}
.paymentSel {
	margin-top: 70px;
	overflow: hidden;
}
.paymentSel li {
	float: left;
	margin-right: 7px;
	padding: 127px 0 15px 0;
	width: 239px;
	background: #fff;
	border: 1px solid #cad0d2;
	text-align: center;
	border-radius: 5px;
}

.paymentSel li:last-child {
	margin-right: 0;
}

.paymentSel li.active {
	border: 1px solid #f60;
}

.paymentSel li label {
	font-family: notoB;
}
.paymentSel li:nth-child(1){background: url("../image/sub_01_01.jpg") no-repeat center 10px;}
.paymentSel li:nth-child(2){background: url("../image/sub_01_02.jpg") no-repeat center 10px;}
.paymentSel li:nth-child(3){background: url("../image/sub_01_03.jpg") no-repeat center 10px;}
.paymentSel li:nth-child(4){background: url("../image/sub_01_04.jpg") no-repeat center 10px;}




.companyInfo {
	width: 100%;
	border-bottom: 1px solid #f0f0f0;
}
.companyInfo > dl,
.toggleCont dd dl {
	width: 100%;
	display: table;
	border-top: 1px solid #f0f0f0;
	padding: 12px 0;
}

.companyInfo dl:first-child {
	border-top: none;
}
.companyInfo > dl > dt,
.toggleCont dd dl dt {
	display: table-cell;
	vertical-align: middle;
	width: 17%;
	color: #000;
	padding-left: 10px;font-family: 'notoM';
	word-break : normal;
}
.companyInfo dl dt span {
	display: block;
	font-size: 12px;
	color: #666;
}

.companyInfo > dl > dd,
.toggleCont dd dl dd {
	display: table-cell;
	width: 83%;
	padding-right: 30px;
	vertical-align:middle;
}

.bizCrmInfo {
	width: 100%;
	border-bottom: 1px solid #f0f0f0;
}
.bizCrmInfo > dl,
.toggleCont dd dl {
	width: 100%;
	display: table;
	border-top: 1px solid #f0f0f0;
	padding: 12px 0;
}

.bizCrmInfo dl:first-child {
	border-top: none;
}
.bizCrmInfo > dl > dt,
.toggleCont dd dl dt {
	display: table-cell;
	vertical-align: middle;
	width: 22%;
	color: #000;
	padding-left: 10px;font-family: 'notoM';
	word-break : normal;
}
.bizCrmInfo dl dt span {
	display: block;
	font-size: 12px;
	color: #666;
}

.bizCrmInfo > dl > dd,
.toggleCont dd dl dd {
	display: table-cell;
	width: 78%;
	padding-right: 30px;
	vertical-align:middle;
}


dl.lineType02 dd {
	width: 34% !important;
}

.toggleCont > dt,
.toggleCont > dd {
	display: block !important;
	width: 100% !important;
}

.toggleCont > dt {
	position: relative;
	line-height: 40px;
	color: #666;
	background: #f9f9f9;
	border-top: 1px solid #f0f0f0;
}
.toggleCont > dt > button {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
}
.toggleCont > dt > button span {
	display:block;
	position: relative;
	margin-left: 20px;
	width: 20px;
	height: 20px;
	text-indent:-9999em;
	border: 1px solid #b1b1b1;
}

.toggleCont > dt > button span:after {
	content: '';
	position: absolute;
	top: 3px;
	right: 8px;
	width: 2px;
	height: 12px;
	font-size:0;
	background: #b1b1b1;
	z-index: 2;
}

.toggleCont > dt > button span::before {
	content: '';
	position: absolute;
	top: 8px;
	right: 3px;
	width: 12px;
	height: 2px;
	font-size:0;
	background: #b1b1b1;
	z-index: 2;
}
.toggleCont > dt > button span:after {
	content: '';
	position: absolute;
	top: 3px;
	right: 8px;
	width: 2px;
	height: 12px;
	font-size:0;
	background: #b1b1b1;
	z-index: 2;
}
.toggleCont > dd {
	border-top: 1px solid #f0f0f0;
}
.companyInfo dl.bdt1 {border-top: 1px solid #333;}
.wd310 > span {line-height: 28px;}

.inpBox {
	display: table;
}
.inpBox span {
	display: table-cell;
}
.inpBox span input,.inpBox span select,.inpBox span button,.inpBox span textarea {
	width: 100%;
}
.inpBox span.string {
	width: 25px !important;
	text-align: center;
	color: #333;
}
.inpBox.type01 span {
	width: 265px;
}
.inp_radio_box {
	overflow: hidden;
}
.inpBox.type02,
.inpRadio {
	display:inline-block;
	float: left;
}
.inpBox.type02 span {
	width: 54px;
}
.inpBox.type02 span:last-child {
	width: 106px;
}
.inpRadio {
	padding: 5px 0;
	height: 35px;
}
.inpRadio span {
	position: relative;
	padding-left: 25px;
	
}
.inpRadio.type03 {display: block; width: 100%;}

.inpBox.type03 span {
	width: 132px;
}
.inpBox.type04 span {
	width: 190px;
}
.inpBox.type04 span:last-child {
	width: 150px; padding-left: 5px;
}
.inpBox.type05 span {
	width: 72px;
}
.inpBox.type05 span:last-child {
	width: 88px;
}
.inpBox.type06,
.inpCheck {
	margin-bottom: 8px;
}
.inpBox.type06 span {
	width: 150px;
}
.inpBox.type06 span:first-child {
	padding-right: 8px;
	width: 148px;
}
.inpBox.type06 span:nth-child(2) {padding-right: 8px;}/* 2022-02 추가 */
.inpBox.type07 span {
	width: 391px;
}
.inpBox.type07 span:first-child {
	padding-right: 8px;
	width: 399px;
}
.inpCheck span {
	position:relative;
}
.inpCheck span label {
	font-size: 14px;
	color: #333;
	word-break:keep-all;
}
.inpCheckB span {
	position:relative;
}
.inpCheckB span label {
	font-size: 16px;
	color: #333;
}
.inpBox.type08 span {
	width: 176px;
}
.inpBox.type08 span:first-child {
	padding-right: 8px;
	width: 184px;
}
.inpBox.type09 span {
	width: 100px;
}
.inpBox.type09 span:first-child {
	padding-right: 8px;
	width: 184px;
}

.inpBox.type10 span {
	width: 100px;
}
.inpBox.type10 span:first-child {
	padding-right: 0px;
	width: 300px;
}
.inpBox.type10 span:last-child {
	padding-left: 20px; color: #999;
	width: 300px;
}

.inpBox.type11 span {
	width: 240px;
}
.inpBox.type11 span:first-child {
	padding-right: 0px;
	width: 50px;
}
.inpBox.type11a span {
	width: 390px;
}
.inpBox.type11a span:first-child {
	padding-right: 0px;
	width: 50px;
}
.inpBox.type12 span {
	width: 100px;
}
.inpBox.type12 span:first-child {
	padding-right: 8px;
	width: 250px;
}
.inpBox.type13 span {
	width: 54px;
}
.inpBox.type13 span:last-child {
	width: 106px;
}
.inpBox.type14 span {
	width: 300px;
}
.inpBox.type14 span:last-child {
	width: 100px;
}
.inpBox.type15 span {
	width: 190px; padding-right: 8px;
}
.inpBox.type15 .inpRadio span {
	width: 90px; padding: 0;
}
.inpBox.type15 span:nth-child(4) {
	width: 80px; text-align: right;
}
.inpBox.type15 span:last-child {
	width: 100px;
}
.inpBox.type16 p {
	display: inline-block; overflow: hidden; width: 100%;
}
.inpBox.type17 span {
	width: 100px;
}
.inpBox.type17 span:first-child {
	padding-right: 0px;
	width: 300px;
}
.inpBox.type18 span {
	width: 100%; display: inline-block;
}
.inpBox.type20 span {
	width: 150px; padding-right: 8px;
}
.inpBox.type20 span:nth-child(3) {
	width: 200px; padding-right: 8px;
}
.inpBox.type20 span:nth-child(4) {
	width: 100px; padding-right: 0px;
}
.inpRadio.type02 {
	float: none;
}
.inpBox.type21 span {
	width: 150px; padding-right: 8px;
}
.inpBox.type21 span:last-child {
	width: 150px; padding-right: 0px;
}
.inpRadio.type02 span:first-child {
	padding-left: 0 !important;
}
.agrBox {
	margin-top: 90px;
}
.agrBox > strong {
	font-weight: normal;
	color: #333;
	line-height: 1;
}
.inpRadio.mt5 {margin-top: 7px;}
.inpBox textarea {height: 300px;}
.inpRadio.fspanno span:first-child{padding: 0;}
.inpBox.type19 .inpRadio span {
	width: 80px; padding: 0; display: inline-block;
}
.inpBox.type19 .inpRadio span:last-child {
	width: 70px;
}
.inpBox.type19 span:last-child {
	width: 120px;
}
/*개인정보취급방침박스*/
.scrollCont {
	margin: 20px 0;
	width: 100%;
	height: 170px;
	overflow: auto;
	padding: 25px;
	border: 1px solid #ddd;
	line-height: 1.8;
}

.scrollCont > ol {
	margin-top: 30px;
}

.scrollCont ol li strong {
	font-weight: bold; color: #333; margin: 30px 0 10px; display: inline-block;
}
.scrollCont ol li ul li {text-indent: 20px;}


.titCheck {
	overflow: hidden;
}

.titCheck h3,
.titCheck .inpCheck {
	float: left;
}
.titCheck .inpCheck {
	margin: 3px 0 0 40px;
}
.certify, .certify1 {
	margin: 108px 0 20px;
	overflow: hidden;
}
.certify li, .certify1 li {
	float: left;
	width: calc(50% - 4px);
	padding: 130px 0 30px;
	color: #333;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.certify1 li {
	float: none; margin:  0 auto;
	width: calc(50% - 4px);
	padding: 130px 0 30px;
	color: #333;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.certify li:first-child {
	margin-right: 8px;
}
.certify li strong, .certify1 li strong  {
	font-weight: normal; display: block; padding-bottom: 15px;
	font-family: notoB;
	font-size: 18px;
	color: inherit;
}
.certify li p, .certify1 li p {
	margin-top: 10px;
	min-height: 60px;
	color: inherit;
}
a.btnLg.w200, button.btnLg.w200, input[type="button"].btnLg.w200 {width: 200px;}
.certify_txt {padding-bottom: 100px;}
.certify_txt strong {display: block; color: #333; padding-bottom: 5px;}

.certify li:nth-child(1){background: url("../image/sub_01_05.jpg") no-repeat center 30px;}
.certify li:nth-child(2){background: url("../image/sub_01_06.jpg") no-repeat center 30px;}
.certify1 li{background: url("../image/sub_01_07.jpg") no-repeat center 30px;}

/*개인정보취급방침테이블*/
.pri_t {margin: 20px 0; width: 100%;}
.pri_t td {
    padding: 5px 12px 3px;
    border: 1px solid #ddd;
    text-align: left;vertical-align: middle;
}
.pri_t tbody th {
    padding: 5px 12px 3px;
    border: 1px solid #ddd;
    text-align: center;vertical-align: middle; 
    background-color: #eee;
}
.pri_t thead th {padding: 5px 12px 3px;
    border: 1px solid #ddd;
    border-bottom: 0 none;
    background-color: #eee;
    text-align: center;
    word-break: normal;
}
.pri_t tbody td ul li {text-indent: 0;}

/*개인정보취급방침테이블2*/
.pri_app {margin: 20px 0; width: 100%;}
.pri_app th, .pri_app td {
    padding: 20px 12px;
    border-bottom: 1px solid #ddd;
    text-align: center;vertical-align: middle;
    word-break: normal;
}
.pri_app thead th { padding: 8px 12px 8px;
    border-top: 1px solid #333;
    border-bottom: 0 none; color: #333;
    background-color: #f0f0f0; font-weight: normal;
    text-align: center; 
}
.pri_app tbody td ul li {text-indent: 0;}

.pri_app2 {margin: 20px 0; width: 100%;}
.pri_app2 td {
    padding: 20px 12px;
    border-bottom: 1px solid #ddd;
    text-align: left;vertical-align: middle;
}
.pri_app2 tbody th { padding: 8px 12px 8px;
    padding: 20px 12px;
    border-bottom: 1px solid #ddd; color: #333;
    background-color: #f0f0f0; font-weight: normal;
    text-align: center; vertical-align: middle;
}
.pri_app2 tbody tr:first-child th, .pri_app2 tbody tr:first-child td {border-top: 1px solid #333;}
.pri_app2 tbody td ul li {text-indent: 0;}


.finish {
	margin: 108px 0 120px;
	padding: 50px 0 65px 400px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: url("../image/sub_01_07.png")no-repeat 160px 60px;
}
.finish strong {
	font-weight: normal;
	font-family: notoB;
	font-size: 24px;
	color: #333;
	line-height: 1;
}
.finish strong span {
	display: block;
	font-size: 18px;
	color: #999;
	font-family: notoR;
}
.finish p {
	margin: 20px 0;
	color: #333;
}
/* -------------------------------------------------------------------------------
    Popup
 ------------------------------------------------------------------------------- */

.grayBox {
	margin-top:10px;
	padding: 15px;
	background: #eaeced;
}
.grayBox p {
	margin-top: 5px;
	font-size: 14px;
}
.grayBox strong {
	font-weight: normal;
	font-size: 14px;
	color: #234186;
	font-family: notoB;
}
.grayBox02 {
	padding-top: 8px;
	min-height: 60px;
	text-align: center;
	background: #aaa;
}
.grayBox02.colorBl {
	font-size: 14px;
}
.grayBox02.colorWT {
	font-size: 12px;
}
.popupLayer02 {
	padding: 40px 28px;
}
.popupLayer02 h1 {
	margin-bottom: 10px;
	color: #333;
	font-family: notoB;
}
.popupLayer02 p {
	font-size: 14px;
		margin-bottom: 10px;
}
.companyInfo.popStyle dl:first-child {
	border-top: 1px solid #f0f0f0;
}
.companyInfo.popStyle dl dt {
	width: 170px;
}
.companyInfo.popStyle dl dd {
	width: calc(100% - 170px);
}

.popAgrBox {
	margin-top: 40px;
}
.agTit {
	overflow: hidden;
}
.agTit .checkbox {
	float: left;
}
.agTit .checkbox label {
	color: #333;
	font-family: notoB;
}
.agTit button {
	float: right;
}
.scrollbox1 {
	height: 90px;
}
.scrollbox2 {
	height: 400px;
}
.scrollbox3 {
	height: 600px;
}
.scrollbox4 {
	height: 600px; overflow: inherit;
}

/* -------------------------------------------------------------------------------
	sub04
 ------------------------------------------------------------------------------- */
.header_pBox {width: 100%; background: #f60; height: 50px;}
.header_p {position:relative; margin:0 auto; width:1060px;}
.header_p h1 {position: absolute; width: 78px; height: 39px;top: 10px;}
.header_p .time_box {position: absolute; right: 0; top: 20px; color: #fff;}
.header_p .time_box span {color: #fff;}
.header_p .time_box>span:first-child {padding-left: 25px; line-height: 130%; background: url(../image/ico_07.png) no-repeat 0 0; background-size: 20px 20px; padding-right: 10px;}
.header_p .time_box>span:nth-child(2) {background: #d55a08;padding: 0px 8px;}
.header_p .time_box>button{ margin-bottom: 3px; margin-left: 5px;}
.tit_area_p {position: relative;}
.tit_area_p .tit {display: block;font-size: 20px;color: #333;text-align: left; font-weight: normal;font-family: notoB; padding-bottom: 20px;}
.guidedown {position: absolute; right: 0px; top: 5px;}

.entry01 {text-align: center; border-bottom: 1px solid #ddd; padding: 30px 0 45px; margin-bottom: 30px;}
.entry01 strong {font-size: 38px;font-weight: normal; color: #333;}
.entry01 span {display: block; color: #333; font-size: 20px; padding-top: 10px; line-height: 180%;}
.entry02 {margin: 50px 0 60px;}
.entry01_box1 {padding: 0 0 30px;text-align: center; border-bottom: 1px solid #ddd; overflow: hidden;}
.entry03 {text-align: center;  padding: 30px 0 30px; margin-bottom: 30px; background: #f0f0f0; border: 1px solid #ddd;}
.entry03 a {padding: 8px 20px 5px; display: inline-block; color: #f60; font-size: 20px;}
.entry03 a:hover {text-decoration: underline;}
.entry01.bdno {border: none; margin: 0;}

/*단계표시*/
.app_top {position: relative; padding-bottom: 0px;}
.app_top h3 {font-size: 30px; font-family: 'notoR'}
.stepBox1 {position: absolute; right: 0; top: 0;}
.stepBox1 em, .stepBox1 span {overflow:hidden;position:absolute;left:-9999em;z-index:-1;width:0;height:0;font-size:0;line-height:0;}
.stepBox1 li {width: 22px; height: 22px; display: inline-block; background: #b1b1b1 url("../image/sub_bg_01.jpg") no-repeat 0 0; color: #fff; border-radius: 22px; text-align: center; font-size: 14px; line-height: 22px; margin-left: 10px;}
.stepBox1 .active {background: #234186; width: 28px; height: 28px; font-size: 18px; line-height: 26px;}

.cont h4 {margin: 70px 0 20px;font-size: 20px;color: #333; font-family: 'notoB'; display: inline-block;}

/*신청서입력*/
.companyInfo2 {
	width: 100%;
	border-bottom: 1px solid #f0f0f0;
}
.companyInfo2 > dl,
.toggleCont02 dd dl {
	width: 100%;
	display: table;
	border-top: 1px solid #f0f0f0;
	padding: 12px 0;
}

.companyInfo2 dl:first-child {
	border-top:  1px solid #333;
}
.companyInfo dl:first-child {
    border-top: 1px solid #333;
}
.companyInfo2 .toggleCont02 dl:first-child {
	border-top:  none;
}
.companyInfo2 .toggleCont02.bdno {border: none;}
.companyInfo2 > dl > dt,
.toggleCont02 dd dl dt {
	display: table-cell;
	vertical-align: middle;
	width: 16%;
	color: #000;
	padding-left: 10px;font-family:'notoM';
	word-break: normal;
}
.companyInfo2 > dl > dt.wd30,
.companyInfo2 .toggleCont02> dd > dl > dt.wd20 {width: 25%;}
.companyInfo2 > dl > dt.wd20{width: 20%;}

.companyInfo > dl > dt.wd20{width: 20%;}
.companyInfo2 dl dt span {
	display: block;
	font-size: 12px;
	color: #666;
}

.companyInfo2 > dl > dd,
.toggleCont02 dd dl dd {
	display: table-cell;
	width: 84%;
	padding-right: 30px;
}


dl.lineType02 dd {
	width: 34% !important;
}

.toggleCont02 > dt,
.toggleCont02 > dd {
	display: block !important;
	width: 100% !important;
}

.toggleCont02 > dt {
	position: relative; font-size: 14px;
	line-height: 40px;
	color: #888;
	background: #f9f9f9;
	border-top: 1px solid #f0f0f0;
}
.toggleCont02 > dt > button {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
}
.toggleCont02 > dt > button span {
	display:block;
	position: relative;
	margin-left: 20px;
	width: 20px;
	height: 20px;
	text-indent:-9999em;
	border: 1px solid #b1b1b1;
}

.toggleCont02 > dt > button span:after {
	content: '';
	position: absolute;
	top: 3px;
	right: 8px;
	width: 2px;
	height: 12px;
	font-size:0;
	background: #b1b1b1;
	z-index: 2;
}

.toggleCont02 > dt > button span::before {
	content: '';
	position: absolute;
	top: 8px;
	right: 3px;
	width: 12px;
	height: 2px;
	font-size:0;
	background: #b1b1b1;
	z-index: 2;
}
.toggleCont02 > dt > button span:after {
	content: '';
	position: absolute;
	top: 3px;
	right: 8px;
	width: 2px;
	height: 12px;
	font-size:0;
	background: #b1b1b1;
	z-index: 2;
}
.toggleCont02 > dd {
	border-top: 1px solid #f0f0f0;
}

.cont_tits {font-size: 16px; color: #333; padding: 30px 0 10px 12px; display: inline-block;
	background: url(../image/ico_05.gif) no-repeat 0px 39px;}

.app_pri {width: 100%; padding: 30px 20px 20px; border: 1px solid #d1d1d1;}
.app_agree {padding: 10px 0 30px; overflow: hidden;}
.app_agree p {color: #333;}
.app_agree2 {padding: 20px 0; overflow: hidden; border-bottom: 1px solid #333; border-top: 1px solid #333; margin-top: 30px;}
.app_agree2 p {color: #f60; font-size:20px; font-family: 'notoR'; }

.d_pop_box1 {border: 1px solid #d1d1d1; background: url("../image/sub_04_01.jpg") no-repeat left top; height: 119px; padding-top: 5px; margin-top: 20px;}
.d_pop_box1 span {color: #fff; display: inline-block; width: 150px; text-align: center; line-height: 37px; margin-right: 10px;}


.inpBox_file.type14 span input, .inpBox_file.type14 span button{width: 100%;}
.inpBox_file {border-top: 1px solid #333; border-bottom: 1px solid #f0f0f0; padding: 15px 0; width: 100%;}
.inpBox_file span {display: table-cell;}
.inpBox_file.type14 span {width: 80%; background: #F8B7B8}
.inpBox_file.type14 span:last-child {width: 20%;}

.file_box {overflow: hidden;}
.file_box li {width: 47%; float: left; margin-right: 6%; overflow: hidden;}
.file_box li:nth-child(even) {margin-right:0;}

.info_box {border: 1px solid #e0e0e0; padding: 30px 30px; clear: both; margin-top: 80px; overflow: hidden;}
.info_box dt {font-family: 'notoB'; color: #333; padding-left: 25px;line-height: 130%;background: url(../image/ico_06.png) no-repeat 0 0; background-size: 18px 18px;}
.info_box dd {padding: 20px 0 0 20px; word-break: normal;}
.info_box dd ol li {list-style:decimal;  line-height: 180%;}

.info_box2 strong {display: inline-block; padding-bottom: 10px;}
.info_box2 ol>li {line-height: 160%; font-size: 14px; padding-left: 20px; word-break:keep-all;}
.info_box2 ol>li>ul>li {padding-left: 30px; font-size: 14px; word-break:keep-all;}
.info_box .info_liblue {padding-top: 10px; }
.info_box .info_liblue li { color: #6287de; font-family: 'notoM' }

.state {
	display: block; margin: 0 auto;
	width: 75px;
	text-align: center;
	font-size: 13px;
	color: #1a80fe;
	border: 1px solid #1a80fe;
	border-radius: 2px;
	word-break: normal;
}
.state.type02 {
	color: #999;
	background: #f2f3f3;
	border: 1px solid #d3d3d3;
}
.state.type03 {
	color: #999;
	border: 1px solid #999;
}
.state.type04 {
	color: #ff4c7a;
	border: 1px solid #ff4c7a;
}
.state.type05 {
	color: #02bcc3;
	border: 1px solid #02bcc3;
}
.state.type06 {
	color: #8b58ff;
	border: 1px solid #8b58ff;
}
.state.type07 {
	color: #ed6400;
	border: 1px solid #ed6400;
}

/*요약팝업*/
.summary_box1 dt {}
.summary_box1 dd {width: 100%; text-align: center; padding: 10px 0; background: #ddd; border-radius: 10px; margin-top: 10px;}
.summary_box1 dd span {display: inline-block; width: 23%; text-align: center; border-radius: 5px; padding: 75px 0 10px; color: #333; margin-right: 2px;}
.summary_box1 dd span.type01 {background:#fff url("../image/sub_02_01.png") no-repeat center 10px ; background-size: 80px 57px;}
.summary_box1 dd span.type02 {background:#fff url("../image/sub_02_02.png") no-repeat center 10px ; background-size: 80px 57px;}
.summary_box1 dd span.type03 {background:#fff url("../image/sub_02_03.png") no-repeat center 10px ; background-size: 80px 57px;}
.summary_box1 dd span.type04 {background:#fff url("../image/sub_02_04.png") no-repeat center 10px ; background-size: 80px 57px;}
.summary_box1 dd span:last-child {margin-right: 0;}

.btnArea.board_btnbox {text-align: right;}
.board_downbtn span:nth-child(2){margin-left: 20px;}
.board_downbtn span:nth-child(1) a {text-decoration: underline;}

.btnLg.plr20 {width: 220px;}
.certify.entry02 strong {margin-bottom: 10px; display: block;}

.file_box2 {    width: 100%; }
.file_box2 > dl {width: 60%;display: table;padding: 12px 0; margin: 0 auto;}
.file_box2 > dl > dt {display: table-cell;vertical-align: middle;width: 16%;color: #333; padding-left: 10px;font-family: 'notoM';}
.file_box2 > dl > dd {display: table-cell;width: 84%;padding-right: 30px;}
.file_box2 dd span:first-child { padding-right: 0px;width: 300px;}
.file_box2 dd span {display: table-cell;}
.file_box2 dd span:last-child { padding-right: 0px;width: 100px;}

.h3pt50 {padding-top: 80px;}
.companyInfo2.ans {background: #f2f2f2; }
.companyInfo2.ans dl {border-top: 1px solid #ddd;}
.companyInfo2.ans dl:first-child {border-top: 1px solid #000;}
.btnArea1 {overflow: hidden;}
.btnArea1 > span {float: left; width: 50%; text-align: left;}
.btnArea1 button {float: right; margin-left: 10px;}
.mobile_btn1 {display: none;}
.mark03.pcno {display: none;}

/* 2022-02 추가 */
.onoffline_list {padding:48px 0 5px;}
.onoffline_list:after {content:""; display:block; clear:both;}
.onoffline_list li {box-sizing:border-box; float:left; width:calc(50% - 5px); border:1px solid #ddd; border-radius:4px;}
.onoffline_list li:nth-child(2) {margin-left:10px;}
.onoffline_list li.on {border:1px solid #234186;}
.onoffline_list li a {display:block; padding:158px 0 37px; text-align:center; font-size:18px; font-weight:700; color:#333;}
.onoffline_list li:nth-child(1) a {background:url('../image/img_online.png') no-repeat center 53px;}
.onoffline_list li:nth-child(2) a {background:url('../image/img_offline.png') no-repeat center 53px;}

.question_list {}
.question_list li {padding-top:15px;}
.question_list li a {display:block; font-size:16px; color:#666;}
.question_list li a span {display:inline-block; width:16px; height:16px; line-height:16px; margin-right:7px; text-align:center; background:#9b9b9b; border-radius:100%; font-size:12px; font-weight:700; color:#fff; vertical-align:2px;}

.online_list {padding:48px 0 98px;}
.online_list:after {content:""; display:block; clear:both;}
.online_list li {box-sizing:border-box; float:left; width:calc(25% - 7.5px); margin-right:10px;}
.online_list li:nth-child(4) {margin-right:0;}
.online_list li a {display:block; height:215px; text-align:center; font-size:18px; font-weight:700; color:#333; border:1px solid #ddd; border-radius:4px;}
.online_list li.on a {border:1px solid #1f4182;}
.online_list li:nth-child(1) a {padding:150px 0 0; background:url('../image/img_online01.png') no-repeat center 60px;}
.online_list li:nth-child(2) a {padding:150px 0 0; background:url('../image/img_online02.png') no-repeat center 79px;}
.online_list li:nth-child(3) a {padding:150px 0 0; background:url('../image/img_online03.png') no-repeat center 73px;}
.online_list li:nth-child(4) a {padding:150px 0 0; background:url('../image/img_online04.png') no-repeat center 53px;}

.offline_list {padding:48px 0 98px;}
.offline_list:after {content:""; display:block; clear:both;}
.offline_list li {box-sizing:border-box; float:left; width:calc(50% - 5px); margin-right:10px;}
.offline_list li:nth-child(2) {margin-right:0;}
.offline_list li a {display:block; height:215px; text-align:center; font-size:18px; font-weight:700; color:#333; border:1px solid #ddd; border-radius:4px;}
.offline_list li.on a {border:1px solid #234186;}
.offline_list li:nth-child(1) a {padding:171px 0 0; background:url('../image/img_offline01.png') no-repeat center 30px;}
.offline_list li:nth-child(2) a {padding:159px 0 0; background:url('../image/img_offline02.png') no-repeat center 38px;}

.inpBox.type10 span .btnXSm span:last-child {color:#fff !important;}

.pl0 {padding-left:0 !important;}
.inpBox.type22 {margin-top:8px;}
.inpBox.type22 span {width:250px;}
.inpBox.type22 span input {width:150px; margin-left:5px;}
.inpBox.type22 span:first-child {padding-right:8px;}
.w50p {width:50% !important;}

.inpBox.type07 span label {display:inline-block; width:150px;}

.w30p {width:30% !important;}
.w176 {width:176px !important;}
.dp_i {display:inline-block; width:250px; margin-right:10px; word-break:keep-all; vertical-align:middle;}
.dp_it {display:inline-block; width:120px; margin-right:10px; word-break:keep-all; vertical-align:middle;}

.mark_view_box {padding:30px 0 35px; border:1px solid #ddd;}
.mark_view_box p {text-align:center; font-size:16px; color:#333;}
.mark_view_box p + p {padding-top:5px; padding-left:85px;}
.mark_view_box p .ic {display:inline-block; width:27px; height:27px; margin-right:15px; background:url('../image/ico_09.png') no-repeat 0 0; vertical-align:middle;}

.bbs-list-head.type03.type04 >span:nth-child(1) {width: 20%;}
.bbs-list-head.type03.type04 >span:nth-child(2) {width: 20%;}
.bbs-list-head.type03.type04 >span:nth-child(3) {width: 20%;}
.bbs-list-head.type03.type04 >span:nth-child(4) {width: 20%;}
.bbs-list-head.type03.type04 >span:nth-child(5) {width: 20%;}

.process_list {padding-top:15px; padding-bottom:70px;}
.process_list li {}
.process_list li:before {content:""; display:inline-block; width:4px; height:4px; margin:0 5px 5px 0; background:#666; border-radius:100%; font-size:16px; color:#666;}

.pb0 {padding-bottom:0 !important;}
.mb25 {margin-bottom:25px !important;}

.web {display:block;}
.mob {display:none;}

a.btnSm11,button.btnSm11,input[type="button"].btnSm11 {min-width:100px; height:36px; line-height:36px; vertical-align:middle; text-align:center; white-space:nowrap; font-size:16px; color:#fff; background-color:#b1b1b1;}
a.btnSm11 span,button.btnSm11 span {font-size:inherit;color:inherit;}

.bbs-list-tbl.bbs-list-tbl02 {border-top: 1px solid #333;}

.business_list {padding:48px 0 0;}
.business_list:after {content:""; display:block; clear:both;}
.business_list li {box-sizing:border-box; float:left; width:calc(50% - 5px);}
.business_list li a {display:block; height:215px; padding:170px 0 0; text-align:center; border:1px solid #ddd; border-radius:4px; background:url('../image/ico_business01.png') no-repeat center 59px; font-size:18px; font-weight:700; color:#333;}
.business_list li.on a {border:1px solid #234186;}
.business_list li + li {margin-left:10px;}
.business_list li + li a {background:url('../image/ico_business02.png') no-repeat center 59px;}

.pri_app.pri_app02 th {padding:25px 12px; font-size:16px; font-weight:500;}
.pri_app.pri_app02 td {padding:30px 12px; word-break:keep-all;}

.txt_agree {font-size:18px; font-weight:700; color:#333;}
.txt_agree strong {font-size:18px; font-weight:700; color:#333;}

.agree_area {box-sizing:border-box; margin-top:15px; padding:30px 30px; border:1px solid #ddd; border-radius:5px;}
.agree_area .agree_box {height:260px; padding-right:20px; overflow-y:scroll;}
.agree_area .agree_box::-webkit-scrollbar {width:8px;}
.agree_area .agree_box::-webkit-scrollbar-track {width:3px; background-color:#bdbdbd; border-radius:100px;} 
.agree_area .agree_box::-webkit-scrollbar-thumb {background-color:#5a5a5a; border-radius:100px;} 
.agree_box h5 {padding-top:50px; padding-bottom:20px;}
.agree_box p {padding:0 0 20px 0; word-break:keep-all; color:#333 !important;}
.agree_box p strong {word-break:keep-all; color:#333 !important;}
.agree_box > div {padding:30px; background:#f4f4f4; border:1px solid #ddd;}
.agree_box > div p {padding-bottom:15px;}
.pt0 {padding-top:0 !important;}
.agree_box > .agree_list li {word-break:keep-all; color:#333 !important;}
.agree_box > .agree_list > li,
.agree_box > .agree_list > li {padding-top:20px;}
.agree_box > .agree_list > li:first-child,
.agree_box > .agree_list > li:first-child {padding-top:0;}
.agree_box > .agree_list li li {padding-left:20px;}
.agree_box > .agree_list li .agree_list02 li {padding-top:20px;}
.agree_box > .agree_list li p {padding-left:20px;}

label.string01 {padding:0 10px;}

.inpBox.type23 span {
	width: calc(100% / 4); padding-right: 8px;
}
.inpBox.type23 span:last-child {
	padding-right: 0px;
}

.inpBox.type24 span {
	width:265px; padding-bottom:8px;
}

.inpBox.type25 span {width:500px; padding-bottom:8px;}
.inpBox.type25 span .string02 {display:inline-block; width:40px; text-align:center;}
.inpBox.type25 span input {display:inline-block; width:calc(100% - 300px);}

.w_code label {display:inline-block; width:60px; word-break:keep-all; vertical-align:middle;}
.w_code input {display:inline-block; width:calc(100% - 65px) !important;}
.w_code02 label {display:inline-block; width:140px;}
.w_code02 input {display:inline-block; width:calc(100% - 140px) !important;}
.w_code03 label {display:inline-block; width:100px; word-break:keep-all; vertical-align:middle;}
.w_code03 select {display:inline-block; width:calc(100% - 110px) !important;}
.w_code04 label {display:inline-block; width:80px;}
.w_code04 input {display:inline-block; width:calc(100% - 80px) !important;}

/* 2022-03-04 추가 */
.ml10 {margin-left:10px;}
.to_btnbox.to_btnbox02 input[type="checkbox"] {display:none;}
.companyInfo_box {display:none;}

/* 2022-03-08 추가 */
.membership_box {display:none;}
.inpRadio.inpRadio_sel {height:40px; padding:0;}
.inpRadio.inpRadio_sel span {display:inline-block;}
.inpRadio.inpRadio_sel .draufgabe_box {display:none;}
.inpRadio.inpRadio_sel .draufgabe_box02 {display:none;}

/* 2022-03-16 추가 */
.btn_area_box {margin:70px 0 100px; font-size:0;}
.btn_area_box:after{content:""; display:inline-block; clear:both;}
.btn_area_box span {font-size:0;}
.btn_area_box span:nth-child(2) {float:right;}
.btn_area_box.btn_area_box_three span button:nth-child(2) {margin-left:7px;}

/* 2022-04-07 추가 */
.inpBox.type26 {float:left; display:inline-block; margin-right:10px;}
.inpBox.type02.type27 span {width:100%;}

.companyInfo > .company_number_box > dd, 
.toggleCont dd .company_number_box dd {display:inline-block; width:auto; padding-right:10px;}

.inpBox.type23.type29 span {width:auto;}
.inpBox.type23.type29 span:first-child select {width:200px !important;}

.btn_area_box.btn_area_box_three span button:nth-child(3) {margin-left:7px;}
.btn_area_box span:nth-child(3) {float:right;}

.mt20 {margin-top:20px !important;}
.tit_h4 {font-size:24px !important;}
.tit_h3 {font-size:24px !important;}

.inpRadio.inpRadio03 {float:left; display:block; width:100%;}
.inpRadio.inpRadio03 label.string01 {padding:0;}

.inpBox.type23.type31 span {width:auto;}
.type23.type31 span select {width:130px !important;}
.type24.type31 span select {width:130px !important;}

.bbs-list-head.type03.type04 > span {font-weight:700; font-size:18px;}

.pl10 {padding-left:10px !important;}

.inpBox.type32 {float:left; display:inline-block; margin-right:10px;}

.w_code05 label {display:inline-block; width:180px; word-break:keep-all; vertical-align:middle;}
.w_code05 input {display:inline-block; width:calc(100% - 180px) !important;}

.ws_list {}
.ws_list li {float:left; width:auto; padding-left:25px;}
.ws_list li:first-child {padding-left:0;}

/* KYC심사  */
/* s :: 241122 추가 */
.hidden { position: absolute; top: 0; left: 0; overflow:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0;text-indent:-9999999px;}

.inpBox.type33 { position: relative; width: 100%;}
.inpBox.type33 + .inpBox.type33 { margin-top: 8px;}
.inpBox.type33 input,
.inpBox.type33 select { height: 48px !important; padding: 0 16px; border-radius: 8px; border: 1px solid #E5E5EC; font-family: inherit; font-size: 14px; font-weight: 600; letter-spacing: -0.025em; line-height: 1; color: #000000; transition: border-color 0.2s, box-shadow 0.2s;}
.inpBox.type33 input::placeholder { font-size: inherit; font-weight: 400; color: #9CA9B6; opacity: 1;}
.inpBox.type33 input[disabled="disabled"], .inpBox.type33 input:disabled, .inpBox.type33 input:read-only,
.inpBox.type33 select[disabled="disabled"], .inpBox.type33 select:disabled { background-color: #F4F4F4; font-weight: 400; color: #4E6175;}
.inpBox.type33 input:focus, .inpBox.type33 input:focus-visible,
.inpBox.type33 select:focus, .inpBox.type33 select:focus-visible { border-color: #000; box-shadow: 2px 2px 5px 0px #00000026;}

.inpBox.type33.address-input input { padding-right: 52px;}
.inpBox.type33.address-input button { position: absolute; right: 16px; top: 50%; width: 20px; height: 20px; background-image: url('../image/i-search.png'); background-repeat: no-repeat; background-size: contain; background-position: center; transform: translateY(-50%);}

.inpBox.type33 select { padding-right: 48px; background: #fff url('../image/sel_02.png') no-repeat right 16px center; background-size: 16px;}
.inpBox.type33 select option { color: #000000;}
.inpBox.type33 select option[disabled="disabled"], .inpBox.type33 select option:disabled { display: none;}
.inpBox.type33 select:required:invalid { font-weight: 400; color: #9CA9B6; }

.inpBox.type33  input[type="radio"] + label { margin: 2px 0; padding: 0 0 0 30px; min-height: 22px; font-size: 15px; line-height: 22px; letter-spacing: 0; color: #111111;}
.inpBox.type33 input[type="radio"] + label:before { width: 22px; min-height: 22px; background: #fff; border-radius: 100%; border: 1px solid #E5E5EC;}
.inpBox.type33 input[type="radio"] + label:after { display: block; left: 7px; top: 7px; width: 10px; height: 10px; background-color: #E5E5EC; border: none; border-radius: 100%; -webkit-transform: rotate(0); transform: rotate(0); }
.inpBox.type33 input[type="radio"]:checked + label:before { border-color: #234186; }
.inpBox.type33 input[type="radio"]:checked + label:after { background-color: #234186; }

.inpBox.type33  input[type="checkbox"] + label {font-size: 12px; font-weight: 500; line-height: 22px; color: #565656; }
.inpBox.type33 input[type="checkbox"] + label:before { width: 22px; min-height: 22px; background: #fff; border-radius: 4px; border: 1px solid #E5E5EC;}
.inpBox.type33 input[type="checkbox"] + label:after { display: block; left: 8px; top: 4px; opacity: 0;}
.inpBox.type33 input[type="checkbox"]:checked + label:before { border-color: #234186; background-color: #234186;}
.inpBox.type33 input[type="checkbox"]:checked + label:after { border-color: #fff; opacity: 1;}
.inpBox.type33 input[type="checkbox"].all-check + label {font-size: 14px; font-weight: 700; color: #234186; }
.inpBox.type33 input[type="checkbox"] + label + a { float: right; font-size: 12px; font-weight: 500; line-height: 22px; letter-spacing: 0; text-decoration: underline; color: #234186;}

.filebox {
	position: relative;
}

.filebox .file-upload-name { padding-right: 62px; width: 100%; }
.filebox label span { position: absolute;}
.filebox label span:first-child { display: flex; top: 0; left: 0; width: 100%; height: 48px;}
.filebox label span:last-child { display: none;}
.filebox.act label span:first-child { display: none;}
.filebox.act label span:last-child { display: block; top: 50%; right: 22px; width: fit-content; height: fit-content; font-size: 14px; font-weight: 700; letter-spacing: 0; color: #234186; transform: translateY(-50%);}


.btnLg2 { display: flex; align-items: center; justify-content: center; width: 100%; height: 54px; padding: 0; background-color: #909BA6; border-radius: 8px; -webkit-border-radius: 8px; font-family: inherit; font-size: 16px; font-weight: 700; letter-spacing: 0; color: #fff; text-align: center;}
.btnMd2 { display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; padding: 0; background-color: #909BA6; border-radius: 8px; -webkit-border-radius: 8px; font-family: inherit; font-size: 14px; font-weight: 700; letter-spacing: 0; color: #fff; text-align: center;}
.bt04 { background-color: #E5EDFF !important; color: #234186 !important;}

.kyc-con { border-top: 1px solid #E5E5EC; font-family: 'pretendard', sans-serif; letter-spacing: 0;}
#container.kyc-con .contents { max-width: 512px; width: 100%; padding: 30px 16px 100px;}
.kyc-con .tit_area .tit { margin-bottom: 0; font-size: 32px; font-weight: 800; line-height: 48px; letter-spacing: 0; color: #000;}
.kyc-con .tit_area .s_lnb { margin-top: 7px; margin-bottom: 40px;}
.kyc-con .tit_area .s_lnb ul { display: flex; justify-content: flex-end; align-items: center;}
.kyc-con .tit_area .s_lnb li { display: flex; justify-content: center; align-items: center; width: 12px; height: 12px; margin-left: 12px; background-color: #909BA6; border-radius: 100%;}
.kyc-con .tit_area .s_lnb li span { font-size: 0; opacity: 0;}
.kyc-con .tit_area .s_lnb li.act { width: 24px; height: 24px; background-color: #FF6600;}
.kyc-con .tit_area .s_lnb li.act span { font-size: 14px; color: #fff; letter-spacing: -0.011em; opacity: 1;}

.kyc-con .kyc-cont h3 { margin-bottom: 8px; font-family:inherit; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 16.8px; text-align: left; color: #5B6877;}

.kyc-con .kyc-cont { padding: 0; border: none;}
.kyc-con .kyc-cont .kyc-input-li li { margin-bottom: 24px;}
.kyc-con .kyc-cont .kyc-input-li li:last-child { margin-bottom: 0;}
.kyc-con .kyc-cont .kyc-input-li + .kyc-input-li { margin-top: 24px;}
.kyc-con .kyc-cont .kyc-input-li .kyc-input-txt { margin-bottom: 16px; padding: 8px 12px; min-height: 36px; background-color: #F2F6FD; border-radius: 4px; font-size: 13px; font-weight: 500; letter-spacing: 0; line-height: 19.5px; color: #234186;}
.kyc-con .kyc-cont .kyc-input-sub { margin-top: 40px;}
.kyc-con .kyc-cont .kyc-input-sub h3 { margin-bottom: 4px; font-size: 13px; font-weight: 600; line-height: 19.5px; color: #234186;}
.kyc-con .kyc-cont .kyc-input-sub li, .kycLayer .kyc-input-sub li { position: relative; margin-bottom: 0; padding-left: 7px; font-size: 12px; line-height: 19.5px; color: #565656;}
.kyc-con .kyc-cont .kyc-input-sub li::before, .kycLayer .kyc-input-sub li::before { content: ''; display: block; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; border-radius: 100%; background-color: #565656; letter-spacing: 0;}
.kyc-con .kyc-cont .kyc-input-sub li a { font-size: inherit; font-weight: 600; letter-spacing: 0; text-decoration-line: underline; color: #234186;}


.kyc-con .kyc-cont .btnArea.btn_two { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.kyc-con .kyc-cont .btnArea.btn_two button { width: calc(50% - 6px);}
.kyc-con .kyc-cont .btnArea.btn_two button.w-100 { margin-bottom: 16px; width: 100%;}

.kyc-con .kyc-cont .kyc-input-li + .btnArea { margin-top: 32px;}


.kyc-con .kyc-cont .kyc-table { margin-top: 40px;}
.kyc-table { width: 100%; border-top: 1px solid #234186; }
.kyc-table thead th { padding: 8px 0; background-color: #F2F6FF; color: #234186;}
.kyc-table tbody th,
.kyc-table tbody td { padding: 12px; border-bottom: 1px solid #E5E5EC; font-size: 12px; font-weight: 500; line-height: 18px; letter-spacing: 0; color: #565656; text-align: center; vertical-align: middle;}
.kyc-table tbody tr:last-child th, .kyc-table tbody tr:last-child td { border-color: #234186;}
.kyc-table tbody td b { font-size: 13px; font-weight: 600px; letter-spacing: -0.025em; color: #000;}
.kyc-con .kyc-cont .kyc-table tbody td .kyc-input-sub { margin-top: 0; text-align: left;}
.kyc-table tbody th {background-color: #F6F6F6; text-align: left;}

.kycLayer .popStyle03 .popup {max-width: 311px; min-width: initial; width: 100%; }
.kycLayer .popStyle03 .popup > button.close {top: 14px;right: 20px;width: 42px;height: 37px;background: url('../image/btn_close2.png') no-repeat center;background-size: 28px 28px; }
.kycLayer .popStyle03 .popHead { margin: 0; padding-top: 56px; padding-bottom: 8px; border-radius: 0;}
.kycLayer .popStyle03 .popCont { margin: 0; padding: 0 16px 32px; border-radius: 0;}
.kycLayer .popStyle03 .popCont .kyc-table {
	margin-top: 12px;
}
.kycLayer .popStyle03 .popCont .kyc-table tbody th, .kycLayer .popStyle03 .popCont .kyc-table tbody td { padding:9px 12px; text-align: left;}
.kycLayer .popStyle03 .popCont .kyc-table tbody th { font-size: 12px; font-weight: 600; line-height: 20px; letter-spacing: -0.025em; color: #000000;}
.kycLayer .popStyle03 .popCont button.btnLg2 { margin-top: 16px; height: 40px; font-size: 15px;}

/* e :: 241122 추가 */




@media only screen and (max-width:727px) {
	.onoffline_list li {border-width:2px;}
	.onoffline_list li {float:left; width:calc(50% - 4px);}
	.onoffline_list li:nth-child(2) {margin-left:8px;}
	.onoffline_list li a {display:block; padding:158px 0 40px; font-size:19px; letter-spacing:-2px;}
	.onoffline_list li:nth-child(1) a {background:url('../image/img_m_online.png') no-repeat center 61px / 68px 68px;}
	.onoffline_list li:nth-child(2) a {background:url('../image/img_m_offline.png') no-repeat center 62px / 61px 67px;}

	.question_list {display:none;}

	.online_list {padding-bottom:75px;}
	.online_list li {width:calc(50% - 5px); margin-right:10px;}
	.online_list li:nth-child(4) {margin-right:0;}
	.online_list li:nth-child(3),
	.online_list li:nth-child(4) {margin-top:10px;}
	.online_list li:nth-child(even) {margin-right:0;}
	.online_list li a {display:block; height:220px; text-align:center; font-size:19px; letter-spacing:-2px;}
	.online_list li:nth-child(1) a {padding:155px 0 0; background:url('../image/img_m_online01.png') no-repeat center 59px / 92px 79px;}
	.online_list li:nth-child(2) a {padding:155px 0 0; background:url('../image/img_m_online02.png') no-repeat center 80px / 142px 29px;}
	.online_list li:nth-child(3) a {padding:155px 0 0; background:url('../image/img_m_online03.png') no-repeat center 77px / 136px 30px;}
	.online_list li:nth-child(4) a {padding:155px 0 0; background:url('../image/img_m_online04.png') no-repeat center 46px / 91px 91px;}

	.offline_list {padding-bottom:75px;}
	.offline_list li {width:calc(50% - 4px); margin-right:8px;}
	.offline_list li:nth-child(2) {}
	.offline_list li a {display:block; height:220px; padding:169px 0 0; font-size:19px; letter-spacing:-2px; border-width:2px;}
	.offline_list li:nth-child(1) a {background:url('../image/img_m_offline01.png') no-repeat center 28px / 74px 123px;}
	.offline_list li:nth-child(2) a {background:url('../image/img_m_offline02.png') no-repeat center 47px / 107px 94px;}

	.mark_view_box {margin-top:55px; padding:33px 30px 39px;}
	.mark_view_box p {text-align:left; padding-left:35px; text-indent:-35px; font-size:18px; color:#333; word-break:keep-all;}
	.mark_view_box p + p {padding-top:5px; padding-left:35px; text-indent:0;}
	.mark_view_box p .ic {display:inline-block; width:24px; height:24px; margin-right:13px; background:url('../image/ico_09.png') no-repeat 0 0 / 24px 24px; vertical-align:middle;}

	.process_list {padding-bottom:50px;}

	.web {display:none;}
    .mob {display:block;}

	.process_list02 {padding-bottom:50px; border-top:1px solid #333;}
	.process_list02:after {content:""; display:block; clear:both;}
	.process_list02 li {box-sizing:border-box; float:left; width:50%; border-bottom:1px solid #eee;}
	.process_list02 li.brd_l {border-left:1px solid #eee;}
	.process_list02 li:nth-child(7n) {width:100%;}
	.process_list02 li > label {display:block; padding:28px 15px 17px; background:#f9f9f9;}
	.process_list02 li > div {padding:0 15px 24px;}

	.business_list {padding:30px 0 45px}
	.business_list li {width:calc(50% - 4px);}
	.business_list li a {height:220px; padding:169px 0 0; background:url('../image/ico_business01.png') no-repeat center 62px / 98px 86px; font-size:19px;}
	.business_list li + li {margin-left:8px;}
	.business_list li + li a {background:url('../image/ico_business02.png') no-repeat center 53px / 68px 88px;}

	.agree_area {margin:15px -20px 0; padding:25px 13px; border-left:none; border-right:none; border-radius:0;}
	.agree_area .agree_box {height:305px; padding-left:10px; padding-right:30px;}
	.agree_area .agree_box::-webkit-scrollbar {width:9px;}
	.agree_box {padding:0;}
	.agree_box h5 {padding-top:35px; padding-bottom:25px;}
	.agree_box .pri_app.pri_app02 td {word-break:break-all;}


	.inpBox.type23 span {
		width: 100%; padding-right: 0; padding-bottom:8px;
	}
	.inpBox.type23 span:last-child {
		padding-bottom: 0;
	}

	.inpBox.type24 span {
		width:100%;
	}

	.inpBox.type25 span {width:100%;}
	.inpBox.type25 span .dp_i {width:100%; margin-right:0; padding-bottom:10px;}
	.inpBox.type25 span input {width:calc(100% - 40px);}

	/* 2022-03-16 추가 */
	.btn_area_box {margin:20px auto 0px; text-align:center;}
	.btn_area_box span:nth-child(2) {float:none; padding-left:7px;}
	.btn_area_box span button {width:calc(50% - 5px);}
	.btn_area_box.btn_area_box_three span button {width:calc((33%) - 5px);}
	
	/* 2022-04-07 추가 */
	.inpBox.type02.type27 span:last-child {width:calc(100% - 82px);}
	.inpBox.type02.type28 span {width:calc((100% - 195px) / 3);}
	
	.companyInfo > .company_number_box > dd.inpBox.type01, 
	.toggleCont dd .company_number_box dd.inpBox.type01 {width:calc(100% - 85px);}
	
	.inpBox.type23.type29 span:first-child select {width:100% !important;}
	
	.inpBox.type22.type30 span{display:inline-block; width:calc(50% - 4px);}
	
	.btn_area_box.btn_area_box_three.btn_area_box_four span button {width:calc(50% - 5px);}
	.btn_area_box.btn_area_box_three.btn_area_box_four span:nth-child(2) {padding-left:0;}
	/*.btn_area_box.btn_area_box_three.btn_area_box_four span:nth-child(2) button {margin-top:10px;}*/
	
	.btn_area_box span:nth-child(3) {float:none;}
	.btn_area_box span:nth-child(3) button {margin-left:7px;}
	
	.header .logoutbox2 {right:260px; top:23px;}
	.header .logoutbox2 button {text-indent:initial;}
	
	.tit_h4 {font-size:20px !important;}
	.tit_h3 {font-size:20px !important;}
	
	.type23.type31 span select {width:calc(100% - 110px) !important;}
	.type24.type31 span select {width:calc(100% - 110px) !important;}
	
	.pl10 {padding-left:0 !important;}
	
	.inpBox.type32 {float:none; display:block; margin-left:0;}
	.inpBox.type32 .wd300 {width:100%;}
	
	.btn_area_box_three #listBtn1,
	.btn_area_box_three #listBtn2,
	.btn_area_box_three #listBtn3,
	.btn_area_box_three #listBtn4,
	.btn_area_box_three #listBtn5,
	.btn_area_box_three #listBtn6 {display:none;}
	
	.inpRadio.fspanno.inpRadio02.inpRadio04 {font-size:0;}
	.inpRadio.fspanno.inpRadio02.inpRadio04 span {width:50%; padding-left:0;}
	.inpRadio.fspanno.inpRadio02.inpRadio04 span:nth-child(3) {margin-top:10px;}
	.inpRadio.fspanno.inpRadio02.inpRadio04 span:nth-child(odd) {padding-left:0;}
	
	.inpRadio.inpRadio_sel.inpRadio05 {height:auto !important;}
	.inpRadio.inpRadio_sel.inpRadio05 > span {width:100%; display:block;}
	.inpRadio.inpRadio_sel.inpRadio05 > span:nth-child(1) > span:nth-child(2) {width:calc(100% - 95px);}
	.inpRadio.inpRadio_sel.inpRadio05 > span:nth-child(1) > span:nth-child(2) select,
	.inpRadio.inpRadio_sel.inpRadio05 > span:nth-child(1) > span:nth-child(2) input {width:calc(50% - 5px);}
	.inpRadio.inpRadio_sel.inpRadio05 > span:nth-child(2) {margin-top:10px; padding-left:0;}
	
	.btn_area_box.btn_area_box_three span:nth-child(1) button:nth-child(2) {margin-left:0;}
	
	.ws_list li {float:none; width:100%; margin-top:10px; padding-left:0;}
	.ws_list li:first-child {margin-top:0;}

	/* s :: 241122 추가 */
	#container.kyc-con .contents {padding-top: 12px; padding-bottom: 50px;}
	.kyc-con .tit_area .tit { margin: 0; font-size: 20px; line-height: 30px;}
	.kyc-con .tit_area .s_lnb { display: block; margin-top: 16px; margin-bottom: 40px;}
	.kyc-con .kyc-cont .kyc-table { margin-top: 24px;}
	/* e :: 241122 추가 */
	
}


