@charset "utf-8";

/* --------------------------------------------- 공통 클래스 --------------------------------------------- */
input[type=radio] {width:1px; height:1px; vertical-align:top; opacity:0.01;}
input[type=radio] + label {padding-left:23px; font-size:15px; color:#555; line-height:24px; vertical-align:top; display:inline-block; position:relative; }
input[type=radio] + label:after {content:""; width:23px; height:24px; background:url(../images/common/radio_off.png) 2px center no-repeat; display:block; position:absolute; left:0; top:0px;}
input[type=radio]:checked + label:after {content:""; width:23px; height:24px; background:url(../images/common/radio_on.png) 2px center no-repeat; display:block; position:absolute; left:0; top:0px;}

@media screen and (max-width:1259px) {
	input[type=radio] {}
	input[type=radio] + label {font-size:13px; line-height:21px;}
	input[type=radio] + label:after {content:""; width:23px; height:21px; background:url(../images/common/radio_off.png) 2px center no-repeat; background-size:15px;}
	input[type=radio]:checked + label:after {content:""; width:23px; height:21px; background:url(../images/common/radio_on.png) 2px center no-repeat; background-size:15px;}

}





/* --------------------------------------------- 모달팝업 --------------------------------------------- */
.com-madal {width:100%; height:1000px; background:rgba(0,0,0,0.7); position:absolute; left:0; top:0; display:none; z-index:1000;} /*딤처리*/
.cpt-mopop { background:#fff; position:absolute; left:0; top:0; z-index:1001;}
.cpt-mopop.size01 {width:600px; left:calc(50% - 300px); top:90px;}
.cpt-mopop .mopop-title {width:100%; height:45px; padding-left:20px; font-size:20px; color:#fff; font-weight:bold; line-height:44px; box-sizing:border-box; background:#0c6db6;}
.cpt-mopop .mopop-cont {max-height:735px; padding:20px 16px; overflow:auto;}
.cpt-mopop .mopop-quest {margin-bottom:22px;}
.cpt-mopop .mopop-question {margin-bottom:8px; font-size:15px; color:#333333; font-weight:bold; line-height:24px;}

.cpt-mopop.size02 {width:623px; left:calc(50% - 312px); top:90px;}
.cpt-mopop .mopop-image {}

.cpt-mopop .mopop-close {width:27px; height:27px; font-size:0; background:url(../images/common/icon_closemop.png) center no-repeat; position:absolute; top:9px; right:15px; cursor:pointer;}
.cpt-mopop .mopop-close.black {background:url(../images/common/icon_closemop_b.png) center no-repeat;}

@media screen and (max-width:1259px) {
	.cpt-mopop.size01 {width:100%; height:100vh; position:fixed; left:0; top:0;}
	.cpt-mopop .mopop-title {width:100%; height:40px; padding-left:18px; font-size:15px; line-height:40px;}
	.cpt-mopop .mopop-cont {height:calc(100% - 40px); max-height:none; padding:18px 15px;}
	.cpt-mopop .mopop-quest {margin-bottom:22px;}
	.cpt-mopop .mopop-question {margin-bottom:8px; font-size:13px; line-height:21px;}
	.cpt-mopop .mopop-close {width:25px; height:25px; background:url(../images/common/icon_closemop.png) center no-repeat; background-size:15px; top:7px; right:10px;}

	.cpt-mopop.size02 {width:342px; background:none; left:calc(50% - 171px); top:88px;}
	.cpt-mopop .image-box.m-only-b img {width:100%;}
}
@media screen and (max-width:740px) {
	.cpt-mopop.size02 {width:calc(100% - 20px); left:10px; top:88px;}
	.cpt-mopop .image-box.m-only-b img {width:100%;}
}

/*

	<div class="com-madal"></div>
	<div class="cpt-mopop size02 pop2">
		<div class="mopop-image">
			<div class="image-box p-only-b"><img src="../../images/thum/thum_pop.png" alt="" /></div>
			<div class="image-box m-only-b"><img src="../../images/thum/thum_pop_m.png" alt="" /></div>
		</div>
		<button class="mopop-close block">닫기</button>
	</div>
*/



/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ------------------------------------------------ common ------------------------------------------------- */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.txt-left {text-align:left;}

.p-only-b {display:block;}
.m-only-b {display:none;}

@media screen and (max-width:1259px) {
	.p-only-b {display:none;}
	.m-only-b {display:block;}
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ------------------------------------------------ footer ------------------------------------------------- */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.footer {width:100%; background:#f3f3f3}
.cpt-footer {width:100%; height:130px; max-width:1194px; margin:0 auto; box-sizing:border-box;}
.cpt-footer:after {content:""; display:block; clear:both;}
.cpt-footer .ft-logo {width:255px; height:83px; padding-top:41px; box-sizing:border-box; float:left;}
.cpt-footer .ft-logo a {width:100%; height:100%; font-size:0; background:url(../images/common/ft_logo.png) left center no-repeat; display:block;}
.cpt-footer .ft-logo02 {width:205px; height:83px; padding-top:41px; padding-right:45px; box-sizing:border-box; float:left;}
.cpt-footer .ft-logo02 a {width:140%; height:100%; font-size:0; background:url(../images/common/ft_logo02.png) left center no-repeat; display:block;}

.cpt-footer .ft-copyright {width:535px; padding-top:19px; font-size:12px; color:#555555; line-height:23px; float:right;}/*2020-02-03*/
.cpt-footer .ft-copyright b {font-weight:normal;}
.cpt-footer .ft-copyright .copy {font-family:"Roboto"; font-size:13px; color:#7b7b7b}


@media screen and (max-width:1259px) {
	.cpt-footer {height:auto; max-width:none; padding-bottom:26px; border:0; background:#f3f3f3;position: relative;}
	.cpt-footer .ft-logo {width:50%; height:54px; padding-top:25px; padding-right: 22px;}
	.cpt-footer .ft-logo a {background:url(../images/common/ft_logo_m.png) right no-repeat; background-size:144px;}
	.cpt-footer .ft-logo02 {width: 50%; height: 54px; padding-top: 25px; padding-left: 0; padding-right: 0; position: absolute; right: 0; padding-left: 22px;}
	.cpt-footer .ft-logo02 a {background:url(../images/common/ft_logo02_m.png) left no-repeat; background-size:144px;}
	.cpt-footer .ft-copyright {width:100%; padding:13px 28px 0; font-size:11px; line-height:15px; text-align:center; box-sizing:border-box;}
	.cpt-footer .ft-copyright .copy {font-size:11px;}
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ------------------------------------------------eng-footer ------------------------------------------------- */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.e-footer {width:100%; background:#f3f3f3}
.cpt-e-footer {width:100%; height:130px; max-width:1194px; margin:0 auto; box-sizing:border-box;}
.cpt-e-footer:after {content:""; display:block; clear:both;}
.cpt-e-footer .ft-logo {width:225px; height:83px; padding-top:41px; box-sizing:border-box; float:left;}
.cpt-e-footer .ft-logo a {width:100%; height:100%; font-size:0; background:url(../images/common/ft_logo.png) left center no-repeat; display:block;}
.cpt-e-footer .ft-logo02 {width:205px; height:83px; padding-top:41px; padding-right:45px; box-sizing:border-box; float:left;}
.cpt-e-footer .ft-logo02 a {width:140%; height:100%; font-size:0; background:url(../images/common/ft_logo02.png) left center no-repeat; display:block;}
.cpt-e-footer .ft-copyright {width:620px; padding-top:17px; font-size:12px; color:#555555; line-height:22px; float:right;}/*2020-02-03*/
.cpt-e-footer .ft-copyright b {font-weight:normal;}
.cpt-e-footer .ft-copyright .copy {font-family:"Roboto"; font-size:13px; color:#7b7b7b}



@media screen and (max-width:1259px) {
	.cpt-e-footer {height:auto; max-width:none; padding-bottom:26px; border:0; background:#f3f3f3;position: relative;}
	.cpt-e-footer .ft-logo {width:50%; height:54px; padding-top:25px; padding-right: 22px;}
	.cpt-e-footer .ft-logo a {background:url(../images/common/ft_logo_m.png) right no-repeat; background-size:144px;}
	.cpt-e-footer .ft-logo02 {width: 50%; height: 54px; padding-top: 25px; padding-left: 0; padding-right: 0; position: absolute; right: 0; padding-left: 22px;}
	.cpt-e-footer .ft-logo02 a {background:url(../images/common/ft_logo02_m.png) left no-repeat; background-size:90px;}
	.cpt-e-footer .ft-copyright {width:100%; padding:13px 28px 0; font-size:11px; line-height:18px; text-align:center; box-sizing:border-box;}
	.cpt-e-footer .ft-copyright .copy {font-size:11px;}
}

/* 모바일/PC 전용 */
.m-only-b {display:none !important;}
.p-only-b {display:block !important;}
.m-only-ib {display:none !important;}
.p-only-ib {display:inline-block !important;}
.m-only-tb {display:none !important;}
.p-only-tb {display:table !important;}
.m-only-br {display:none !important;}
.p-only-tc {display:table-cell !important;}

@media screen and (max-width:1259px) {
	.m-only-b {display:block !important;}
	.p-only-b {display:none !important;}
	.m-only-ib {display:inline-block !important;}
	.p-only-ib {display:none !important;}
	.m-only-tb {display:table !important;}
	.p-only-tb {display:none !important;}
	.m-only-br {display:initial !important;}
	.pc-only-br {display:none !important;}
	.p-only-tc {display:none !important;}
}