#copartnership-form {color:#111; padding-bottom:160px;}
#copartnership-form .bg-gray-200{background-color:#f5f5f5 !important;}
#copartnership-form table {table-layout: fixed; white-space: nowrap;}
#copartnership-form table th {font-size:16px; width: 200px;}
#copartnership-form table .form-control {border:unset;font-size: 14px;}
#copartnership-form .guide {font-size:14px;}
#copartnership-form .subject {color:#1d1d1d;font-size:20px;border-left:3px solid #001129;height:20px;line-height:20px;padding-left:6px;}
#copartnership-form label {text-align:left;}
#copartnership-form table label {display:block;}

.rif{width:100%; height: auto; margin-bottom: 80px;}
.rif>img{width:100%; height: auto;}

#sign {}
#sign .rect {width:600px;border:1px solid #ddd;height:260px;margin:0 auto;}
#sign canvas {width:100%;height:100%;}
#guide {height:375px;color:#111;padding-top:50px;padding-left:90px; margin-bottom:100px; background: url(/images/content/menu/copartnership_guide_bg.jpg) no-repeat center center;}
#guide .float-left {width:20%;}
#guide .float-right {width:80%;}
#guide p {user-select:none;}
#guide .download {}
#guide .download a {background:#e2e4ea;display:inline-block;border-bottom:3px solid #d5d8de;padding:15px 25px;font-family: "Noto Sans Korean Medium", sans-serif;transition:all 0.5s;user-select:none;}
#guide .download a:hover {}
#guide .download a:active {border-bottom:0;border-top:3px solid #d5d8de;}

.btn-sign {width:290px;background:#7f8898;padding:10px;border-radius:0;color:#fff;}
.btn-clear {width:290px;margin-left:20px;padding:10px;background:#f3f4f5;border-radius:0;}
.btn-submit {width:49%;padding:15px;background:#001129;color:#fff;border-radius:0;}
.btn-submit:hover,
.btn-submit:active {color:#7f8898;}
.btn-cancel {width:49%;padding:15px;background:#c4c7ca;border-radius:0;color:#fff;}

.table {font-size:14px;}
.table th {background:#eee; vertical-align: middle;}
#table-join-1 th {width:130px;}
#table-join-2 td {padding:0;}
#table-join-2 .flex {justify-content: space-between;}
#table-join-2 .flex > div {width:50%; padding:10px;}
#table-join-2 .flex > div:nth-child(1) {border-right:1px solid #ddd;}
#table-join-4 {}
#table-join-4 tbody th {width:200px;}
#table-join-4 .flex {border-bottom:1px solid #ddd; padding:10px 0;}
#table-join-4 .flex:first-child {padding-top:0;}
#table-join-4 .flex:last-child {border-bottom:0; padding-bottom:0;}
#table-join-4 .flex > div {}
#table-join-4 .flex > div:nth-child(1) {width:90px; border-right:1px solid #ddd; font-weight:bold;}
#table-join-4 .flex > div:nth-child(2) {padding-left:10px;}

#pay-type-value {width:100px;}

ul.box li{font-size:16px; padding-bottom:3px;}

.benefit{margin:120px 0 80px 0;}
.benefit-content{}
.benefit-content ul{display:flex; justify-content: space-between;}
.benefit-content ul li{position:relative;}
.benefit-content ul li p{
	border:3px solid #e8383d; border-radius: 100px; width:240px; padding:8px 0; margin:0 auto; color:#1c235a;
	background:#fff; position:absolute; top:-8%; left:0; right:0; 
}
.benefit-content ul li:nth-child(2){margin:0 15px;}

@media(max-width:768px){
    .table {font-size:14px;}
    .table th {background:#eee; vertical-align: middle;}
	#copartnership-form table{width:550px;}
	#copartnership-form table th{font-size:14px; width:160px;}
	#copartnership-form h1{font-size:28px;}
    #guide {padding:0 10px 0 10px; height:auto; display:flex; flex-direction: column; justify-content: center; height:450px; background-size:cover;}
    #guide > div {display:block; float:none; text-align:center;}
    #guide .float-left {width:100%; margin-bottom:20px;}
    #guide .float-left img{width:90px;}
    #guide .float-right {width:100%;}

    #table-join-2 .flex {justify-content: space-between; flex-direction: column;}
    #table-join-2 .flex > div {width:100%;}
    #table-join-2 .flex > div:nth-child(1) {border-right:0; border-bottom:1px solid #ddd;}

    #table-join-4 .flex {flex-direction: column;}
    #table-join-4 .flex > div {width:100%;}
    #table-join-4 .flex > div:nth-child(1) {border-right:0; padding:0 0 15px 0;}
    #table-join-4 .flex > div:nth-child(2) {padding-left:0;}
    #table-join-4 .form-inline input[type=text] {max-width:100px; width:100%;}

	#copartnership-form .subject{font-size:16px;}
	ul.box li{font-size:14px;}
	#sign .rect{width:100%;}
	.btn-sign,
	.btn-clear{width:30%;}

	.benefit-content ul{flex-direction:column; align-items: center;}
	.benefit-content ul li:nth-child(2){margin:50px 0;}
	.benefit-content ul li p{width:180px;}
	.benefit-content ul li img{width:300px;}
    
    .rif{width:100%; height: auto; margin-bottom: 80px;}
.rif>img{width:100%; height: auto;}
}

@media(max-width:550px){
	#guide .float-left img{width:75px;}
	.fs-24{font-size:18px;}
	.text-right{text-align:center !important; margin-top:20px;}
    .rif{width:100%; height: auto; margin-bottom: 80px;}
.rif>img{width:100%; height: auto;}
}